luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ta

Browse source
This commit is contained in:
Alexander Wang 2025-01-26 14:13:00 -07:00
parent 654562fc61
commit 3c22c46815
No known key found for this signature in database
GPG key ID: BE3937D0D52D8927
28 changed files with 96 additions and 96 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
d2renderers/d2sketch/testdata/dots-3d/sketch.exp.svg vendored
View file

@ -130,11 +130,11 @@
<rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
</g>
</pattern>
</defs><g class="eA=="><g class="shape" ><defs><mask id="border-mask-x" maskUnits="userSpaceOnUse" x="0" y="-13" width="69" height="81">
</defs><g class="eA=="><g class="shape" ><defs><mask id="border-mask-d2-3321630805-x" maskUnits="userSpaceOnUse" x="0" y="-13" width="69" height="81">
<rect x="0" y="-13" width="69" height="81" fill="white"></rect>
<path d="M0,2L15,-13L69,-13L69,53L54,68L0,68L0,2L54,2L54,68M54,2L69,-13" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="2.000000" width="54.000000" height="66.000000" mask="url(#border-mask-x)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><rect x="0.000000" y="2.000000" width="54.000000" height="66.000000" mask="url(#border-mask-x)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-x)" points="0,2 15,-13 69,-13 69,53 54,68 54,2" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M0,2 L15,-13 L69,-13 L69,53 L54,68 L0,68 L0,2 L54,2 L54,68 M54,2 L69,-13" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="27.000000" y="40.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><defs><mask id="border-mask-y" maskUnits="userSpaceOnUse" x="129" y="-15" width="66" height="84">
<path d="M0,2L15,-13L69,-13L69,53L54,68L0,68L0,2L54,2L54,68M54,2L69,-13" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="2.000000" width="54.000000" height="66.000000" mask="url(#border-mask-d2-3321630805-x)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><rect x="0.000000" y="2.000000" width="54.000000" height="66.000000" mask="url(#border-mask-d2-3321630805-x)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3321630805-x)" points="0,2 15,-13 69,-13 69,53 54,68 54,2" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M0,2 L15,-13 L69,-13 L69,53 L54,68 L0,68 L0,2 L54,2 L54,68 M54,2 L69,-13" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="27.000000" y="40.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><defs><mask id="border-mask-d2-3321630805-y" maskUnits="userSpaceOnUse" x="129" y="-15" width="66" height="84">
<rect x="129" y="-15" width="66" height="84" fill="white"></rect>
<path d="M141,0L156,-7L182,-7L195,27L182,62L167,69L141,69L129,34L141,0L167,0L180,34L167,69M167,0L182,-7M180,34L195,27M167,69L182,62" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="129.000000" y="0.000000" mask="url(#border-mask-y)" points="141,0 167,0 180,34 167,69 141,69 129,34" stroke="none" fill="#DEE1EB" class=" fill-N5" style="stroke-width:2;" /><polygon x="129.000000" y="0.000000" mask="url(#border-mask-y)" points="141,0 167,0 180,34 167,69 141,69 129,34" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-y)" points="156,-7 182,-7 195,27 182,62 167,69 180,34 167,0 141,0" fill="#CFD2DD" class=" fill-N4" style="stroke-width:2;" /><path d="M141,0 L156,-7 L182,-7 L195,27 L182,62 L167,69 L141,69 L129,34 L141,0 L167,0 L180,34 L167,69 M167,0 L182,-7 M180,34 L195,27 M167,69 L182,62" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="154.500000" y="40.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><mask id="d2-3321630805" maskUnits="userSpaceOnUse" x="-101" y="-115" width="398" height="285">
<path d="M141,0L156,-7L182,-7L195,27L182,62L167,69L141,69L129,34L141,0L167,0L180,34L167,69M167,0L182,-7M180,34L195,27M167,69L182,62" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="129.000000" y="0.000000" mask="url(#border-mask-d2-3321630805-y)" points="141,0 167,0 180,34 167,69 141,69 129,34" stroke="none" fill="#DEE1EB" class=" fill-N5" style="stroke-width:2;" /><polygon x="129.000000" y="0.000000" mask="url(#border-mask-d2-3321630805-y)" points="141,0 167,0 180,34 167,69 141,69 129,34" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3321630805-y)" points="156,-7 182,-7 195,27 182,62 167,69 180,34 167,0 141,0" fill="#CFD2DD" class=" fill-N4" style="stroke-width:2;" /><path d="M141,0 L156,-7 L182,-7 L195,27 L182,62 L167,69 L141,69 L129,34 L141,0 L167,0 L180,34 L167,69 M167,0 L182,-7 M180,34 L195,27 M167,69 L182,62" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="154.500000" y="40.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><mask id="d2-3321630805" maskUnits="userSpaceOnUse" x="-101" y="-115" width="398" height="285">
<rect x="-101" y="-115" width="398" height="285" fill="white"></rect>
<rect x="22.500000" y="24.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="150.000000" y="24.000000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 52 KiB

6
e2etests/testdata/patterns/3d/dagre/sketch.exp.svg vendored
View file

@ -122,11 +122,11 @@
<rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
</g>
</pattern>
</defs><g class="eA=="><g class="shape" ><defs><mask id="border-mask-x" maskUnits="userSpaceOnUse" x="0" y="-13" width="68" height="81">
</defs><g class="eA=="><g class="shape" ><defs><mask id="border-mask-d2-973541862-x" maskUnits="userSpaceOnUse" x="0" y="-13" width="68" height="81">
<rect x="0" y="-13" width="68" height="81" fill="white"></rect>
<path d="M0,2L15,-13L68,-13L68,53L53,68L0,68L0,2L53,2L53,68M53,2L68,-13" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="2.000000" width="53.000000" height="66.000000" mask="url(#border-mask-x)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><rect x="0.000000" y="2.000000" width="53.000000" height="66.000000" mask="url(#border-mask-x)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-x)" points="0,2 15,-13 68,-13 68,53 53,68 53,2" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M0,2 L15,-13 L68,-13 L68,53 L53,68 L0,68 L0,2 L53,2 L53,68 M53,2 L68,-13" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="26.500000" y="40.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><defs><mask id="border-mask-y" maskUnits="userSpaceOnUse" x="128" y="-15" width="66" height="84">
<path d="M0,2L15,-13L68,-13L68,53L53,68L0,68L0,2L53,2L53,68M53,2L68,-13" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="2.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-973541862-x)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><rect x="0.000000" y="2.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-973541862-x)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-973541862-x)" points="0,2 15,-13 68,-13 68,53 53,68 53,2" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M0,2 L15,-13 L68,-13 L68,53 L53,68 L0,68 L0,2 L53,2 L53,68 M53,2 L68,-13" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="26.500000" y="40.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><defs><mask id="border-mask-d2-973541862-y" maskUnits="userSpaceOnUse" x="128" y="-15" width="66" height="84">
<rect x="128" y="-15" width="66" height="84" fill="white"></rect>
<path d="M140,0L155,-7L181,-7L194,27L181,62L166,69L140,69L128,34L140,0L166,0L179,34L166,69M166,0L181,-7M179,34L194,27M166,69L181,62" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="128.000000" y="0.000000" mask="url(#border-mask-y)" points="140,0 166,0 179,34 166,69 140,69 128,34" stroke="none" fill="#DEE1EB" class=" fill-N5" style="stroke-width:2;" /><polygon x="128.000000" y="0.000000" mask="url(#border-mask-y)" points="140,0 166,0 179,34 166,69 140,69 128,34" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-y)" points="155,-7 181,-7 194,27 181,62 166,69 179,34 166,0 140,0" fill="#CFD2DD" class=" fill-N4" style="stroke-width:2;" /><path d="M140,0 L155,-7 L181,-7 L194,27 L181,62 L166,69 L140,69 L128,34 L140,0 L166,0 L179,34 L166,69 M166,0 L181,-7 M179,34 L194,27 M166,69 L181,62" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="153.500000" y="40.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><mask id="d2-973541862" maskUnits="userSpaceOnUse" x="-1" y="-15" width="197" height="85">
<path d="M140,0L155,-7L181,-7L194,27L181,62L166,69L140,69L128,34L140,0L166,0L179,34L166,69M166,0L181,-7M179,34L194,27M166,69L181,62" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="128.000000" y="0.000000" mask="url(#border-mask-d2-973541862-y)" points="140,0 166,0 179,34 166,69 140,69 128,34" stroke="none" fill="#DEE1EB" class=" fill-N5" style="stroke-width:2;" /><polygon x="128.000000" y="0.000000" mask="url(#border-mask-d2-973541862-y)" points="140,0 166,0 179,34 166,69 140,69 128,34" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-973541862-y)" points="155,-7 181,-7 194,27 181,62 166,69 179,34 166,0 140,0" fill="#CFD2DD" class=" fill-N4" style="stroke-width:2;" /><path d="M140,0 L155,-7 L181,-7 L194,27 L181,62 L166,69 L140,69 L128,34 L140,0 L166,0 L179,34 L166,69 M166,0 L181,-7 M179,34 L194,27 M166,69 L181,62" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="153.500000" y="40.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><mask id="d2-973541862" maskUnits="userSpaceOnUse" x="-1" y="-15" width="197" height="85">
<rect x="-1" y="-15" width="197" height="85" fill="white"></rect>
<rect x="22.500000" y="24.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="149.000000" y="24.000000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

8
e2etests/testdata/stable/3d_fill_and_stroke/dagre/sketch.exp.svg vendored
View file

@ -89,13 +89,13 @@
.d2-273978423 .color-AA4{color:#EDF0FD;}
.d2-273978423 .color-AA5{color:#F7F8FE;}
.d2-273978423 .color-AB4{color:#EDF0FD;}
.d2-273978423 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGV4YWdvbg=="><g class="shape" ><defs><mask id="border-mask-hexagon" maskUnits="userSpaceOnUse" x="0" y="-15" width="143" height="84">
.d2-273978423 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGV4YWdvbg=="><g class="shape" ><defs><mask id="border-mask-d2-273978423-hexagon" maskUnits="userSpaceOnUse" x="0" y="-15" width="143" height="84">
<rect x="0" y="-15" width="143" height="84" fill="white"></rect>
<path d="M32,0L47,-7L111,-7L143,27L111,62L96,69L32,69L0,34L32,0L96,0L128,34L96,69M96,0L111,-7M128,34L143,27M96,69L111,62" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="0.000000" y="0.000000" mask="url(#border-mask-hexagon)" points="32,0 96,0 128,34 96,69 32,69 0,34" stroke="none" fill="honeydew" style="stroke-width:2;" /><polygon mask="url(#border-mask-hexagon)" points="47,-7 111,-7 143,27 111,62 96,69 128,34 96,0 32,0" fill="#bdffbd" style="stroke-width:2;" /><path d="M32,0 L47,-7 L111,-7 L143,27 L111,62 L96,69 L32,69 L0,34 L32,0 L96,0 L128,34 L96,69 M96,0 L111,-7 M128,34 L143,27 M96,69 L111,62" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="64.000000" y="40.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text></g><g class="cmVjdA=="><g class="shape" ><defs><mask id="border-mask-rect" maskUnits="userSpaceOnUse" x="28" y="348" width="88" height="81">
<path d="M32,0L47,-7L111,-7L143,27L111,62L96,69L32,69L0,34L32,0L96,0L128,34L96,69M96,0L111,-7M128,34L143,27M96,69L111,62" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="0.000000" y="0.000000" mask="url(#border-mask-d2-273978423-hexagon)" points="32,0 96,0 128,34 96,69 32,69 0,34" stroke="none" fill="honeydew" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-273978423-hexagon)" points="47,-7 111,-7 143,27 111,62 96,69 128,34 96,0 32,0" fill="#bdffbd" style="stroke-width:2;" /><path d="M32,0 L47,-7 L111,-7 L143,27 L111,62 L96,69 L32,69 L0,34 L32,0 L96,0 L128,34 L96,69 M96,0 L111,-7 M128,34 L143,27 M96,69 L111,62" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="64.000000" y="40.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text></g><g class="cmVjdA=="><g class="shape" ><defs><mask id="border-mask-d2-273978423-rect" maskUnits="userSpaceOnUse" x="28" y="348" width="88" height="81">
<rect x="28" y="348" width="88" height="81" fill="white"></rect>
<path d="M28,363L43,348L116,348L116,414L101,429L28,429L28,363L101,363L101,429M101,363L116,348" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="28.000000" y="363.000000" width="73.000000" height="66.000000" mask="url(#border-mask-rect)" stroke="none" fill="honeydew" style="stroke-width:2;" /><polygon mask="url(#border-mask-rect)" points="28,363 43,348 116,348 116,414 101,429 101,363" fill="#bdffbd" style="stroke-width:2;" /><path d="M28,363 L43,348 L116,348 L116,414 L101,429 L28,429 L28,363 L101,363 L101,429 M101,363 L116,348" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="64.500000" y="401.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rect</text></g><g class="c3F1YXJl"><g class="shape" ><defs><mask id="border-mask-square" maskUnits="userSpaceOnUse" x="17" y="154" width="109" height="109">
<path d="M28,363L43,348L116,348L116,414L101,429L28,429L28,363L101,363L101,429M101,363L116,348" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="28.000000" y="363.000000" width="73.000000" height="66.000000" mask="url(#border-mask-d2-273978423-rect)" stroke="none" fill="honeydew" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-273978423-rect)" points="28,363 43,348 116,348 116,414 101,429 101,363" fill="#bdffbd" style="stroke-width:2;" /><path d="M28,363 L43,348 L116,348 L116,414 L101,429 L28,429 L28,363 L101,363 L101,429 M101,363 L116,348" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="64.500000" y="401.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rect</text></g><g class="c3F1YXJl"><g class="shape" ><defs><mask id="border-mask-d2-273978423-square" maskUnits="userSpaceOnUse" x="17" y="154" width="109" height="109">
<rect x="17" y="154" width="109" height="109" fill="white"></rect>
<path d="M17,169L32,154L126,154L126,248L111,263L17,263L17,169L111,169L111,263M111,169L126,154" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="17.000000" y="169.000000" width="94.000000" height="94.000000" mask="url(#border-mask-square)" stroke="none" fill="honeydew" style="stroke-width:2;" /><polygon mask="url(#border-mask-square)" points="17,169 32,154 126,154 126,248 111,263 111,169" fill="#bdffbd" style="stroke-width:2;" /><path d="M17,169 L32,154 L126,154 L126,248 L111,263 L17,263 L17,169 L111,169 L111,263 M111,169 L126,154" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="64.000000" y="221.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></g><g class="KGhleGFnb24gLSZndDsgc3F1YXJlKVswXQ=="><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 71.000000 C 64.000000 109.000000 64.000000 126.000000 64.000000 150.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-273978423)" /></g><g class="KHNxdWFyZSAtJmd0OyByZWN0KVswXQ=="><path d="M 64.000000 265.000000 C 64.000000 303.000000 64.000000 320.000000 64.000000 344.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-273978423)" /></g><mask id="d2-273978423" maskUnits="userSpaceOnUse" x="-1" y="-9" width="146" height="439">
<path d="M17,169L32,154L126,154L126,248L111,263L17,263L17,169L111,169L111,263M111,169L126,154" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="17.000000" y="169.000000" width="94.000000" height="94.000000" mask="url(#border-mask-d2-273978423-square)" stroke="none" fill="honeydew" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-273978423-square)" points="17,169 32,154 126,154 126,248 111,263 111,169" fill="#bdffbd" style="stroke-width:2;" /><path d="M17,169 L32,154 L126,154 L126,248 L111,263 L17,263 L17,169 L111,169 L111,263 M111,169 L126,154" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="64.000000" y="221.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></g><g class="KGhleGFnb24gLSZndDsgc3F1YXJlKVswXQ=="><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 71.000000 C 64.000000 109.000000 64.000000 126.000000 64.000000 150.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-273978423)" /></g><g class="KHNxdWFyZSAtJmd0OyByZWN0KVswXQ=="><path d="M 64.000000 265.000000 C 64.000000 303.000000 64.000000 320.000000 64.000000 344.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-273978423)" /></g><mask id="d2-273978423" maskUnits="userSpaceOnUse" x="-1" y="-9" width="146" height="439">
<rect x="-1" y="-9" width="146" height="439" fill="white"></rect>
<rect x="34.000000" y="24.000000" width="60" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="50.500000" y="385.500000" width="28" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

8
e2etests/testdata/stable/3d_fill_and_stroke/elk/sketch.exp.svg vendored
View file

@ -89,13 +89,13 @@
.d2-1823398129 .color-AA4{color:#EDF0FD;}
.d2-1823398129 .color-AA5{color:#F7F8FE;}
.d2-1823398129 .color-AB4{color:#EDF0FD;}
.d2-1823398129 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGV4YWdvbg=="><g class="shape" ><defs><mask id="border-mask-hexagon" maskUnits="userSpaceOnUse" x="12" y="4" width="143" height="84">
.d2-1823398129 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGV4YWdvbg=="><g class="shape" ><defs><mask id="border-mask-d2-1823398129-hexagon" maskUnits="userSpaceOnUse" x="12" y="4" width="143" height="84">
<rect x="12" y="4" width="143" height="84" fill="white"></rect>
<path d="M44,19L59,12L123,12L155,46L123,81L108,88L44,88L12,53L44,19L108,19L140,53L108,88M108,19L123,12M140,53L155,46M108,88L123,81" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="12.000000" y="19.000000" mask="url(#border-mask-hexagon)" points="44,19 108,19 140,53 108,88 44,88 12,53" stroke="none" fill="honeydew" style="stroke-width:2;" /><polygon mask="url(#border-mask-hexagon)" points="59,12 123,12 155,46 123,81 108,88 140,53 108,19 44,19" fill="#bdffbd" style="stroke-width:2;" /><path d="M44,19 L59,12 L123,12 L155,46 L123,81 L108,88 L44,88 L12,53 L44,19 L108,19 L140,53 L108,88 M108,19 L123,12 M140,53 L155,46 M108,88 L123,81" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="76.000000" y="59.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text></g><g class="cmVjdA=="><g class="shape" ><defs><mask id="border-mask-rect" maskUnits="userSpaceOnUse" x="39" y="337" width="88" height="81">
<path d="M44,19L59,12L123,12L155,46L123,81L108,88L44,88L12,53L44,19L108,19L140,53L108,88M108,19L123,12M140,53L155,46M108,88L123,81" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="12.000000" y="19.000000" mask="url(#border-mask-d2-1823398129-hexagon)" points="44,19 108,19 140,53 108,88 44,88 12,53" stroke="none" fill="honeydew" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1823398129-hexagon)" points="59,12 123,12 155,46 123,81 108,88 140,53 108,19 44,19" fill="#bdffbd" style="stroke-width:2;" /><path d="M44,19 L59,12 L123,12 L155,46 L123,81 L108,88 L44,88 L12,53 L44,19 L108,19 L140,53 L108,88 M108,19 L123,12 M140,53 L155,46 M108,88 L123,81" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="76.000000" y="59.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text></g><g class="cmVjdA=="><g class="shape" ><defs><mask id="border-mask-d2-1823398129-rect" maskUnits="userSpaceOnUse" x="39" y="337" width="88" height="81">
<rect x="39" y="337" width="88" height="81" fill="white"></rect>
<path d="M39,352L54,337L127,337L127,403L112,418L39,418L39,352L112,352L112,418M112,352L127,337" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="39.000000" y="352.000000" width="73.000000" height="66.000000" mask="url(#border-mask-rect)" stroke="none" fill="honeydew" style="stroke-width:2;" /><polygon mask="url(#border-mask-rect)" points="39,352 54,337 127,337 127,403 112,418 112,352" fill="#bdffbd" style="stroke-width:2;" /><path d="M39,352 L54,337 L127,337 L127,403 L112,418 L39,418 L39,352 L112,352 L112,418 M112,352 L127,337" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="75.500000" y="390.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rect</text></g><g class="c3F1YXJl"><g class="shape" ><defs><mask id="border-mask-square" maskUnits="userSpaceOnUse" x="29" y="158" width="109" height="109">
<path d="M39,352L54,337L127,337L127,403L112,418L39,418L39,352L112,352L112,418M112,352L127,337" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="39.000000" y="352.000000" width="73.000000" height="66.000000" mask="url(#border-mask-d2-1823398129-rect)" stroke="none" fill="honeydew" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1823398129-rect)" points="39,352 54,337 127,337 127,403 112,418 112,352" fill="#bdffbd" style="stroke-width:2;" /><path d="M39,352 L54,337 L127,337 L127,403 L112,418 L39,418 L39,352 L112,352 L112,418 M112,352 L127,337" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="75.500000" y="390.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rect</text></g><g class="c3F1YXJl"><g class="shape" ><defs><mask id="border-mask-d2-1823398129-square" maskUnits="userSpaceOnUse" x="29" y="158" width="109" height="109">
<rect x="29" y="158" width="109" height="109" fill="white"></rect>
<path d="M29,173L44,158L138,158L138,252L123,267L29,267L29,173L123,173L123,267M123,173L138,158" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="29.000000" y="173.000000" width="94.000000" height="94.000000" mask="url(#border-mask-square)" stroke="none" fill="honeydew" style="stroke-width:2;" /><polygon mask="url(#border-mask-square)" points="29,173 44,158 138,158 138,252 123,267 123,173" fill="#bdffbd" style="stroke-width:2;" /><path d="M29,173 L44,158 L138,158 L138,252 L123,267 L29,267 L29,173 L123,173 L123,267 M123,173 L138,158" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="76.000000" y="225.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></g><g class="KGhleGFnb24gLSZndDsgc3F1YXJlKVswXQ=="><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 84.000000 90.000000 L 84.000000 154.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1823398129)" /></g><g class="KHNxdWFyZSAtJmd0OyByZWN0KVswXQ=="><path d="M 83.500000 269.000000 L 83.500000 333.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1823398129)" /></g><mask id="d2-1823398129" maskUnits="userSpaceOnUse" x="11" y="10" width="146" height="409">
<path d="M29,173L44,158L138,158L138,252L123,267L29,267L29,173L123,173L123,267M123,173L138,158" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="29.000000" y="173.000000" width="94.000000" height="94.000000" mask="url(#border-mask-d2-1823398129-square)" stroke="none" fill="honeydew" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1823398129-square)" points="29,173 44,158 138,158 138,252 123,267 123,173" fill="#bdffbd" style="stroke-width:2;" /><path d="M29,173 L44,158 L138,158 L138,252 L123,267 L29,267 L29,173 L123,173 L123,267 M123,173 L138,158" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="76.000000" y="225.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></g><g class="KGhleGFnb24gLSZndDsgc3F1YXJlKVswXQ=="><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 84.000000 90.000000 L 84.000000 154.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1823398129)" /></g><g class="KHNxdWFyZSAtJmd0OyByZWN0KVswXQ=="><path d="M 83.500000 269.000000 L 83.500000 333.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1823398129)" /></g><mask id="d2-1823398129" maskUnits="userSpaceOnUse" x="11" y="10" width="146" height="409">
<rect x="11" y="10" width="146" height="409" fill="white"></rect>
<rect x="46.000000" y="43.000000" width="60" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="61.500000" y="374.500000" width="28" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

4
e2etests/testdata/stable/border-radius-pill-shape/dagre/sketch.exp.svg vendored
View file

@ -89,9 +89,9 @@
.d2-3932991591 .color-AA4{color:#EDF0FD;}
.d2-3932991591 .color-AA5{color:#F7F8FE;}
.d2-3932991591 .color-AB4{color:#EDF0FD;}
.d2-3932991591 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" rx="26.500000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" rx="27.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="bXVsdGlwbGUy"><g class="shape" ><rect x="237.000000" y="-10.000000" width="112.000000" height="66.000000" rx="33.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="227.000000" y="0.000000" width="112.000000" height="66.000000" rx="33.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="283.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g class="ZG91Ymxl"><g class="shape" ><rect x="409.000000" y="0.000000" width="94.000000" height="66.000000" rx="33.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="414.000000" y="5.000000" width="84.000000" height="56.000000" rx="28.000000" stroke="#0D32B2" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="456.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g class="dGhyZWUtZGVl"><g class="shape" ><defs><mask id="border-mask-three-dee" maskUnits="userSpaceOnUse" x="563" y="-15" width="129" height="81">
.d2-3932991591 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" rx="26.500000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" rx="27.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="bXVsdGlwbGUy"><g class="shape" ><rect x="237.000000" y="-10.000000" width="112.000000" height="66.000000" rx="33.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="227.000000" y="0.000000" width="112.000000" height="66.000000" rx="33.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="283.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g class="ZG91Ymxl"><g class="shape" ><rect x="409.000000" y="0.000000" width="94.000000" height="66.000000" rx="33.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="414.000000" y="5.000000" width="84.000000" height="56.000000" rx="28.000000" stroke="#0D32B2" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="456.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g class="dGhyZWUtZGVl"><g class="shape" ><defs><mask id="border-mask-d2-3932991591-three-dee" maskUnits="userSpaceOnUse" x="563" y="-15" width="129" height="81">
<rect x="563" y="-15" width="129" height="81" fill="white"></rect>
<path d="M563,0L578,-15L692,-15L692,51L677,66L563,66L563,0L677,0L677,66M677,0L692,-15" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="563.000000" y="0.000000" width="114.000000" height="66.000000" mask="url(#border-mask-three-dee)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-three-dee)" points="563,0 578,-15 692,-15 692,51 677,66 677,0" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M563,0 L578,-15 L692,-15 L692,51 L677,66 L563,66 L563,0 L677,0 L677,66 M677,0 L692,-15" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="620.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-3932991591" maskUnits="userSpaceOnUse" x="-1" y="-17" width="695" height="84">
<path d="M563,0L578,-15L692,-15L692,51L677,66L563,66L563,0L677,0L677,66M677,0L692,-15" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="563.000000" y="0.000000" width="114.000000" height="66.000000" mask="url(#border-mask-d2-3932991591-three-dee)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3932991591-three-dee)" points="563,0 578,-15 692,-15 692,51 677,66 677,0" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M563,0 L578,-15 L692,-15 L692,51 L677,66 L563,66 L563,0 L677,0 L677,66 M677,0 L692,-15" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="620.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-3932991591" maskUnits="userSpaceOnUse" x="-1" y="-17" width="695" height="84">
<rect x="-1" y="-17" width="695" height="84" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="135.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

4
e2etests/testdata/stable/border-radius-pill-shape/elk/sketch.exp.svg vendored
View file

@ -89,9 +89,9 @@
.d2-3498597838 .color-AA4{color:#EDF0FD;}
.d2-3498597838 .color-AA5{color:#F7F8FE;}
.d2-3498597838 .color-AB4{color:#EDF0FD;}
.d2-3498597838 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="12.000000" y="19.000000" width="53.000000" height="66.000000" rx="26.500000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="57.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="85.000000" y="19.000000" width="54.000000" height="66.000000" rx="27.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="112.000000" y="57.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="bXVsdGlwbGUy"><g class="shape" ><rect x="169.000000" y="14.000000" width="112.000000" height="66.000000" rx="33.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="159.000000" y="24.000000" width="112.000000" height="66.000000" rx="33.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="215.000000" y="62.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g class="ZG91Ymxl"><g class="shape" ><rect x="301.000000" y="19.000000" width="94.000000" height="66.000000" rx="33.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="306.000000" y="24.000000" width="84.000000" height="56.000000" rx="28.000000" stroke="#0D32B2" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="348.000000" y="57.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g class="dGhyZWUtZGVl"><g class="shape" ><defs><mask id="border-mask-three-dee" maskUnits="userSpaceOnUse" x="415" y="12" width="129" height="81">
.d2-3498597838 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="12.000000" y="19.000000" width="53.000000" height="66.000000" rx="26.500000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="57.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="85.000000" y="19.000000" width="54.000000" height="66.000000" rx="27.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="112.000000" y="57.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="bXVsdGlwbGUy"><g class="shape" ><rect x="169.000000" y="14.000000" width="112.000000" height="66.000000" rx="33.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="159.000000" y="24.000000" width="112.000000" height="66.000000" rx="33.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="215.000000" y="62.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g class="ZG91Ymxl"><g class="shape" ><rect x="301.000000" y="19.000000" width="94.000000" height="66.000000" rx="33.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="306.000000" y="24.000000" width="84.000000" height="56.000000" rx="28.000000" stroke="#0D32B2" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="348.000000" y="57.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g class="dGhyZWUtZGVl"><g class="shape" ><defs><mask id="border-mask-d2-3498597838-three-dee" maskUnits="userSpaceOnUse" x="415" y="12" width="129" height="81">
<rect x="415" y="12" width="129" height="81" fill="white"></rect>
<path d="M415,27L430,12L544,12L544,78L529,93L415,93L415,27L529,27L529,93M529,27L544,12" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="415.000000" y="27.000000" width="114.000000" height="66.000000" mask="url(#border-mask-three-dee)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-three-dee)" points="415,27 430,12 544,12 544,78 529,93 529,27" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M415,27 L430,12 L544,12 L544,78 L529,93 L415,93 L415,27 L529,27 L529,93 M529,27 L544,12" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="472.000000" y="65.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-3498597838" maskUnits="userSpaceOnUse" x="11" y="10" width="535" height="84">
<path d="M415,27L430,12L544,12L544,78L529,93L415,93L415,27L529,27L529,93M529,27L544,12" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="415.000000" y="27.000000" width="114.000000" height="66.000000" mask="url(#border-mask-d2-3498597838-three-dee)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3498597838-three-dee)" points="415,27 430,12 544,12 544,78 529,93 529,27" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M415,27 L430,12 L544,12 L544,78 L529,93 L415,93 L415,27 L529,27 L529,93 M529,27 L544,12" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="472.000000" y="65.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-3498597838" maskUnits="userSpaceOnUse" x="11" y="10" width="535" height="84">
<rect x="11" y="10" width="535" height="84" fill="white"></rect>
<rect x="34.500000" y="41.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="107.500000" y="41.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

4
e2etests/testdata/stable/border-radius/dagre/sketch.exp.svg vendored
View file

@ -89,9 +89,9 @@
.d2-2799192319 .color-AA4{color:#EDF0FD;}
.d2-2799192319 .color-AA5{color:#F7F8FE;}
.d2-2799192319 .color-AB4{color:#EDF0FD;}
.d2-2799192319 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" rx="4.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" rx="10.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="bXVsdGlwbGUy"><g class="shape" ><rect x="237.000000" y="-10.000000" width="112.000000" height="66.000000" rx="6.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="227.000000" y="0.000000" width="112.000000" height="66.000000" rx="6.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="283.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g class="ZG91Ymxl"><g class="shape" ><rect x="409.000000" y="0.000000" width="94.000000" height="66.000000" rx="6.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="414.000000" y="5.000000" width="84.000000" height="56.000000" rx="6.000000" stroke="#0D32B2" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="456.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g class="dGhyZWUtZGVl"><g class="shape" ><defs><mask id="border-mask-three-dee" maskUnits="userSpaceOnUse" x="563" y="-15" width="129" height="81">
.d2-2799192319 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" rx="4.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" rx="10.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="bXVsdGlwbGUy"><g class="shape" ><rect x="237.000000" y="-10.000000" width="112.000000" height="66.000000" rx="6.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="227.000000" y="0.000000" width="112.000000" height="66.000000" rx="6.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="283.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g class="ZG91Ymxl"><g class="shape" ><rect x="409.000000" y="0.000000" width="94.000000" height="66.000000" rx="6.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="414.000000" y="5.000000" width="84.000000" height="56.000000" rx="6.000000" stroke="#0D32B2" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="456.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g class="dGhyZWUtZGVl"><g class="shape" ><defs><mask id="border-mask-d2-2799192319-three-dee" maskUnits="userSpaceOnUse" x="563" y="-15" width="129" height="81">
<rect x="563" y="-15" width="129" height="81" fill="white"></rect>
<path d="M563,0L578,-15L692,-15L692,51L677,66L563,66L563,0L677,0L677,66M677,0L692,-15" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="563.000000" y="0.000000" width="114.000000" height="66.000000" mask="url(#border-mask-three-dee)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-three-dee)" points="563,0 578,-15 692,-15 692,51 677,66 677,0" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M563,0 L578,-15 L692,-15 L692,51 L677,66 L563,66 L563,0 L677,0 L677,66 M677,0 L692,-15" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="620.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-2799192319" maskUnits="userSpaceOnUse" x="-1" y="-17" width="695" height="84">
<path d="M563,0L578,-15L692,-15L692,51L677,66L563,66L563,0L677,0L677,66M677,0L692,-15" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="563.000000" y="0.000000" width="114.000000" height="66.000000" mask="url(#border-mask-d2-2799192319-three-dee)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-2799192319-three-dee)" points="563,0 578,-15 692,-15 692,51 677,66 677,0" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M563,0 L578,-15 L692,-15 L692,51 L677,66 L563,66 L563,0 L677,0 L677,66 M677,0 L692,-15" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="620.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-2799192319" maskUnits="userSpaceOnUse" x="-1" y="-17" width="695" height="84">
<rect x="-1" y="-17" width="695" height="84" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="135.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

4
e2etests/testdata/stable/border-radius/elk/sketch.exp.svg vendored
View file

@ -89,9 +89,9 @@
.d2-2255618840 .color-AA4{color:#EDF0FD;}
.d2-2255618840 .color-AA5{color:#F7F8FE;}
.d2-2255618840 .color-AB4{color:#EDF0FD;}
.d2-2255618840 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="12.000000" y="19.000000" width="53.000000" height="66.000000" rx="4.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="57.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="85.000000" y="19.000000" width="54.000000" height="66.000000" rx="10.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="112.000000" y="57.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="bXVsdGlwbGUy"><g class="shape" ><rect x="169.000000" y="14.000000" width="112.000000" height="66.000000" rx="6.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="159.000000" y="24.000000" width="112.000000" height="66.000000" rx="6.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="215.000000" y="62.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g class="ZG91Ymxl"><g class="shape" ><rect x="301.000000" y="19.000000" width="94.000000" height="66.000000" rx="6.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="306.000000" y="24.000000" width="84.000000" height="56.000000" rx="6.000000" stroke="#0D32B2" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="348.000000" y="57.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g class="dGhyZWUtZGVl"><g class="shape" ><defs><mask id="border-mask-three-dee" maskUnits="userSpaceOnUse" x="415" y="12" width="129" height="81">
.d2-2255618840 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="12.000000" y="19.000000" width="53.000000" height="66.000000" rx="4.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="57.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="85.000000" y="19.000000" width="54.000000" height="66.000000" rx="10.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="112.000000" y="57.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="bXVsdGlwbGUy"><g class="shape" ><rect x="169.000000" y="14.000000" width="112.000000" height="66.000000" rx="6.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="159.000000" y="24.000000" width="112.000000" height="66.000000" rx="6.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="215.000000" y="62.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g class="ZG91Ymxl"><g class="shape" ><rect x="301.000000" y="19.000000" width="94.000000" height="66.000000" rx="6.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="306.000000" y="24.000000" width="84.000000" height="56.000000" rx="6.000000" stroke="#0D32B2" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="348.000000" y="57.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g class="dGhyZWUtZGVl"><g class="shape" ><defs><mask id="border-mask-d2-2255618840-three-dee" maskUnits="userSpaceOnUse" x="415" y="12" width="129" height="81">
<rect x="415" y="12" width="129" height="81" fill="white"></rect>
<path d="M415,27L430,12L544,12L544,78L529,93L415,93L415,27L529,27L529,93M529,27L544,12" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="415.000000" y="27.000000" width="114.000000" height="66.000000" mask="url(#border-mask-three-dee)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-three-dee)" points="415,27 430,12 544,12 544,78 529,93 529,27" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M415,27 L430,12 L544,12 L544,78 L529,93 L415,93 L415,27 L529,27 L529,93 M529,27 L544,12" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="472.000000" y="65.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-2255618840" maskUnits="userSpaceOnUse" x="11" y="10" width="535" height="84">
<path d="M415,27L430,12L544,12L544,78L529,93L415,93L415,27L529,27L529,93M529,27L544,12" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="415.000000" y="27.000000" width="114.000000" height="66.000000" mask="url(#border-mask-d2-2255618840-three-dee)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-2255618840-three-dee)" points="415,27 430,12 544,12 544,78 529,93 529,27" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M415,27 L430,12 L544,12 L544,78 L529,93 L415,93 L415,27 L529,27 L529,93 M529,27 L544,12" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="472.000000" y="65.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-2255618840" maskUnits="userSpaceOnUse" x="11" y="10" width="535" height="84">
<rect x="11" y="10" width="535" height="84" fill="white"></rect>
<rect x="34.500000" y="41.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="107.500000" y="41.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

4
e2etests/testdata/stable/grid_outside_labels/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 111 KiB

After

Width:  |  Height:  |  Size: 111 KiB

4
e2etests/testdata/stable/grid_outside_labels/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 110 KiB

After

Width:  |  Height:  |  Size: 110 KiB

4
e2etests/testdata/stable/hexagon_3d/dagre/sketch.exp.svg vendored
View file

@ -89,9 +89,9 @@
.d2-1162199655 .color-AA4{color:#EDF0FD;}
.d2-1162199655 .color-AA5{color:#F7F8FE;}
.d2-1162199655 .color-AB4{color:#EDF0FD;}
.d2-1162199655 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGV4YWdvbg=="><g class="shape" ><defs><mask id="border-mask-hexagon" maskUnits="userSpaceOnUse" x="0" y="-15" width="143" height="84">
.d2-1162199655 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGV4YWdvbg=="><g class="shape" ><defs><mask id="border-mask-d2-1162199655-hexagon" maskUnits="userSpaceOnUse" x="0" y="-15" width="143" height="84">
<rect x="0" y="-15" width="143" height="84" fill="white"></rect>
<path d="M32,0L47,-7L111,-7L143,27L111,62L96,69L32,69L0,34L32,0L96,0L128,34L96,69M96,0L111,-7M128,34L143,27M96,69L111,62" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="0.000000" y="0.000000" mask="url(#border-mask-hexagon)" points="32,0 96,0 128,34 96,69 32,69 0,34" stroke="none" fill="#DEE1EB" class=" fill-N5" style="stroke-width:2;" /><polygon mask="url(#border-mask-hexagon)" points="47,-7 111,-7 143,27 111,62 96,69 128,34 96,0 32,0" fill="#CFD2DD" class=" fill-N4" style="stroke-width:2;" /><path d="M32,0 L47,-7 L111,-7 L143,27 L111,62 L96,69 L32,69 L0,34 L32,0 L96,0 L128,34 L96,69 M96,0 L111,-7 M128,34 L143,27 M96,69 L111,62" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="64.000000" y="40.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text></g><mask id="d2-1162199655" maskUnits="userSpaceOnUse" x="-1" y="-9" width="146" height="79">
<path d="M32,0L47,-7L111,-7L143,27L111,62L96,69L32,69L0,34L32,0L96,0L128,34L96,69M96,0L111,-7M128,34L143,27M96,69L111,62" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="0.000000" y="0.000000" mask="url(#border-mask-d2-1162199655-hexagon)" points="32,0 96,0 128,34 96,69 32,69 0,34" stroke="none" fill="#DEE1EB" class=" fill-N5" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1162199655-hexagon)" points="47,-7 111,-7 143,27 111,62 96,69 128,34 96,0 32,0" fill="#CFD2DD" class=" fill-N4" style="stroke-width:2;" /><path d="M32,0 L47,-7 L111,-7 L143,27 L111,62 L96,69 L32,69 L0,34 L32,0 L96,0 L128,34 L96,69 M96,0 L111,-7 M128,34 L143,27 M96,69 L111,62" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="64.000000" y="40.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text></g><mask id="d2-1162199655" maskUnits="userSpaceOnUse" x="-1" y="-9" width="146" height="79">
<rect x="-1" y="-9" width="146" height="79" fill="white"></rect>
<rect x="34.000000" y="24.000000" width="60" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

4
e2etests/testdata/stable/hexagon_3d/elk/sketch.exp.svg vendored
View file

@ -89,9 +89,9 @@
.d2-822244148 .color-AA4{color:#EDF0FD;}
.d2-822244148 .color-AA5{color:#F7F8FE;}
.d2-822244148 .color-AB4{color:#EDF0FD;}
.d2-822244148 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGV4YWdvbg=="><g class="shape" ><defs><mask id="border-mask-hexagon" maskUnits="userSpaceOnUse" x="12" y="4" width="143" height="84">
.d2-822244148 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGV4YWdvbg=="><g class="shape" ><defs><mask id="border-mask-d2-822244148-hexagon" maskUnits="userSpaceOnUse" x="12" y="4" width="143" height="84">
<rect x="12" y="4" width="143" height="84" fill="white"></rect>
<path d="M44,19L59,12L123,12L155,46L123,81L108,88L44,88L12,53L44,19L108,19L140,53L108,88M108,19L123,12M140,53L155,46M108,88L123,81" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="12.000000" y="19.000000" mask="url(#border-mask-hexagon)" points="44,19 108,19 140,53 108,88 44,88 12,53" stroke="none" fill="#DEE1EB" class=" fill-N5" style="stroke-width:2;" /><polygon mask="url(#border-mask-hexagon)" points="59,12 123,12 155,46 123,81 108,88 140,53 108,19 44,19" fill="#CFD2DD" class=" fill-N4" style="stroke-width:2;" /><path d="M44,19 L59,12 L123,12 L155,46 L123,81 L108,88 L44,88 L12,53 L44,19 L108,19 L140,53 L108,88 M108,19 L123,12 M140,53 L155,46 M108,88 L123,81" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="76.000000" y="59.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text></g><mask id="d2-822244148" maskUnits="userSpaceOnUse" x="11" y="10" width="146" height="79">
<path d="M44,19L59,12L123,12L155,46L123,81L108,88L44,88L12,53L44,19L108,19L140,53L108,88M108,19L123,12M140,53L155,46M108,88L123,81" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="12.000000" y="19.000000" mask="url(#border-mask-d2-822244148-hexagon)" points="44,19 108,19 140,53 108,88 44,88 12,53" stroke="none" fill="#DEE1EB" class=" fill-N5" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-822244148-hexagon)" points="59,12 123,12 155,46 123,81 108,88 140,53 108,19 44,19" fill="#CFD2DD" class=" fill-N4" style="stroke-width:2;" /><path d="M44,19 L59,12 L123,12 L155,46 L123,81 L108,88 L44,88 L12,53 L44,19 L108,19 L140,53 L108,88 M108,19 L123,12 M140,53 L155,46 M108,88 L123,81" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="76.000000" y="59.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text></g><mask id="d2-822244148" maskUnits="userSpaceOnUse" x="11" y="10" width="146" height="79">
<rect x="11" y="10" width="146" height="79" fill="white"></rect>
<rect x="46.000000" y="43.000000" width="60" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

20
e2etests/testdata/stable/multiple_offset/dagre/sketch.exp.svg vendored
View file

@ -96,25 +96,25 @@
.d2-4046351993 .color-AA4{color:#EDF0FD;}
.d2-4046351993 .color-AA5{color:#F7F8FE;}
.d2-4046351993 .color-AB4{color:#EDF0FD;}
.d2-4046351993 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bjE="><g class="shape" ><rect x="10.000000" y="20.000000" width="123.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="71.500000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n1</text></g><g class="bjI="><g class="shape" ><rect x="173.000000" y="20.000000" width="128.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="237.000000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n2</text></g><g class="bjM="><g class="shape" ><rect x="351.000000" y="10.000000" width="123.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="341.000000" y="20.000000" width="123.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="407.500000" y="-3.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n3</text></g><g class="bjQ="><g class="shape" ><defs><mask id="border-mask-n4" maskUnits="userSpaceOnUse" x="514" y="5" width="143" height="307">
.d2-4046351993 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bjE="><g class="shape" ><rect x="10.000000" y="20.000000" width="123.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="71.500000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n1</text></g><g class="bjI="><g class="shape" ><rect x="173.000000" y="20.000000" width="128.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="237.000000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n2</text></g><g class="bjM="><g class="shape" ><rect x="351.000000" y="10.000000" width="123.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="341.000000" y="20.000000" width="123.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="407.500000" y="-3.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n3</text></g><g class="bjQ="><g class="shape" ><defs><mask id="border-mask-d2-4046351993-n4" maskUnits="userSpaceOnUse" x="514" y="5" width="143" height="307">
<rect x="514" y="5" width="143" height="307" fill="white"></rect>
<path d="M514,20L529,5L657,5L657,297L642,312L514,312L514,20L642,20L642,312M642,20L657,5" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="514.000000" y="20.000000" width="128.000000" height="292.000000" mask="url(#border-mask-n4)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n4)" points="514,20 529,5 657,5 657,297 642,312 642,20" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M514,20 L529,5 L657,5 L657,297 L642,312 L514,312 L514,20 L642,20 L642,312 M642,20 L657,5" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="585.500000" y="-8.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n4</text></g><g class="bjU="><g class="shape" ><rect x="697.000000" y="10.000000" width="113.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="687.000000" y="20.000000" width="113.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="748.500000" y="-3.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n5</text></g><g class="bjY="><g class="shape" ><defs><mask id="border-mask-n6" maskUnits="userSpaceOnUse" x="845" y="5" width="128" height="307">
<path d="M514,20L529,5L657,5L657,297L642,312L514,312L514,20L642,20L642,312M642,20L657,5" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="514.000000" y="20.000000" width="128.000000" height="292.000000" mask="url(#border-mask-d2-4046351993-n4)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-4046351993-n4)" points="514,20 529,5 657,5 657,297 642,312 642,20" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M514,20 L529,5 L657,5 L657,297 L642,312 L514,312 L514,20 L642,20 L642,312 M642,20 L657,5" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="585.500000" y="-8.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n4</text></g><g class="bjU="><g class="shape" ><rect x="697.000000" y="10.000000" width="113.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="687.000000" y="20.000000" width="113.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="748.500000" y="-3.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n5</text></g><g class="bjY="><g class="shape" ><defs><mask id="border-mask-d2-4046351993-n6" maskUnits="userSpaceOnUse" x="845" y="5" width="128" height="307">
<rect x="845" y="5" width="128" height="307" fill="white"></rect>
<path d="M845,20L860,5L973,5L973,297L958,312L845,312L845,20L958,20L958,312M958,20L973,5" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="845.000000" y="20.000000" width="113.000000" height="292.000000" mask="url(#border-mask-n6)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n6)" points="845,20 860,5 973,5 973,297 958,312 958,20" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M845,20 L860,5 L973,5 L973,297 L958,312 L845,312 L845,20 L958,20 L958,312 M958,20 L973,5" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="909.000000" y="-8.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n6</text></g><g class="bjc="><g class="shape" ><rect x="1018.000000" y="0.000000" width="123.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="1008.000000" y="10.000000" width="123.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1074.500000" y="-13.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n7</text></g><g class="bjg="><g class="shape" ><defs><mask id="border-mask-n8" maskUnits="userSpaceOnUse" x="1171" y="-10" width="143" height="322">
<path d="M845,20L860,5L973,5L973,297L958,312L845,312L845,20L958,20L958,312M958,20L973,5" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="845.000000" y="20.000000" width="113.000000" height="292.000000" mask="url(#border-mask-d2-4046351993-n6)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-4046351993-n6)" points="845,20 860,5 973,5 973,297 958,312 958,20" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M845,20 L860,5 L973,5 L973,297 L958,312 L845,312 L845,20 L958,20 L958,312 M958,20 L973,5" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="909.000000" y="-8.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n6</text></g><g class="bjc="><g class="shape" ><rect x="1018.000000" y="0.000000" width="123.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="1008.000000" y="10.000000" width="123.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1074.500000" y="-13.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n7</text></g><g class="bjg="><g class="shape" ><defs><mask id="border-mask-d2-4046351993-n8" maskUnits="userSpaceOnUse" x="1171" y="-10" width="143" height="322">
<rect x="1171" y="-10" width="143" height="322" fill="white"></rect>
<path d="M1171,5L1186,-10L1314,-10L1314,297L1299,312L1171,312L1171,5L1299,5L1299,312M1299,5L1314,-10" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1171.000000" y="5.000000" width="128.000000" height="307.000000" mask="url(#border-mask-n8)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n8)" points="1171,5 1186,-10 1314,-10 1314,297 1299,312 1299,5" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M1171,5 L1186,-10 L1314,-10 L1314,297 L1299,312 L1171,312 L1171,5 L1299,5 L1299,312 M1299,5 L1314,-10" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1242.500000" y="-23.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n8</text></g><g class="bjk="><g class="shape" ><rect x="1364.000000" y="0.000000" width="123.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="1354.000000" y="10.000000" width="123.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1420.500000" y="-13.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n9</text></g><g class="bjEw"><g class="shape" ><defs><mask id="border-mask-n10" maskUnits="userSpaceOnUse" x="1527" y="-10" width="143" height="322">
<path d="M1171,5L1186,-10L1314,-10L1314,297L1299,312L1171,312L1171,5L1299,5L1299,312M1299,5L1314,-10" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1171.000000" y="5.000000" width="128.000000" height="307.000000" mask="url(#border-mask-d2-4046351993-n8)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-4046351993-n8)" points="1171,5 1186,-10 1314,-10 1314,297 1299,312 1299,5" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M1171,5 L1186,-10 L1314,-10 L1314,297 L1299,312 L1171,312 L1171,5 L1299,5 L1299,312 M1299,5 L1314,-10" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1242.500000" y="-23.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n8</text></g><g class="bjk="><g class="shape" ><rect x="1364.000000" y="0.000000" width="123.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="1354.000000" y="10.000000" width="123.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1420.500000" y="-13.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n9</text></g><g class="bjEw"><g class="shape" ><defs><mask id="border-mask-d2-4046351993-n10" maskUnits="userSpaceOnUse" x="1527" y="-10" width="143" height="322">
<rect x="1527" y="-10" width="143" height="322" fill="white"></rect>
<path d="M1527,5L1542,-10L1670,-10L1670,297L1655,312L1527,312L1527,5L1655,5L1655,312M1655,5L1670,-10" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1527.000000" y="5.000000" width="128.000000" height="307.000000" mask="url(#border-mask-n10)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n10)" points="1527,5 1542,-10 1670,-10 1670,297 1655,312 1655,5" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M1527,5 L1542,-10 L1670,-10 L1670,297 L1655,312 L1527,312 L1527,5 L1655,5 L1655,312 M1655,5 L1670,-10" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1598.500000" y="-23.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n10</text></g><g class="bjEuYQ=="><g class="shape" ><rect x="40.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="66.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEuYg=="><g class="shape" ><rect x="50.000000" y="206.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="40.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="66.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjIuYQ=="><g class="shape" ><rect x="203.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjIuYg=="><g class="shape" ><defs><mask id="border-mask-n2.b" maskUnits="userSpaceOnUse" x="203" y="201" width="68" height="81">
<path d="M1527,5L1542,-10L1670,-10L1670,297L1655,312L1527,312L1527,5L1655,5L1655,312M1655,5L1670,-10" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1527.000000" y="5.000000" width="128.000000" height="307.000000" mask="url(#border-mask-d2-4046351993-n10)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-4046351993-n10)" points="1527,5 1542,-10 1670,-10 1670,297 1655,312 1655,5" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M1527,5 L1542,-10 L1670,-10 L1670,297 L1655,312 L1527,312 L1527,5 L1655,5 L1655,312 M1655,5 L1670,-10" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1598.500000" y="-23.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n10</text></g><g class="bjEuYQ=="><g class="shape" ><rect x="40.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="66.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEuYg=="><g class="shape" ><rect x="50.000000" y="206.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="40.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="66.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjIuYQ=="><g class="shape" ><rect x="203.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjIuYg=="><g class="shape" ><defs><mask id="border-mask-d2-4046351993-n2.b" maskUnits="userSpaceOnUse" x="203" y="201" width="68" height="81">
<rect x="203" y="201" width="68" height="81" fill="white"></rect>
<path d="M203,216L218,201L271,201L271,267L256,282L203,282L203,216L256,216L256,282M256,216L271,201" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="203.000000" y="216.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n2.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-n2.b)" points="203,216 218,201 271,201 271,267 256,282 256,216" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M203,216 L218,201 L271,201 L271,267 L256,282 L203,282 L203,216 L256,216 L256,282 M256,216 L271,201" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="229.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjMuYQ=="><g class="shape" ><rect x="371.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="397.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjMuYg=="><g class="shape" ><rect x="381.000000" y="206.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="371.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="397.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjQuYQ=="><g class="shape" ><rect x="544.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="570.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjQuYg=="><g class="shape" ><defs><mask id="border-mask-n4.b" maskUnits="userSpaceOnUse" x="544" y="201" width="68" height="81">
<path d="M203,216L218,201L271,201L271,267L256,282L203,282L203,216L256,216L256,282M256,216L271,201" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="203.000000" y="216.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-4046351993-n2.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-4046351993-n2.b)" points="203,216 218,201 271,201 271,267 256,282 256,216" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M203,216 L218,201 L271,201 L271,267 L256,282 L203,282 L203,216 L256,216 L256,282 M256,216 L271,201" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="229.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjMuYQ=="><g class="shape" ><rect x="371.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="397.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjMuYg=="><g class="shape" ><rect x="381.000000" y="206.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="371.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="397.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjQuYQ=="><g class="shape" ><rect x="544.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="570.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjQuYg=="><g class="shape" ><defs><mask id="border-mask-d2-4046351993-n4.b" maskUnits="userSpaceOnUse" x="544" y="201" width="68" height="81">
<rect x="544" y="201" width="68" height="81" fill="white"></rect>
<path d="M544,216L559,201L612,201L612,267L597,282L544,282L544,216L597,216L597,282M597,216L612,201" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="544.000000" y="216.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n4.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-n4.b)" points="544,216 559,201 612,201 612,267 597,282 597,216" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M544,216 L559,201 L612,201 L612,267 L597,282 L544,282 L544,216 L597,216 L597,282 M597,216 L612,201" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="570.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjUuYQ=="><g class="shape" ><rect x="717.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="743.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjUuYg=="><g class="shape" ><rect x="717.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="743.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjYuYQ=="><g class="shape" ><rect x="875.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="901.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjYuYg=="><g class="shape" ><rect x="875.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="901.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjcuYQ=="><g class="shape" ><rect x="1048.000000" y="40.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="1038.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1064.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjcuYg=="><g class="shape" ><rect x="1038.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1064.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjguYQ=="><g class="shape" ><defs><mask id="border-mask-n8.a" maskUnits="userSpaceOnUse" x="1201" y="35" width="68" height="81">
<path d="M544,216L559,201L612,201L612,267L597,282L544,282L544,216L597,216L597,282M597,216L612,201" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="544.000000" y="216.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-4046351993-n4.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-4046351993-n4.b)" points="544,216 559,201 612,201 612,267 597,282 597,216" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M544,216 L559,201 L612,201 L612,267 L597,282 L544,282 L544,216 L597,216 L597,282 M597,216 L612,201" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="570.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjUuYQ=="><g class="shape" ><rect x="717.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="743.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjUuYg=="><g class="shape" ><rect x="717.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="743.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjYuYQ=="><g class="shape" ><rect x="875.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="901.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjYuYg=="><g class="shape" ><rect x="875.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="901.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjcuYQ=="><g class="shape" ><rect x="1048.000000" y="40.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="1038.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1064.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjcuYg=="><g class="shape" ><rect x="1038.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1064.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjguYQ=="><g class="shape" ><defs><mask id="border-mask-d2-4046351993-n8.a" maskUnits="userSpaceOnUse" x="1201" y="35" width="68" height="81">
<rect x="1201" y="35" width="68" height="81" fill="white"></rect>
<path d="M1201,50L1216,35L1269,35L1269,101L1254,116L1201,116L1201,50L1254,50L1254,116M1254,50L1269,35" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1201.000000" y="50.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n8.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-n8.a)" points="1201,50 1216,35 1269,35 1269,101 1254,116 1254,50" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M1201,50 L1216,35 L1269,35 L1269,101 L1254,116 L1201,116 L1201,50 L1254,50 L1254,116 M1254,50 L1269,35" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1227.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjguYg=="><g class="shape" ><rect x="1201.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1227.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjkuYQ=="><g class="shape" ><rect x="1394.000000" y="40.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="1384.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1410.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjkuYg=="><g class="shape" ><rect x="1394.000000" y="206.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="1384.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1410.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEwLmE="><g class="shape" ><defs><mask id="border-mask-n10.a" maskUnits="userSpaceOnUse" x="1557" y="35" width="68" height="81">
<path d="M1201,50L1216,35L1269,35L1269,101L1254,116L1201,116L1201,50L1254,50L1254,116M1254,50L1269,35" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1201.000000" y="50.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-4046351993-n8.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-4046351993-n8.a)" points="1201,50 1216,35 1269,35 1269,101 1254,116 1254,50" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M1201,50 L1216,35 L1269,35 L1269,101 L1254,116 L1201,116 L1201,50 L1254,50 L1254,116 M1254,50 L1269,35" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1227.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjguYg=="><g class="shape" ><rect x="1201.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1227.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjkuYQ=="><g class="shape" ><rect x="1394.000000" y="40.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="1384.000000" y="50.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1410.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjkuYg=="><g class="shape" ><rect x="1394.000000" y="206.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="1384.000000" y="216.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1410.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEwLmE="><g class="shape" ><defs><mask id="border-mask-d2-4046351993-n10.a" maskUnits="userSpaceOnUse" x="1557" y="35" width="68" height="81">
<rect x="1557" y="35" width="68" height="81" fill="white"></rect>
<path d="M1557,50L1572,35L1625,35L1625,101L1610,116L1557,116L1557,50L1610,50L1610,116M1610,50L1625,35" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1557.000000" y="50.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n10.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-n10.a)" points="1557,50 1572,35 1625,35 1625,101 1610,116 1610,50" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M1557,50 L1572,35 L1625,35 L1625,101 L1610,116 L1557,116 L1557,50 L1610,50 L1610,116 M1610,50 L1625,35" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1583.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEwLmI="><g class="shape" ><defs><mask id="border-mask-n10.b" maskUnits="userSpaceOnUse" x="1557" y="201" width="68" height="81">
<path d="M1557,50L1572,35L1625,35L1625,101L1610,116L1557,116L1557,50L1610,50L1610,116M1610,50L1625,35" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1557.000000" y="50.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-4046351993-n10.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-4046351993-n10.a)" points="1557,50 1572,35 1625,35 1625,101 1610,116 1610,50" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M1557,50 L1572,35 L1625,35 L1625,101 L1610,116 L1557,116 L1557,50 L1610,50 L1610,116 M1610,50 L1625,35" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1583.500000" y="88.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEwLmI="><g class="shape" ><defs><mask id="border-mask-d2-4046351993-n10.b" maskUnits="userSpaceOnUse" x="1557" y="201" width="68" height="81">
<rect x="1557" y="201" width="68" height="81" fill="white"></rect>
<path d="M1557,216L1572,201L1625,201L1625,267L1610,282L1557,282L1557,216L1610,216L1610,282M1610,216L1625,201" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1557.000000" y="216.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n10.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-n10.b)" points="1557,216 1572,201 1625,201 1625,267 1610,282 1610,216" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M1557,216 L1572,201 L1625,201 L1625,267 L1610,282 L1557,282 L1557,216 L1610,216 L1610,282 M1610,216 L1625,201" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1583.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEuKGEgLSZndDsgYilbMF0="><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 66.500000 118.000000 C 66.500000 156.000000 66.500000 174.000000 66.500000 202.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjIuKGEgLSZndDsgYilbMF0="><path d="M 229.500000 118.000000 C 229.500000 156.000000 229.500000 173.000000 229.500000 197.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjMuKGEgLSZndDsgYilbMF0="><path d="M 397.500000 118.000000 C 397.500000 156.000000 397.500000 174.000000 397.500000 202.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjQuKGEgLSZndDsgYilbMF0="><path d="M 570.500000 118.000000 C 570.500000 156.000000 570.500000 173.000000 570.500000 197.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjUuKGEgLSZndDsgYilbMF0="><path d="M 743.500000 118.000000 C 743.500000 156.000000 743.500000 176.000000 743.500000 212.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjYuKGEgLSZndDsgYilbMF0="><path d="M 901.500000 118.000000 C 901.500000 156.000000 901.500000 176.000000 901.500000 212.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjcuKGEgLSZndDsgYilbMF0="><path d="M 1064.500000 118.000000 C 1064.500000 156.000000 1064.500000 176.000000 1064.500000 212.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjguKGEgLSZndDsgYilbMF0="><path d="M 1227.500000 118.000000 C 1227.500000 156.000000 1227.500000 176.000000 1227.500000 212.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjkuKGEgLSZndDsgYilbMF0="><path d="M 1410.500000 118.000000 C 1410.500000 156.000000 1410.500000 174.000000 1410.500000 202.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjEwLihhIC0mZ3Q7IGIpWzBd"><path d="M 1583.500000 118.000000 C 1583.500000 156.000000 1583.500000 173.000000 1583.500000 197.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><mask id="d2-4046351993" maskUnits="userSpaceOnUse" x="9" y="-51" width="1663" height="364">
<path d="M1557,216L1572,201L1625,201L1625,267L1610,282L1557,282L1557,216L1610,216L1610,282M1610,216L1625,201" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1557.000000" y="216.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-4046351993-n10.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-4046351993-n10.b)" points="1557,216 1572,201 1625,201 1625,267 1610,282 1610,216" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M1557,216 L1572,201 L1625,201 L1625,267 L1610,282 L1557,282 L1557,216 L1610,216 L1610,282 M1610,216 L1625,201" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1583.500000" y="254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEuKGEgLSZndDsgYilbMF0="><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 66.500000 118.000000 C 66.500000 156.000000 66.500000 174.000000 66.500000 202.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjIuKGEgLSZndDsgYilbMF0="><path d="M 229.500000 118.000000 C 229.500000 156.000000 229.500000 173.000000 229.500000 197.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjMuKGEgLSZndDsgYilbMF0="><path d="M 397.500000 118.000000 C 397.500000 156.000000 397.500000 174.000000 397.500000 202.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjQuKGEgLSZndDsgYilbMF0="><path d="M 570.500000 118.000000 C 570.500000 156.000000 570.500000 173.000000 570.500000 197.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjUuKGEgLSZndDsgYilbMF0="><path d="M 743.500000 118.000000 C 743.500000 156.000000 743.500000 176.000000 743.500000 212.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjYuKGEgLSZndDsgYilbMF0="><path d="M 901.500000 118.000000 C 901.500000 156.000000 901.500000 176.000000 901.500000 212.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjcuKGEgLSZndDsgYilbMF0="><path d="M 1064.500000 118.000000 C 1064.500000 156.000000 1064.500000 176.000000 1064.500000 212.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjguKGEgLSZndDsgYilbMF0="><path d="M 1227.500000 118.000000 C 1227.500000 156.000000 1227.500000 176.000000 1227.500000 212.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjkuKGEgLSZndDsgYilbMF0="><path d="M 1410.500000 118.000000 C 1410.500000 156.000000 1410.500000 174.000000 1410.500000 202.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><g class="bjEwLihhIC0mZ3Q7IGIpWzBd"><path d="M 1583.500000 118.000000 C 1583.500000 156.000000 1583.500000 173.000000 1583.500000 197.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4046351993)" /></g><mask id="d2-4046351993" maskUnits="userSpaceOnUse" x="9" y="-51" width="1663" height="364">
<rect x="9" y="-51" width="1663" height="364" fill="white"></rect>
<rect x="58.000000" y="-21.000000" width="27" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="223.500000" y="-21.000000" width="27" height="36" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

20
e2etests/testdata/stable/multiple_offset/elk/sketch.exp.svg vendored
View file

@ -96,25 +96,25 @@
.d2-2856062566 .color-AA4{color:#EDF0FD;}
.d2-2856062566 .color-AA5{color:#F7F8FE;}
.d2-2856062566 .color-AB4{color:#EDF0FD;}
.d2-2856062566 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bjE="><g class="shape" ><rect x="12.000000" y="22.000000" width="163.000000" height="312.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="93.500000" y="55.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n1</text></g><g class="bjI="><g class="shape" ><rect x="195.000000" y="19.000000" width="168.000000" height="317.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="279.000000" y="52.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n2</text></g><g class="bjM="><g class="shape" ><rect x="393.000000" y="22.000000" width="153.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="383.000000" y="32.000000" width="153.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="459.500000" y="65.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n3</text></g><g class="bjQ="><g class="shape" ><defs><mask id="border-mask-n4" maskUnits="userSpaceOnUse" x="566" y="19" width="168" height="317">
.d2-2856062566 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bjE="><g class="shape" ><rect x="12.000000" y="22.000000" width="163.000000" height="312.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="93.500000" y="55.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n1</text></g><g class="bjI="><g class="shape" ><rect x="195.000000" y="19.000000" width="168.000000" height="317.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="279.000000" y="52.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n2</text></g><g class="bjM="><g class="shape" ><rect x="393.000000" y="22.000000" width="153.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="383.000000" y="32.000000" width="153.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="459.500000" y="65.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n3</text></g><g class="bjQ="><g class="shape" ><defs><mask id="border-mask-d2-2856062566-n4" maskUnits="userSpaceOnUse" x="566" y="19" width="168" height="317">
<rect x="566" y="19" width="168" height="317" fill="white"></rect>
<path d="M566,34L581,19L734,19L734,321L719,336L566,336L566,34L719,34L719,336M719,34L734,19" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="566.000000" y="34.000000" width="153.000000" height="302.000000" mask="url(#border-mask-n4)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n4)" points="566,34 581,19 734,19 734,321 719,336 719,34" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M566,34 L581,19 L734,19 L734,321 L719,336 L566,336 L566,34 L719,34 L719,336 M719,34 L734,19" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="642.500000" y="67.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n4</text></g><g class="bjU="><g class="shape" ><rect x="764.000000" y="27.000000" width="143.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="754.000000" y="37.000000" width="143.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="825.500000" y="70.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n5</text></g><g class="bjY="><g class="shape" ><defs><mask id="border-mask-n6" maskUnits="userSpaceOnUse" x="927" y="27" width="153" height="302">
<path d="M566,34L581,19L734,19L734,321L719,336L566,336L566,34L719,34L719,336M719,34L734,19" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="566.000000" y="34.000000" width="153.000000" height="302.000000" mask="url(#border-mask-d2-2856062566-n4)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-2856062566-n4)" points="566,34 581,19 734,19 734,321 719,336 719,34" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M566,34 L581,19 L734,19 L734,321 L719,336 L566,336 L566,34 L719,34 L719,336 M719,34 L734,19" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="642.500000" y="67.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n4</text></g><g class="bjU="><g class="shape" ><rect x="764.000000" y="27.000000" width="143.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="754.000000" y="37.000000" width="143.000000" height="292.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="825.500000" y="70.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n5</text></g><g class="bjY="><g class="shape" ><defs><mask id="border-mask-d2-2856062566-n6" maskUnits="userSpaceOnUse" x="927" y="27" width="153" height="302">
<rect x="927" y="27" width="153" height="302" fill="white"></rect>
<path d="M927,42L942,27L1080,27L1080,314L1065,329L927,329L927,42L1065,42L1065,329M1065,42L1080,27" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="927.000000" y="42.000000" width="138.000000" height="287.000000" mask="url(#border-mask-n6)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n6)" points="927,42 942,27 1080,27 1080,314 1065,329 1065,42" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M927,42 L942,27 L1080,27 L1080,314 L1065,329 L927,329 L927,42 L1065,42 L1065,329 M1065,42 L1080,27" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="996.000000" y="75.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n6</text></g><g class="bjc="><g class="shape" ><rect x="1110.000000" y="22.000000" width="153.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="1100.000000" y="32.000000" width="153.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1176.500000" y="65.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n7</text></g><g class="bjg="><g class="shape" ><defs><mask id="border-mask-n8" maskUnits="userSpaceOnUse" x="1283" y="19" width="168" height="317">
<path d="M927,42L942,27L1080,27L1080,314L1065,329L927,329L927,42L1065,42L1065,329M1065,42L1080,27" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="927.000000" y="42.000000" width="138.000000" height="287.000000" mask="url(#border-mask-d2-2856062566-n6)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-2856062566-n6)" points="927,42 942,27 1080,27 1080,314 1065,329 1065,42" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M927,42 L942,27 L1080,27 L1080,314 L1065,329 L927,329 L927,42 L1065,42 L1065,329 M1065,42 L1080,27" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="996.000000" y="75.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n6</text></g><g class="bjc="><g class="shape" ><rect x="1110.000000" y="22.000000" width="153.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="1100.000000" y="32.000000" width="153.000000" height="302.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1176.500000" y="65.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n7</text></g><g class="bjg="><g class="shape" ><defs><mask id="border-mask-d2-2856062566-n8" maskUnits="userSpaceOnUse" x="1283" y="19" width="168" height="317">
<rect x="1283" y="19" width="168" height="317" fill="white"></rect>
<path d="M1283,34L1298,19L1451,19L1451,321L1436,336L1283,336L1283,34L1436,34L1436,336M1436,34L1451,19" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1283.000000" y="34.000000" width="153.000000" height="302.000000" mask="url(#border-mask-n8)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n8)" points="1283,34 1298,19 1451,19 1451,321 1436,336 1436,34" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M1283,34 L1298,19 L1451,19 L1451,321 L1436,336 L1283,336 L1283,34 L1436,34 L1436,336 M1436,34 L1451,19" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1359.500000" y="67.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n8</text></g><g class="bjk="><g class="shape" ><rect x="1481.000000" y="17.000000" width="153.000000" height="312.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="1471.000000" y="27.000000" width="153.000000" height="312.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1547.500000" y="60.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n9</text></g><g class="bjEw"><g class="shape" ><defs><mask id="border-mask-n10" maskUnits="userSpaceOnUse" x="1654" y="12" width="168" height="332">
<path d="M1283,34L1298,19L1451,19L1451,321L1436,336L1283,336L1283,34L1436,34L1436,336M1436,34L1451,19" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1283.000000" y="34.000000" width="153.000000" height="302.000000" mask="url(#border-mask-d2-2856062566-n8)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-2856062566-n8)" points="1283,34 1298,19 1451,19 1451,321 1436,336 1436,34" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M1283,34 L1298,19 L1451,19 L1451,321 L1436,336 L1283,336 L1283,34 L1436,34 L1436,336 M1436,34 L1451,19" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1359.500000" y="67.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n8</text></g><g class="bjk="><g class="shape" ><rect x="1481.000000" y="17.000000" width="153.000000" height="312.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="1471.000000" y="27.000000" width="153.000000" height="312.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1547.500000" y="60.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n9</text></g><g class="bjEw"><g class="shape" ><defs><mask id="border-mask-d2-2856062566-n10" maskUnits="userSpaceOnUse" x="1654" y="12" width="168" height="332">
<rect x="1654" y="12" width="168" height="332" fill="white"></rect>
<path d="M1654,27L1669,12L1822,12L1822,329L1807,344L1654,344L1654,27L1807,27L1807,344M1807,27L1822,12" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1654.000000" y="27.000000" width="153.000000" height="317.000000" mask="url(#border-mask-n10)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n10)" points="1654,27 1669,12 1822,12 1822,329 1807,344 1807,27" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M1654,27 L1669,12 L1822,12 L1822,329 L1807,344 L1654,344 L1654,27 L1807,27 L1807,344 M1807,27 L1822,12" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1730.500000" y="60.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n10</text></g><g class="bjEuYQ=="><g class="shape" ><rect x="67.000000" y="72.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="93.500000" y="110.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEuYg=="><g class="shape" ><rect x="72.000000" y="208.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="62.000000" y="218.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="88.500000" y="256.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjIuYQ=="><g class="shape" ><rect x="252.000000" y="69.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="278.500000" y="107.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjIuYg=="><g class="shape" ><defs><mask id="border-mask-n2.b" maskUnits="userSpaceOnUse" x="245" y="205" width="68" height="81">
<path d="M1654,27L1669,12L1822,12L1822,329L1807,344L1654,344L1654,27L1807,27L1807,344M1807,27L1822,12" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1654.000000" y="27.000000" width="153.000000" height="317.000000" mask="url(#border-mask-d2-2856062566-n10)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-2856062566-n10)" points="1654,27 1669,12 1822,12 1822,329 1807,344 1807,27" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M1654,27 L1669,12 L1822,12 L1822,329 L1807,344 L1654,344 L1654,27 L1807,27 L1807,344 M1807,27 L1822,12" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1730.500000" y="60.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n10</text></g><g class="bjEuYQ=="><g class="shape" ><rect x="67.000000" y="72.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="93.500000" y="110.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEuYg=="><g class="shape" ><rect x="72.000000" y="208.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="62.000000" y="218.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="88.500000" y="256.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjIuYQ=="><g class="shape" ><rect x="252.000000" y="69.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="278.500000" y="107.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjIuYg=="><g class="shape" ><defs><mask id="border-mask-d2-2856062566-n2.b" maskUnits="userSpaceOnUse" x="245" y="205" width="68" height="81">
<rect x="245" y="205" width="68" height="81" fill="white"></rect>
<path d="M245,220L260,205L313,205L313,271L298,286L245,286L245,220L298,220L298,286M298,220L313,205" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="245.000000" y="220.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n2.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-n2.b)" points="245,220 260,205 313,205 313,271 298,286 298,220" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M245,220 L260,205 L313,205 L313,271 L298,286 L245,286 L245,220 L298,220 L298,286 M298,220 L313,205" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="271.500000" y="258.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjMuYQ=="><g class="shape" ><rect x="433.000000" y="77.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="459.500000" y="115.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjMuYg=="><g class="shape" ><rect x="438.000000" y="213.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="428.000000" y="223.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="454.500000" y="261.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjQuYQ=="><g class="shape" ><rect x="616.000000" y="77.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="642.500000" y="115.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjQuYg=="><g class="shape" ><defs><mask id="border-mask-n4.b" maskUnits="userSpaceOnUse" x="608" y="213" width="68" height="81">
<path d="M245,220L260,205L313,205L313,271L298,286L245,286L245,220L298,220L298,286M298,220L313,205" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="245.000000" y="220.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-2856062566-n2.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-2856062566-n2.b)" points="245,220 260,205 313,205 313,271 298,286 298,220" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M245,220 L260,205 L313,205 L313,271 L298,286 L245,286 L245,220 L298,220 L298,286 M298,220 L313,205" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="271.500000" y="258.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjMuYQ=="><g class="shape" ><rect x="433.000000" y="77.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="459.500000" y="115.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjMuYg=="><g class="shape" ><rect x="438.000000" y="213.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="428.000000" y="223.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="454.500000" y="261.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjQuYQ=="><g class="shape" ><rect x="616.000000" y="77.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="642.500000" y="115.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjQuYg=="><g class="shape" ><defs><mask id="border-mask-d2-2856062566-n4.b" maskUnits="userSpaceOnUse" x="608" y="213" width="68" height="81">
<rect x="608" y="213" width="68" height="81" fill="white"></rect>
<path d="M608,228L623,213L676,213L676,279L661,294L608,294L608,228L661,228L661,294M661,228L676,213" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="608.000000" y="228.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n4.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-n4.b)" points="608,228 623,213 676,213 676,279 661,294 661,228" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M608,228 L623,213 L676,213 L676,279 L661,294 L608,294 L608,228 L661,228 L661,294 M661,228 L676,213" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="634.500000" y="266.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjUuYQ=="><g class="shape" ><rect x="799.000000" y="82.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="825.500000" y="120.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjUuYg=="><g class="shape" ><rect x="799.000000" y="218.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="825.500000" y="256.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjYuYQ=="><g class="shape" ><rect x="969.000000" y="84.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="995.500000" y="122.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjYuYg=="><g class="shape" ><rect x="969.000000" y="220.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="995.500000" y="258.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjcuYQ=="><g class="shape" ><rect x="1155.000000" y="77.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="1145.000000" y="87.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1171.500000" y="125.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjcuYg=="><g class="shape" ><rect x="1150.000000" y="223.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1176.500000" y="261.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjguYQ=="><g class="shape" ><defs><mask id="border-mask-n8.a" maskUnits="userSpaceOnUse" x="1325" y="77" width="68" height="81">
<path d="M608,228L623,213L676,213L676,279L661,294L608,294L608,228L661,228L661,294M661,228L676,213" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="608.000000" y="228.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-2856062566-n4.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-2856062566-n4.b)" points="608,228 623,213 676,213 676,279 661,294 661,228" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M608,228 L623,213 L676,213 L676,279 L661,294 L608,294 L608,228 L661,228 L661,294 M661,228 L676,213" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="634.500000" y="266.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjUuYQ=="><g class="shape" ><rect x="799.000000" y="82.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="825.500000" y="120.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjUuYg=="><g class="shape" ><rect x="799.000000" y="218.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="825.500000" y="256.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjYuYQ=="><g class="shape" ><rect x="969.000000" y="84.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="995.500000" y="122.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjYuYg=="><g class="shape" ><rect x="969.000000" y="220.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="995.500000" y="258.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjcuYQ=="><g class="shape" ><rect x="1155.000000" y="77.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="1145.000000" y="87.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1171.500000" y="125.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjcuYg=="><g class="shape" ><rect x="1150.000000" y="223.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1176.500000" y="261.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjguYQ=="><g class="shape" ><defs><mask id="border-mask-d2-2856062566-n8.a" maskUnits="userSpaceOnUse" x="1325" y="77" width="68" height="81">
<rect x="1325" y="77" width="68" height="81" fill="white"></rect>
<path d="M1325,92L1340,77L1393,77L1393,143L1378,158L1325,158L1325,92L1378,92L1378,158M1378,92L1393,77" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1325.000000" y="92.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n8.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-n8.a)" points="1325,92 1340,77 1393,77 1393,143 1378,158 1378,92" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M1325,92 L1340,77 L1393,77 L1393,143 L1378,158 L1325,158 L1325,92 L1378,92 L1378,158 M1378,92 L1393,77" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1351.500000" y="130.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjguYg=="><g class="shape" ><rect x="1333.000000" y="228.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1359.500000" y="266.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjkuYQ=="><g class="shape" ><rect x="1526.000000" y="72.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="1516.000000" y="82.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1542.500000" y="120.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjkuYg=="><g class="shape" ><rect x="1526.000000" y="218.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="1516.000000" y="228.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1542.500000" y="266.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEwLmE="><g class="shape" ><defs><mask id="border-mask-n10.a" maskUnits="userSpaceOnUse" x="1696" y="69" width="68" height="81">
<path d="M1325,92L1340,77L1393,77L1393,143L1378,158L1325,158L1325,92L1378,92L1378,158M1378,92L1393,77" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1325.000000" y="92.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-2856062566-n8.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-2856062566-n8.a)" points="1325,92 1340,77 1393,77 1393,143 1378,158 1378,92" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M1325,92 L1340,77 L1393,77 L1393,143 L1378,158 L1325,158 L1325,92 L1378,92 L1378,158 M1378,92 L1393,77" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1351.500000" y="130.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjguYg=="><g class="shape" ><rect x="1333.000000" y="228.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1359.500000" y="266.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjkuYQ=="><g class="shape" ><rect x="1526.000000" y="72.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="1516.000000" y="82.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1542.500000" y="120.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjkuYg=="><g class="shape" ><rect x="1526.000000" y="218.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="1516.000000" y="228.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1542.500000" y="266.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEwLmE="><g class="shape" ><defs><mask id="border-mask-d2-2856062566-n10.a" maskUnits="userSpaceOnUse" x="1696" y="69" width="68" height="81">
<rect x="1696" y="69" width="68" height="81" fill="white"></rect>
<path d="M1696,84L1711,69L1764,69L1764,135L1749,150L1696,150L1696,84L1749,84L1749,150M1749,84L1764,69" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1696.000000" y="84.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n10.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-n10.a)" points="1696,84 1711,69 1764,69 1764,135 1749,150 1749,84" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M1696,84 L1711,69 L1764,69 L1764,135 L1749,150 L1696,150 L1696,84 L1749,84 L1749,150 M1749,84 L1764,69" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1722.500000" y="122.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEwLmI="><g class="shape" ><defs><mask id="border-mask-n10.b" maskUnits="userSpaceOnUse" x="1696" y="220" width="68" height="81">
<path d="M1696,84L1711,69L1764,69L1764,135L1749,150L1696,150L1696,84L1749,84L1749,150M1749,84L1764,69" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1696.000000" y="84.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-2856062566-n10.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-2856062566-n10.a)" points="1696,84 1711,69 1764,69 1764,135 1749,150 1749,84" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M1696,84 L1711,69 L1764,69 L1764,135 L1749,150 L1696,150 L1696,84 L1749,84 L1749,150 M1749,84 L1764,69" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1722.500000" y="122.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEwLmI="><g class="shape" ><defs><mask id="border-mask-d2-2856062566-n10.b" maskUnits="userSpaceOnUse" x="1696" y="220" width="68" height="81">
<rect x="1696" y="220" width="68" height="81" fill="white"></rect>
<path d="M1696,235L1711,220L1764,220L1764,286L1749,301L1696,301L1696,235L1749,235L1749,301M1749,235L1764,220" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1696.000000" y="235.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n10.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-n10.b)" points="1696,235 1711,220 1764,220 1764,286 1749,301 1749,235" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M1696,235 L1711,220 L1764,220 L1764,286 L1749,301 L1696,301 L1696,235 L1749,235 L1749,301 M1749,235 L1764,220" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1722.500000" y="273.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEuKGEgLSZndDsgYilbMF0="><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 93.500000 140.000000 L 93.500000 204.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjIuKGEgLSZndDsgYilbMF0="><path d="M 279.000000 137.500000 L 279.000000 201.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjMuKGEgLSZndDsgYilbMF0="><path d="M 459.500000 145.000000 L 459.500000 209.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjQuKGEgLSZndDsgYilbMF0="><path d="M 642.500000 145.000000 L 642.500000 209.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjUuKGEgLSZndDsgYilbMF0="><path d="M 825.500000 150.000000 L 825.500000 214.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjYuKGEgLSZndDsgYilbMF0="><path d="M 996.000000 152.500000 L 996.000000 216.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjcuKGEgLSZndDsgYilbMF0="><path d="M 1176.500000 155.000000 L 1176.500000 219.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjguKGEgLSZndDsgYilbMF0="><path d="M 1359.500000 160.000000 L 1359.500000 224.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjkuKGEgLSZndDsgYilbMF0="><path d="M 1547.500000 150.000000 L 1547.500000 214.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjEwLihhIC0mZ3Q7IGIpWzBd"><path d="M 1730.500000 152.500000 L 1730.500000 216.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><mask id="d2-2856062566" maskUnits="userSpaceOnUse" x="11" y="10" width="1813" height="335">
<path d="M1696,235L1711,220L1764,220L1764,286L1749,301L1696,301L1696,235L1749,235L1749,301M1749,235L1764,220" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="1696.000000" y="235.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-2856062566-n10.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-2856062566-n10.b)" points="1696,235 1711,220 1764,220 1764,286 1749,301 1749,235" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M1696,235 L1711,220 L1764,220 L1764,286 L1749,301 L1696,301 L1696,235 L1749,235 L1749,301 M1749,235 L1764,220" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="1722.500000" y="273.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEuKGEgLSZndDsgYilbMF0="><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 93.500000 140.000000 L 93.500000 204.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjIuKGEgLSZndDsgYilbMF0="><path d="M 279.000000 137.500000 L 279.000000 201.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjMuKGEgLSZndDsgYilbMF0="><path d="M 459.500000 145.000000 L 459.500000 209.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjQuKGEgLSZndDsgYilbMF0="><path d="M 642.500000 145.000000 L 642.500000 209.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjUuKGEgLSZndDsgYilbMF0="><path d="M 825.500000 150.000000 L 825.500000 214.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjYuKGEgLSZndDsgYilbMF0="><path d="M 996.000000 152.500000 L 996.000000 216.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjcuKGEgLSZndDsgYilbMF0="><path d="M 1176.500000 155.000000 L 1176.500000 219.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjguKGEgLSZndDsgYilbMF0="><path d="M 1359.500000 160.000000 L 1359.500000 224.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjkuKGEgLSZndDsgYilbMF0="><path d="M 1547.500000 150.000000 L 1547.500000 214.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><g class="bjEwLihhIC0mZ3Q7IGIpWzBd"><path d="M 1730.500000 152.500000 L 1730.500000 216.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2856062566)" /></g><mask id="d2-2856062566" maskUnits="userSpaceOnUse" x="11" y="10" width="1813" height="335">
<rect x="11" y="10" width="1813" height="335" fill="white"></rect>
<rect x="80.000000" y="27.000000" width="27" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="265.500000" y="24.000000" width="27" height="36" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 37 KiB

20
e2etests/testdata/stable/multiple_offset_left/dagre/sketch.exp.svg vendored
View file

@ -96,25 +96,25 @@
.d2-1928338334 .color-AA4{color:#EDF0FD;}
.d2-1928338334 .color-AA5{color:#F7F8FE;}
.d2-1928338334 .color-AB4{color:#EDF0FD;}
.d2-1928338334 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bjE="><g class="shape" ><rect x="20.000000" y="56.000000" width="266.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="153.000000" y="43.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n1</text></g><g class="bjI="><g class="shape" ><rect x="20.000000" y="278.000000" width="266.000000" height="141.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="153.000000" y="265.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n2</text></g><g class="bjM="><g class="shape" ><rect x="30.000000" y="505.000000" width="266.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="20.000000" y="515.000000" width="266.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="158.000000" y="492.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n3</text></g><g class="bjQ="><g class="shape" ><defs><mask id="border-mask-n4" maskUnits="userSpaceOnUse" x="20" y="737" width="281" height="156">
.d2-1928338334 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bjE="><g class="shape" ><rect x="20.000000" y="56.000000" width="266.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="153.000000" y="43.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n1</text></g><g class="bjI="><g class="shape" ><rect x="20.000000" y="278.000000" width="266.000000" height="141.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="153.000000" y="265.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n2</text></g><g class="bjM="><g class="shape" ><rect x="30.000000" y="505.000000" width="266.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="20.000000" y="515.000000" width="266.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="158.000000" y="492.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n3</text></g><g class="bjQ="><g class="shape" ><defs><mask id="border-mask-d2-1928338334-n4" maskUnits="userSpaceOnUse" x="20" y="737" width="281" height="156">
<rect x="20" y="737" width="281" height="156" fill="white"></rect>
<path d="M20,752L35,737L301,737L301,878L286,893L20,893L20,752L286,752L286,893M286,752L301,737" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="20.000000" y="752.000000" width="266.000000" height="141.000000" mask="url(#border-mask-n4)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n4)" points="20,752 35,737 301,737 301,878 286,893 286,752" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M20,752 L35,737 L301,737 L301,878 L286,893 L20,893 L20,752 L286,752 L286,893 M286,752 L301,737" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="160.500000" y="724.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n4</text></g><g class="bjU="><g class="shape" ><rect x="30.000000" y="979.000000" width="266.000000" height="126.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="20.000000" y="989.000000" width="266.000000" height="126.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="158.000000" y="966.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n5</text></g><g class="bjY="><g class="shape" ><defs><mask id="border-mask-n6" maskUnits="userSpaceOnUse" x="20" y="1201" width="281" height="141">
<path d="M20,752L35,737L301,737L301,878L286,893L20,893L20,752L286,752L286,893M286,752L301,737" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="20.000000" y="752.000000" width="266.000000" height="141.000000" mask="url(#border-mask-d2-1928338334-n4)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1928338334-n4)" points="20,752 35,737 301,737 301,878 286,893 286,752" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M20,752 L35,737 L301,737 L301,878 L286,893 L20,893 L20,752 L286,752 L286,893 M286,752 L301,737" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="160.500000" y="724.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n4</text></g><g class="bjU="><g class="shape" ><rect x="30.000000" y="979.000000" width="266.000000" height="126.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="20.000000" y="989.000000" width="266.000000" height="126.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="158.000000" y="966.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n5</text></g><g class="bjY="><g class="shape" ><defs><mask id="border-mask-d2-1928338334-n6" maskUnits="userSpaceOnUse" x="20" y="1201" width="281" height="141">
<rect x="20" y="1201" width="281" height="141" fill="white"></rect>
<path d="M20,1216L35,1201L301,1201L301,1327L286,1342L20,1342L20,1216L286,1216L286,1342M286,1216L301,1201" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="20.000000" y="1216.000000" width="266.000000" height="126.000000" mask="url(#border-mask-n6)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n6)" points="20,1216 35,1201 301,1201 301,1327 286,1342 286,1216" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M20,1216 L35,1201 L301,1201 L301,1327 L286,1342 L20,1342 L20,1216 L286,1216 L286,1342 M286,1216 L301,1201" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="160.500000" y="1188.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n6</text></g><g class="bjc="><g class="shape" ><rect x="30.000000" y="1428.000000" width="276.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="20.000000" y="1438.000000" width="276.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="163.000000" y="1415.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n7</text></g><g class="bjg="><g class="shape" ><defs><mask id="border-mask-n8" maskUnits="userSpaceOnUse" x="20" y="1660" width="296" height="156">
<path d="M20,1216L35,1201L301,1201L301,1327L286,1342L20,1342L20,1216L286,1216L286,1342M286,1216L301,1201" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="20.000000" y="1216.000000" width="266.000000" height="126.000000" mask="url(#border-mask-d2-1928338334-n6)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1928338334-n6)" points="20,1216 35,1201 301,1201 301,1327 286,1342 286,1216" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M20,1216 L35,1201 L301,1201 L301,1327 L286,1342 L20,1342 L20,1216 L286,1216 L286,1342 M286,1216 L301,1201" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="160.500000" y="1188.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n6</text></g><g class="bjc="><g class="shape" ><rect x="30.000000" y="1428.000000" width="276.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="20.000000" y="1438.000000" width="276.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="163.000000" y="1415.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n7</text></g><g class="bjg="><g class="shape" ><defs><mask id="border-mask-d2-1928338334-n8" maskUnits="userSpaceOnUse" x="20" y="1660" width="296" height="156">
<rect x="20" y="1660" width="296" height="156" fill="white"></rect>
<path d="M20,1675L35,1660L316,1660L316,1801L301,1816L20,1816L20,1675L301,1675L301,1816M301,1675L316,1660" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="20.000000" y="1675.000000" width="281.000000" height="141.000000" mask="url(#border-mask-n8)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n8)" points="20,1675 35,1660 316,1660 316,1801 301,1816 301,1675" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M20,1675 L35,1660 L316,1660 L316,1801 L301,1816 L20,1816 L20,1675 L301,1675 L301,1816 M301,1675 L316,1660" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="168.000000" y="1647.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n8</text></g><g class="bjk="><g class="shape" ><rect x="30.000000" y="1912.000000" width="276.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="20.000000" y="1922.000000" width="276.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="163.000000" y="1899.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n9</text></g><g class="bjEw"><g class="shape" ><defs><mask id="border-mask-n10" maskUnits="userSpaceOnUse" x="20" y="2159" width="296" height="156">
<path d="M20,1675L35,1660L316,1660L316,1801L301,1816L20,1816L20,1675L301,1675L301,1816M301,1675L316,1660" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="20.000000" y="1675.000000" width="281.000000" height="141.000000" mask="url(#border-mask-d2-1928338334-n8)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1928338334-n8)" points="20,1675 35,1660 316,1660 316,1801 301,1816 301,1675" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M20,1675 L35,1660 L316,1660 L316,1801 L301,1816 L20,1816 L20,1675 L301,1675 L301,1816 M301,1675 L316,1660" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="168.000000" y="1647.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n8</text></g><g class="bjk="><g class="shape" ><rect x="30.000000" y="1912.000000" width="276.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="20.000000" y="1922.000000" width="276.000000" height="136.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="163.000000" y="1899.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n9</text></g><g class="bjEw"><g class="shape" ><defs><mask id="border-mask-d2-1928338334-n10" maskUnits="userSpaceOnUse" x="20" y="2159" width="296" height="156">
<rect x="20" y="2159" width="296" height="156" fill="white"></rect>
<path d="M20,2174L35,2159L316,2159L316,2300L301,2315L20,2315L20,2174L301,2174L301,2315M301,2174L316,2159" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="20.000000" y="2174.000000" width="281.000000" height="141.000000" mask="url(#border-mask-n10)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n10)" points="20,2174 35,2159 316,2159 316,2300 301,2315 301,2174" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M20,2174 L35,2159 L316,2159 L316,2300 L301,2315 L20,2315 L20,2174 L301,2174 L301,2315 M301,2174 L316,2159" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="168.000000" y="2146.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n10</text></g><g class="bjEuYQ=="><g class="shape" ><rect x="203.000000" y="96.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="134.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEuYg=="><g class="shape" ><rect x="60.000000" y="86.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="50.000000" y="96.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="134.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjIuYQ=="><g class="shape" ><rect x="203.000000" y="323.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="361.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjIuYg=="><g class="shape" ><defs><mask id="border-mask-n2.b" maskUnits="userSpaceOnUse" x="50" y="308" width="68" height="81">
<path d="M20,2174L35,2159L316,2159L316,2300L301,2315L20,2315L20,2174L301,2174L301,2315M301,2174L316,2159" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="20.000000" y="2174.000000" width="281.000000" height="141.000000" mask="url(#border-mask-d2-1928338334-n10)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1928338334-n10)" points="20,2174 35,2159 316,2159 316,2300 301,2315 301,2174" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M20,2174 L35,2159 L316,2159 L316,2300 L301,2315 L20,2315 L20,2174 L301,2174 L301,2315 M301,2174 L316,2159" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="168.000000" y="2146.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n10</text></g><g class="bjEuYQ=="><g class="shape" ><rect x="203.000000" y="96.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="134.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEuYg=="><g class="shape" ><rect x="60.000000" y="86.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="50.000000" y="96.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="134.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjIuYQ=="><g class="shape" ><rect x="203.000000" y="323.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="361.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjIuYg=="><g class="shape" ><defs><mask id="border-mask-d2-1928338334-n2.b" maskUnits="userSpaceOnUse" x="50" y="308" width="68" height="81">
<rect x="50" y="308" width="68" height="81" fill="white"></rect>
<path d="M50,323L65,308L118,308L118,374L103,389L50,389L50,323L103,323L103,389M103,323L118,308" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="50.000000" y="323.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n2.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-n2.b)" points="50,323 65,308 118,308 118,374 103,389 103,323" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M50,323 L65,308 L118,308 L118,374 L103,389 L50,389 L50,323 L103,323 L103,389 M103,323 L118,308" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="361.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjMuYQ=="><g class="shape" ><rect x="203.000000" y="555.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="593.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjMuYg=="><g class="shape" ><rect x="60.000000" y="545.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="50.000000" y="555.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="593.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjQuYQ=="><g class="shape" ><rect x="203.000000" y="797.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="835.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjQuYg=="><g class="shape" ><defs><mask id="border-mask-n4.b" maskUnits="userSpaceOnUse" x="50" y="782" width="68" height="81">
<path d="M50,323L65,308L118,308L118,374L103,389L50,389L50,323L103,323L103,389M103,323L118,308" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="50.000000" y="323.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-1928338334-n2.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-1928338334-n2.b)" points="50,323 65,308 118,308 118,374 103,389 103,323" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M50,323 L65,308 L118,308 L118,374 L103,389 L50,389 L50,323 L103,323 L103,389 M103,323 L118,308" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="361.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjMuYQ=="><g class="shape" ><rect x="203.000000" y="555.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="593.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjMuYg=="><g class="shape" ><rect x="60.000000" y="545.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="50.000000" y="555.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="593.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjQuYQ=="><g class="shape" ><rect x="203.000000" y="797.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="835.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjQuYg=="><g class="shape" ><defs><mask id="border-mask-d2-1928338334-n4.b" maskUnits="userSpaceOnUse" x="50" y="782" width="68" height="81">
<rect x="50" y="782" width="68" height="81" fill="white"></rect>
<path d="M50,797L65,782L118,782L118,848L103,863L50,863L50,797L103,797L103,863M103,797L118,782" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="50.000000" y="797.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n4.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-n4.b)" points="50,797 65,782 118,782 118,848 103,863 103,797" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M50,797 L65,782 L118,782 L118,848 L103,863 L50,863 L50,797 L103,797 L103,863 M103,797 L118,782" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="835.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjUuYQ=="><g class="shape" ><rect x="203.000000" y="1019.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="1057.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjUuYg=="><g class="shape" ><rect x="50.000000" y="1019.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="1057.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjYuYQ=="><g class="shape" ><rect x="203.000000" y="1246.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="1284.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjYuYg=="><g class="shape" ><rect x="50.000000" y="1246.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="1284.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjcuYQ=="><g class="shape" ><rect x="213.000000" y="1468.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="203.000000" y="1478.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="1516.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjcuYg=="><g class="shape" ><rect x="50.000000" y="1478.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="1516.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjguYQ=="><g class="shape" ><defs><mask id="border-mask-n8.a" maskUnits="userSpaceOnUse" x="203" y="1705" width="68" height="81">
<path d="M50,797L65,782L118,782L118,848L103,863L50,863L50,797L103,797L103,863M103,797L118,782" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="50.000000" y="797.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-1928338334-n4.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-1928338334-n4.b)" points="50,797 65,782 118,782 118,848 103,863 103,797" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M50,797 L65,782 L118,782 L118,848 L103,863 L50,863 L50,797 L103,797 L103,863 M103,797 L118,782" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="835.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjUuYQ=="><g class="shape" ><rect x="203.000000" y="1019.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="1057.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjUuYg=="><g class="shape" ><rect x="50.000000" y="1019.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="1057.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjYuYQ=="><g class="shape" ><rect x="203.000000" y="1246.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="1284.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjYuYg=="><g class="shape" ><rect x="50.000000" y="1246.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="1284.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjcuYQ=="><g class="shape" ><rect x="213.000000" y="1468.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="203.000000" y="1478.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="1516.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjcuYg=="><g class="shape" ><rect x="50.000000" y="1478.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="1516.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjguYQ=="><g class="shape" ><defs><mask id="border-mask-d2-1928338334-n8.a" maskUnits="userSpaceOnUse" x="203" y="1705" width="68" height="81">
<rect x="203" y="1705" width="68" height="81" fill="white"></rect>
<path d="M203,1720L218,1705L271,1705L271,1771L256,1786L203,1786L203,1720L256,1720L256,1786M256,1720L271,1705" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="203.000000" y="1720.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n8.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-n8.a)" points="203,1720 218,1705 271,1705 271,1771 256,1786 256,1720" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M203,1720 L218,1705 L271,1705 L271,1771 L256,1786 L203,1786 L203,1720 L256,1720 L256,1786 M256,1720 L271,1705" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="229.500000" y="1758.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjguYg=="><g class="shape" ><rect x="50.000000" y="1720.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="1758.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjkuYQ=="><g class="shape" ><rect x="213.000000" y="1952.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="203.000000" y="1962.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="2000.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjkuYg=="><g class="shape" ><rect x="60.000000" y="1952.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="50.000000" y="1962.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="2000.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEwLmE="><g class="shape" ><defs><mask id="border-mask-n10.a" maskUnits="userSpaceOnUse" x="203" y="2204" width="68" height="81">
<path d="M203,1720L218,1705L271,1705L271,1771L256,1786L203,1786L203,1720L256,1720L256,1786M256,1720L271,1705" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="203.000000" y="1720.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-1928338334-n8.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1928338334-n8.a)" points="203,1720 218,1705 271,1705 271,1771 256,1786 256,1720" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M203,1720 L218,1705 L271,1705 L271,1771 L256,1786 L203,1786 L203,1720 L256,1720 L256,1786 M256,1720 L271,1705" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="229.500000" y="1758.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjguYg=="><g class="shape" ><rect x="50.000000" y="1720.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="1758.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjkuYQ=="><g class="shape" ><rect x="213.000000" y="1952.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="203.000000" y="1962.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="229.500000" y="2000.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjkuYg=="><g class="shape" ><rect x="60.000000" y="1952.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="50.000000" y="1962.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="2000.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEwLmE="><g class="shape" ><defs><mask id="border-mask-d2-1928338334-n10.a" maskUnits="userSpaceOnUse" x="203" y="2204" width="68" height="81">
<rect x="203" y="2204" width="68" height="81" fill="white"></rect>
<path d="M203,2219L218,2204L271,2204L271,2270L256,2285L203,2285L203,2219L256,2219L256,2285M256,2219L271,2204" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="203.000000" y="2219.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n10.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-n10.a)" points="203,2219 218,2204 271,2204 271,2270 256,2285 256,2219" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M203,2219 L218,2204 L271,2204 L271,2270 L256,2285 L203,2285 L203,2219 L256,2219 L256,2285 M256,2219 L271,2204" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="229.500000" y="2257.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEwLmI="><g class="shape" ><defs><mask id="border-mask-n10.b" maskUnits="userSpaceOnUse" x="50" y="2204" width="68" height="81">
<path d="M203,2219L218,2204L271,2204L271,2270L256,2285L203,2285L203,2219L256,2219L256,2285M256,2219L271,2204" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="203.000000" y="2219.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-1928338334-n10.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1928338334-n10.a)" points="203,2219 218,2204 271,2204 271,2270 256,2285 256,2219" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M203,2219 L218,2204 L271,2204 L271,2270 L256,2285 L203,2285 L203,2219 L256,2219 L256,2285 M256,2219 L271,2204" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="229.500000" y="2257.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEwLmI="><g class="shape" ><defs><mask id="border-mask-d2-1928338334-n10.b" maskUnits="userSpaceOnUse" x="50" y="2204" width="68" height="81">
<rect x="50" y="2204" width="68" height="81" fill="white"></rect>
<path d="M50,2219L65,2204L118,2204L118,2270L103,2285L50,2285L50,2219L103,2219L103,2285M103,2219L118,2204" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="50.000000" y="2219.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n10.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-n10.b)" points="50,2219 65,2204 118,2204 118,2270 103,2285 103,2219" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M50,2219 L65,2204 L118,2204 L118,2270 L103,2285 L50,2285 L50,2219 L103,2219 L103,2285 M103,2219 L118,2204" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="2257.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEuKGEgLSZndDsgYilbMF0="><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 201.000000 129.000000 C 163.000000 129.000000 145.000000 129.000000 117.000000 129.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjIuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 356.000000 C 163.000000 356.000000 146.000000 356.000000 122.000000 356.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjMuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 588.000000 C 163.000000 588.000000 145.000000 588.000000 117.000000 588.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjQuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 830.000000 C 163.000000 830.000000 146.000000 830.000000 122.000000 830.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjUuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 1052.000000 C 163.000000 1052.000000 143.000000 1052.000000 107.000000 1052.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjYuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 1279.000000 C 163.000000 1279.000000 143.000000 1279.000000 107.000000 1279.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjcuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 1511.000000 C 163.000000 1511.000000 143.000000 1511.000000 107.000000 1511.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjguKGEgLSZndDsgYilbMF0="><path d="M 201.000000 1753.000000 C 163.000000 1753.000000 143.000000 1753.000000 107.000000 1753.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjkuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 1995.000000 C 163.000000 1995.000000 145.000000 1995.000000 117.000000 1995.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjEwLihhIC0mZ3Q7IGIpWzBd"><path d="M 201.000000 2252.000000 C 163.000000 2252.000000 146.000000 2252.000000 122.000000 2252.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><mask id="d2-1928338334" maskUnits="userSpaceOnUse" x="19" y="15" width="299" height="2301">
<path d="M50,2219L65,2204L118,2204L118,2270L103,2285L50,2285L50,2219L103,2219L103,2285M103,2219L118,2204" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="50.000000" y="2219.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-1928338334-n10.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-1928338334-n10.b)" points="50,2219 65,2204 118,2204 118,2270 103,2285 103,2219" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M50,2219 L65,2204 L118,2204 L118,2270 L103,2285 L50,2285 L50,2219 L103,2219 L103,2285 M103,2219 L118,2204" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="76.500000" y="2257.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEuKGEgLSZndDsgYilbMF0="><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 201.000000 129.000000 C 163.000000 129.000000 145.000000 129.000000 117.000000 129.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjIuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 356.000000 C 163.000000 356.000000 146.000000 356.000000 122.000000 356.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjMuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 588.000000 C 163.000000 588.000000 145.000000 588.000000 117.000000 588.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjQuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 830.000000 C 163.000000 830.000000 146.000000 830.000000 122.000000 830.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjUuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 1052.000000 C 163.000000 1052.000000 143.000000 1052.000000 107.000000 1052.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjYuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 1279.000000 C 163.000000 1279.000000 143.000000 1279.000000 107.000000 1279.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjcuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 1511.000000 C 163.000000 1511.000000 143.000000 1511.000000 107.000000 1511.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjguKGEgLSZndDsgYilbMF0="><path d="M 201.000000 1753.000000 C 163.000000 1753.000000 143.000000 1753.000000 107.000000 1753.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjkuKGEgLSZndDsgYilbMF0="><path d="M 201.000000 1995.000000 C 163.000000 1995.000000 145.000000 1995.000000 117.000000 1995.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><g class="bjEwLihhIC0mZ3Q7IGIpWzBd"><path d="M 201.000000 2252.000000 C 163.000000 2252.000000 146.000000 2252.000000 122.000000 2252.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1928338334)" /></g><mask id="d2-1928338334" maskUnits="userSpaceOnUse" x="19" y="15" width="299" height="2301">
<rect x="19" y="15" width="299" height="2301" fill="white"></rect>
<rect x="139.500000" y="15.000000" width="27" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="139.500000" y="237.000000" width="27" height="36" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

20
e2etests/testdata/stable/multiple_offset_left/elk/sketch.exp.svg vendored
View file

@ -96,25 +96,25 @@
.d2-3171613418 .color-AA4{color:#EDF0FD;}
.d2-3171613418 .color-AA5{color:#F7F8FE;}
.d2-3171613418 .color-AB4{color:#EDF0FD;}
.d2-3171613418 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bjE="><g class="shape" ><rect x="22.000000" y="12.000000" width="286.000000" height="176.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="165.000000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n1</text></g><g class="bjI="><g class="shape" ><rect x="19.000000" y="208.000000" width="291.000000" height="181.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="164.500000" y="241.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n2</text></g><g class="bjM="><g class="shape" ><rect x="32.000000" y="409.000000" width="276.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="22.000000" y="419.000000" width="276.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="160.000000" y="452.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n3</text></g><g class="bjQ="><g class="shape" ><defs><mask id="border-mask-n4" maskUnits="userSpaceOnUse" x="19" y="605" width="291" height="181">
.d2-3171613418 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bjE="><g class="shape" ><rect x="22.000000" y="12.000000" width="286.000000" height="176.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="165.000000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n1</text></g><g class="bjI="><g class="shape" ><rect x="19.000000" y="208.000000" width="291.000000" height="181.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="164.500000" y="241.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n2</text></g><g class="bjM="><g class="shape" ><rect x="32.000000" y="409.000000" width="276.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="22.000000" y="419.000000" width="276.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="160.000000" y="452.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n3</text></g><g class="bjQ="><g class="shape" ><defs><mask id="border-mask-d2-3171613418-n4" maskUnits="userSpaceOnUse" x="19" y="605" width="291" height="181">
<rect x="19" y="605" width="291" height="181" fill="white"></rect>
<path d="M19,620L34,605L310,605L310,771L295,786L19,786L19,620L295,620L295,786M295,620L310,605" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="19.000000" y="620.000000" width="276.000000" height="166.000000" mask="url(#border-mask-n4)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n4)" points="19,620 34,605 310,605 310,771 295,786 295,620" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M19,620 L34,605 L310,605 L310,771 L295,786 L19,786 L19,620 L295,620 L295,786 M295,620 L310,605" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="157.000000" y="653.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n4</text></g><g class="bjU="><g class="shape" ><rect x="37.000000" y="806.000000" width="266.000000" height="156.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="27.000000" y="816.000000" width="266.000000" height="156.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="160.000000" y="849.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n5</text></g><g class="bjY="><g class="shape" ><defs><mask id="border-mask-n6" maskUnits="userSpaceOnUse" x="27" y="992" width="276" height="166">
<path d="M19,620L34,605L310,605L310,771L295,786L19,786L19,620L295,620L295,786M295,620L310,605" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="19.000000" y="620.000000" width="276.000000" height="166.000000" mask="url(#border-mask-d2-3171613418-n4)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3171613418-n4)" points="19,620 34,605 310,605 310,771 295,786 295,620" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M19,620 L34,605 L310,605 L310,771 L295,786 L19,786 L19,620 L295,620 L295,786 M295,620 L310,605" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="157.000000" y="653.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n4</text></g><g class="bjU="><g class="shape" ><rect x="37.000000" y="806.000000" width="266.000000" height="156.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="27.000000" y="816.000000" width="266.000000" height="156.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="160.000000" y="849.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n5</text></g><g class="bjY="><g class="shape" ><defs><mask id="border-mask-d2-3171613418-n6" maskUnits="userSpaceOnUse" x="27" y="992" width="276" height="166">
<rect x="27" y="992" width="276" height="166" fill="white"></rect>
<path d="M27,1007L42,992L303,992L303,1143L288,1158L27,1158L27,1007L288,1007L288,1158M288,1007L303,992" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="27.000000" y="1007.000000" width="261.000000" height="151.000000" mask="url(#border-mask-n6)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n6)" points="27,1007 42,992 303,992 303,1143 288,1158 288,1007" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M27,1007 L42,992 L303,992 L303,1143 L288,1158 L27,1158 L27,1007 L288,1007 L288,1158 M288,1007 L303,992" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="157.500000" y="1040.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n6</text></g><g class="bjc="><g class="shape" ><rect x="32.000000" y="1178.000000" width="276.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="22.000000" y="1188.000000" width="276.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="160.000000" y="1221.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n7</text></g><g class="bjg="><g class="shape" ><defs><mask id="border-mask-n8" maskUnits="userSpaceOnUse" x="19" y="1374" width="291" height="181">
<path d="M27,1007L42,992L303,992L303,1143L288,1158L27,1158L27,1007L288,1007L288,1158M288,1007L303,992" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="27.000000" y="1007.000000" width="261.000000" height="151.000000" mask="url(#border-mask-d2-3171613418-n6)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3171613418-n6)" points="27,1007 42,992 303,992 303,1143 288,1158 288,1007" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M27,1007 L42,992 L303,992 L303,1143 L288,1158 L27,1158 L27,1007 L288,1007 L288,1158 M288,1007 L303,992" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="157.500000" y="1040.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n6</text></g><g class="bjc="><g class="shape" ><rect x="32.000000" y="1178.000000" width="276.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="22.000000" y="1188.000000" width="276.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="160.000000" y="1221.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n7</text></g><g class="bjg="><g class="shape" ><defs><mask id="border-mask-d2-3171613418-n8" maskUnits="userSpaceOnUse" x="19" y="1374" width="291" height="181">
<rect x="19" y="1374" width="291" height="181" fill="white"></rect>
<path d="M19,1389L34,1374L310,1374L310,1540L295,1555L19,1555L19,1389L295,1389L295,1555M295,1389L310,1374" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="19.000000" y="1389.000000" width="276.000000" height="166.000000" mask="url(#border-mask-n8)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n8)" points="19,1389 34,1374 310,1374 310,1540 295,1555 295,1389" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M19,1389 L34,1374 L310,1374 L310,1540 L295,1555 L19,1555 L19,1389 L295,1389 L295,1555 M295,1389 L310,1374" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="157.000000" y="1422.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n8</text></g><g class="bjk="><g class="shape" ><rect x="27.000000" y="1575.000000" width="286.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="17.000000" y="1585.000000" width="286.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="160.000000" y="1618.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n9</text></g><g class="bjEw"><g class="shape" ><defs><mask id="border-mask-n10" maskUnits="userSpaceOnUse" x="12" y="1771" width="306" height="181">
<path d="M19,1389L34,1374L310,1374L310,1540L295,1555L19,1555L19,1389L295,1389L295,1555M295,1389L310,1374" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="19.000000" y="1389.000000" width="276.000000" height="166.000000" mask="url(#border-mask-d2-3171613418-n8)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3171613418-n8)" points="19,1389 34,1374 310,1374 310,1540 295,1555 295,1389" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M19,1389 L34,1374 L310,1374 L310,1540 L295,1555 L19,1555 L19,1389 L295,1389 L295,1555 M295,1389 L310,1374" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="157.000000" y="1422.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n8</text></g><g class="bjk="><g class="shape" ><rect x="27.000000" y="1575.000000" width="286.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="17.000000" y="1585.000000" width="286.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="160.000000" y="1618.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n9</text></g><g class="bjEw"><g class="shape" ><defs><mask id="border-mask-d2-3171613418-n10" maskUnits="userSpaceOnUse" x="12" y="1771" width="306" height="181">
<rect x="12" y="1771" width="306" height="181" fill="white"></rect>
<path d="M12,1786L27,1771L318,1771L318,1937L303,1952L12,1952L12,1786L303,1786L303,1952M303,1786L318,1771" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12.000000" y="1786.000000" width="291.000000" height="166.000000" mask="url(#border-mask-n10)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-n10)" points="12,1786 27,1771 318,1771 318,1937 303,1952 303,1786" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M12,1786 L27,1771 L318,1771 L318,1937 L303,1952 L12,1952 L12,1786 L303,1786 L303,1952 M303,1786 L318,1771" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="157.500000" y="1819.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n10</text></g><g class="bjEuYQ=="><g class="shape" ><rect x="205.000000" y="67.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="231.500000" y="105.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEuYg=="><g class="shape" ><rect x="82.000000" y="62.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="72.000000" y="72.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="98.500000" y="110.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjIuYQ=="><g class="shape" ><rect x="207.000000" y="265.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="233.500000" y="303.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjIuYg=="><g class="shape" ><defs><mask id="border-mask-n2.b" maskUnits="userSpaceOnUse" x="69" y="258" width="68" height="81">
<path d="M12,1786L27,1771L318,1771L318,1937L303,1952L12,1952L12,1786L303,1786L303,1952M303,1786L318,1771" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12.000000" y="1786.000000" width="291.000000" height="166.000000" mask="url(#border-mask-d2-3171613418-n10)" stroke="none" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3171613418-n10)" points="12,1786 27,1771 318,1771 318,1937 303,1952 303,1786" fill="#E3E9FD" class=" fill-B3" style="stroke-width:2;" /><path d="M12,1786 L27,1771 L318,1771 L318,1937 L303,1952 L12,1952 L12,1786 L303,1786 L303,1952 M303,1786 L318,1771" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="157.500000" y="1819.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">n10</text></g><g class="bjEuYQ=="><g class="shape" ><rect x="205.000000" y="67.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="231.500000" y="105.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEuYg=="><g class="shape" ><rect x="82.000000" y="62.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="72.000000" y="72.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="98.500000" y="110.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjIuYQ=="><g class="shape" ><rect x="207.000000" y="265.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="233.500000" y="303.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjIuYg=="><g class="shape" ><defs><mask id="border-mask-d2-3171613418-n2.b" maskUnits="userSpaceOnUse" x="69" y="258" width="68" height="81">
<rect x="69" y="258" width="68" height="81" fill="white"></rect>
<path d="M69,273L84,258L137,258L137,324L122,339L69,339L69,273L122,273L122,339M122,273L137,258" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="69.000000" y="273.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n2.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-n2.b)" points="69,273 84,258 137,258 137,324 122,339 122,273" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M69,273 L84,258 L137,258 L137,324 L122,339 L69,339 L69,273 L122,273 L122,339 M122,273 L137,258" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="95.500000" y="311.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjMuYQ=="><g class="shape" ><rect x="200.000000" y="469.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="226.500000" y="507.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjMuYg=="><g class="shape" ><rect x="77.000000" y="464.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="67.000000" y="474.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="93.500000" y="512.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjQuYQ=="><g class="shape" ><rect x="200.000000" y="670.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="226.500000" y="708.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjQuYg=="><g class="shape" ><defs><mask id="border-mask-n4.b" maskUnits="userSpaceOnUse" x="62" y="662" width="68" height="81">
<path d="M69,273L84,258L137,258L137,324L122,339L69,339L69,273L122,273L122,339M122,273L137,258" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="69.000000" y="273.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-3171613418-n2.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-3171613418-n2.b)" points="69,273 84,258 137,258 137,324 122,339 122,273" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M69,273 L84,258 L137,258 L137,324 L122,339 L69,339 L69,273 L122,273 L122,339 M122,273 L137,258" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="95.500000" y="311.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjMuYQ=="><g class="shape" ><rect x="200.000000" y="469.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="226.500000" y="507.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjMuYg=="><g class="shape" ><rect x="77.000000" y="464.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="67.000000" y="474.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="93.500000" y="512.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjQuYQ=="><g class="shape" ><rect x="200.000000" y="670.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="226.500000" y="708.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjQuYg=="><g class="shape" ><defs><mask id="border-mask-d2-3171613418-n4.b" maskUnits="userSpaceOnUse" x="62" y="662" width="68" height="81">
<rect x="62" y="662" width="68" height="81" fill="white"></rect>
<path d="M62,677L77,662L130,662L130,728L115,743L62,743L62,677L115,677L115,743M115,677L130,662" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="62.000000" y="677.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n4.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-n4.b)" points="62,677 77,662 130,662 130,728 115,743 115,677" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M62,677 L77,662 L130,662 L130,728 L115,743 L62,743 L62,677 L115,677 L115,743 M115,677 L130,662" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="88.500000" y="715.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjUuYQ=="><g class="shape" ><rect x="195.000000" y="861.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="221.500000" y="899.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjUuYg=="><g class="shape" ><rect x="72.000000" y="861.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="98.500000" y="899.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjYuYQ=="><g class="shape" ><rect x="192.000000" y="1049.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="218.500000" y="1087.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjYuYg=="><g class="shape" ><rect x="69.000000" y="1049.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="95.500000" y="1087.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjcuYQ=="><g class="shape" ><rect x="200.000000" y="1233.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="190.000000" y="1243.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="216.500000" y="1281.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjcuYg=="><g class="shape" ><rect x="67.000000" y="1238.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="93.500000" y="1276.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjguYQ=="><g class="shape" ><defs><mask id="border-mask-n8.a" maskUnits="userSpaceOnUse" x="185" y="1431" width="68" height="81">
<path d="M62,677L77,662L130,662L130,728L115,743L62,743L62,677L115,677L115,743M115,677L130,662" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="62.000000" y="677.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-3171613418-n4.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-3171613418-n4.b)" points="62,677 77,662 130,662 130,728 115,743 115,677" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M62,677 L77,662 L130,662 L130,728 L115,743 L62,743 L62,677 L115,677 L115,743 M115,677 L130,662" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="88.500000" y="715.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjUuYQ=="><g class="shape" ><rect x="195.000000" y="861.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="221.500000" y="899.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjUuYg=="><g class="shape" ><rect x="72.000000" y="861.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="98.500000" y="899.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjYuYQ=="><g class="shape" ><rect x="192.000000" y="1049.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="218.500000" y="1087.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjYuYg=="><g class="shape" ><rect x="69.000000" y="1049.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="95.500000" y="1087.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjcuYQ=="><g class="shape" ><rect x="200.000000" y="1233.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="190.000000" y="1243.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="216.500000" y="1281.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjcuYg=="><g class="shape" ><rect x="67.000000" y="1238.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="93.500000" y="1276.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjguYQ=="><g class="shape" ><defs><mask id="border-mask-d2-3171613418-n8.a" maskUnits="userSpaceOnUse" x="185" y="1431" width="68" height="81">
<rect x="185" y="1431" width="68" height="81" fill="white"></rect>
<path d="M185,1446L200,1431L253,1431L253,1497L238,1512L185,1512L185,1446L238,1446L238,1512M238,1446L253,1431" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="185.000000" y="1446.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n8.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-n8.a)" points="185,1446 200,1431 253,1431 253,1497 238,1512 238,1446" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M185,1446 L200,1431 L253,1431 L253,1497 L238,1512 L185,1512 L185,1446 L238,1446 L238,1512 M238,1446 L253,1431" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="211.500000" y="1484.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjguYg=="><g class="shape" ><rect x="62.000000" y="1439.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="88.500000" y="1477.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjkuYQ=="><g class="shape" ><rect x="205.000000" y="1630.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="195.000000" y="1640.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="221.500000" y="1678.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjkuYg=="><g class="shape" ><rect x="72.000000" y="1630.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="62.000000" y="1640.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="88.500000" y="1678.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEwLmE="><g class="shape" ><defs><mask id="border-mask-n10.a" maskUnits="userSpaceOnUse" x="192" y="1828" width="68" height="81">
<path d="M185,1446L200,1431L253,1431L253,1497L238,1512L185,1512L185,1446L238,1446L238,1512M238,1446L253,1431" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="185.000000" y="1446.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-3171613418-n8.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3171613418-n8.a)" points="185,1446 200,1431 253,1431 253,1497 238,1512 238,1446" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M185,1446 L200,1431 L253,1431 L253,1497 L238,1512 L185,1512 L185,1446 L238,1446 L238,1512 M238,1446 L253,1431" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="211.500000" y="1484.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjguYg=="><g class="shape" ><rect x="62.000000" y="1439.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="88.500000" y="1477.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjkuYQ=="><g class="shape" ><rect x="205.000000" y="1630.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="195.000000" y="1640.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="221.500000" y="1678.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjkuYg=="><g class="shape" ><rect x="72.000000" y="1630.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><rect x="62.000000" y="1640.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B2 fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="88.500000" y="1678.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEwLmE="><g class="shape" ><defs><mask id="border-mask-d2-3171613418-n10.a" maskUnits="userSpaceOnUse" x="192" y="1828" width="68" height="81">
<rect x="192" y="1828" width="68" height="81" fill="white"></rect>
<path d="M192,1843L207,1828L260,1828L260,1894L245,1909L192,1909L192,1843L245,1843L245,1909M245,1843L260,1828" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="192.000000" y="1843.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n10.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-n10.a)" points="192,1843 207,1828 260,1828 260,1894 245,1909 245,1843" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M192,1843 L207,1828 L260,1828 L260,1894 L245,1909 L192,1909 L192,1843 L245,1843 L245,1909 M245,1843 L260,1828" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="218.500000" y="1881.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEwLmI="><g class="shape" ><defs><mask id="border-mask-n10.b" maskUnits="userSpaceOnUse" x="54" y="1828" width="68" height="81">
<path d="M192,1843L207,1828L260,1828L260,1894L245,1909L192,1909L192,1843L245,1843L245,1909M245,1843L260,1828" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="192.000000" y="1843.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-3171613418-n10.a)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3171613418-n10.a)" points="192,1843 207,1828 260,1828 260,1894 245,1909 245,1843" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;" /><path d="M192,1843 L207,1828 L260,1828 L260,1894 L245,1909 L192,1909 L192,1843 L245,1843 L245,1909 M245,1843 L260,1828" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="218.500000" y="1881.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="bjEwLmI="><g class="shape" ><defs><mask id="border-mask-d2-3171613418-n10.b" maskUnits="userSpaceOnUse" x="54" y="1828" width="68" height="81">
<rect x="54" y="1828" width="68" height="81" fill="white"></rect>
<path d="M54,1843L69,1828L122,1828L122,1894L107,1909L54,1909L54,1843L107,1843L107,1909M107,1843L122,1828" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="54.000000" y="1843.000000" width="53.000000" height="66.000000" mask="url(#border-mask-n10.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-n10.b)" points="54,1843 69,1828 122,1828 122,1894 107,1909 107,1843" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M54,1843 L69,1828 L122,1828 L122,1894 L107,1909 L54,1909 L54,1843 L107,1843 L107,1909 M107,1843 L122,1828" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="80.500000" y="1881.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEuKGEgLSZndDsgYilbMF0="><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 203.000000 100.000000 L 139.000000 100.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjIuKGEgLSZndDsgYilbMF0="><path d="M 205.500000 298.500000 L 141.500000 298.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjMuKGEgLSZndDsgYilbMF0="><path d="M 198.000000 502.000000 L 134.000000 502.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjQuKGEgLSZndDsgYilbMF0="><path d="M 198.000000 703.000000 L 134.000000 703.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjUuKGEgLSZndDsgYilbMF0="><path d="M 193.000000 894.000000 L 129.000000 894.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjYuKGEgLSZndDsgYilbMF0="><path d="M 190.500000 1082.500000 L 126.500000 1082.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjcuKGEgLSZndDsgYilbMF0="><path d="M 188.000000 1271.000000 L 124.000000 1271.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjguKGEgLSZndDsgYilbMF0="><path d="M 183.000000 1472.000000 L 119.000000 1472.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjkuKGEgLSZndDsgYilbMF0="><path d="M 193.000000 1668.000000 L 129.000000 1668.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjEwLihhIC0mZ3Q7IGIpWzBd"><path d="M 190.500000 1869.000000 L 126.500000 1869.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><mask id="d2-3171613418" maskUnits="userSpaceOnUse" x="11" y="11" width="309" height="1942">
<path d="M54,1843L69,1828L122,1828L122,1894L107,1909L54,1909L54,1843L107,1843L107,1909M107,1843L122,1828" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="54.000000" y="1843.000000" width="53.000000" height="66.000000" mask="url(#border-mask-d2-3171613418-n10.b)" stroke="none" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-3171613418-n10.b)" points="54,1843 69,1828 122,1828 122,1894 107,1909 107,1843" fill="#E3E9FD" class=" fill-B4" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M54,1843 L69,1828 L122,1828 L122,1894 L107,1909 L54,1909 L54,1843 L107,1843 L107,1909 M107,1843 L122,1828" stroke="#0D32B2" fill="none" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="80.500000" y="1881.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="bjEuKGEgLSZndDsgYilbMF0="><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 203.000000 100.000000 L 139.000000 100.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjIuKGEgLSZndDsgYilbMF0="><path d="M 205.500000 298.500000 L 141.500000 298.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjMuKGEgLSZndDsgYilbMF0="><path d="M 198.000000 502.000000 L 134.000000 502.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjQuKGEgLSZndDsgYilbMF0="><path d="M 198.000000 703.000000 L 134.000000 703.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjUuKGEgLSZndDsgYilbMF0="><path d="M 193.000000 894.000000 L 129.000000 894.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjYuKGEgLSZndDsgYilbMF0="><path d="M 190.500000 1082.500000 L 126.500000 1082.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjcuKGEgLSZndDsgYilbMF0="><path d="M 188.000000 1271.000000 L 124.000000 1271.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjguKGEgLSZndDsgYilbMF0="><path d="M 183.000000 1472.000000 L 119.000000 1472.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjkuKGEgLSZndDsgYilbMF0="><path d="M 193.000000 1668.000000 L 129.000000 1668.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><g class="bjEwLihhIC0mZ3Q7IGIpWzBd"><path d="M 190.500000 1869.000000 L 126.500000 1869.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3171613418)" /></g><mask id="d2-3171613418" maskUnits="userSpaceOnUse" x="11" y="11" width="309" height="1942">
<rect x="11" y="11" width="309" height="1942" fill="white"></rect>
<rect x="151.500000" y="17.000000" width="27" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="151.000000" y="213.000000" width="27" height="36" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 37 KiB

4
e2etests/testdata/stable/nesting_power/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 129 KiB

After

Width:  |  Height:  |  Size: 129 KiB

4
e2etests/testdata/stable/nesting_power/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 129 KiB

After

Width:  |  Height:  |  Size: 129 KiB

6
e2etests/testdata/stable/square_3d/dagre/sketch.exp.svg vendored
View file

@ -89,11 +89,11 @@
.d2-1304058251 .color-AA4{color:#EDF0FD;}
.d2-1304058251 .color-AA5{color:#F7F8FE;}
.d2-1304058251 .color-AB4{color:#EDF0FD;}
.d2-1304058251 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="cmVjdGFuZ2xl"><g class="shape" ><defs><mask id="border-mask-rectangle" maskUnits="userSpaceOnUse" x="0" y="-15" width="126" height="81">
.d2-1304058251 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="cmVjdGFuZ2xl"><g class="shape" ><defs><mask id="border-mask-d2-1304058251-rectangle" maskUnits="userSpaceOnUse" x="0" y="-15" width="126" height="81">
<rect x="0" y="-15" width="126" height="81" fill="white"></rect>
<path d="M0,0L15,-15L126,-15L126,51L111,66L0,66L0,0L111,0L111,66M111,0L126,-15" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="0.000000" width="111.000000" height="66.000000" mask="url(#border-mask-rectangle)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-rectangle)" points="0,0 15,-15 126,-15 126,51 111,66 111,0" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M0,0 L15,-15 L126,-15 L126,51 L111,66 L0,66 L0,0 L111,0 L111,66 M111,0 L126,-15" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="55.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text></g><g class="c3F1YXJl"><g class="shape" ><defs><mask id="border-mask-square" maskUnits="userSpaceOnUse" x="9" y="151" width="109" height="109">
<path d="M0,0L15,-15L126,-15L126,51L111,66L0,66L0,0L111,0L111,66M111,0L126,-15" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="0.000000" width="111.000000" height="66.000000" mask="url(#border-mask-d2-1304058251-rectangle)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1304058251-rectangle)" points="0,0 15,-15 126,-15 126,51 111,66 111,0" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M0,0 L15,-15 L126,-15 L126,51 L111,66 L0,66 L0,0 L111,0 L111,66 M111,0 L126,-15" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="55.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text></g><g class="c3F1YXJl"><g class="shape" ><defs><mask id="border-mask-d2-1304058251-square" maskUnits="userSpaceOnUse" x="9" y="151" width="109" height="109">
<rect x="9" y="151" width="109" height="109" fill="white"></rect>
<path d="M9,166L24,151L118,151L118,245L103,260L9,260L9,166L103,166L103,260M103,166L118,151" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="9.000000" y="166.000000" width="94.000000" height="94.000000" mask="url(#border-mask-square)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-square)" points="9,166 24,151 118,151 118,245 103,260 103,166" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M9,166 L24,151 L118,151 L118,245 L103,260 L9,260 L9,166 L103,166 L103,260 M103,166 L118,151" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="56.000000" y="218.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></g><g class="KHJlY3RhbmdsZSAtJmd0OyBzcXVhcmUpWzBd"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 55.500000 68.000000 C 55.500000 106.000000 55.500000 123.000000 55.500000 147.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1304058251)" /></g><mask id="d2-1304058251" maskUnits="userSpaceOnUse" x="-1" y="-17" width="129" height="278">
<path d="M9,166L24,151L118,151L118,245L103,260L9,260L9,166L103,166L103,260M103,166L118,151" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="9.000000" y="166.000000" width="94.000000" height="94.000000" mask="url(#border-mask-d2-1304058251-square)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1304058251-square)" points="9,166 24,151 118,151 118,245 103,260 103,166" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M9,166 L24,151 L118,151 L118,245 L103,260 L9,260 L9,166 L103,166 L103,260 M103,166 L118,151" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="56.000000" y="218.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></g><g class="KHJlY3RhbmdsZSAtJmd0OyBzcXVhcmUpWzBd"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 55.500000 68.000000 C 55.500000 106.000000 55.500000 123.000000 55.500000 147.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1304058251)" /></g><mask id="d2-1304058251" maskUnits="userSpaceOnUse" x="-1" y="-17" width="129" height="278">
<rect x="-1" y="-17" width="129" height="278" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="66" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="31.500000" y="202.500000" width="49" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

6
e2etests/testdata/stable/square_3d/elk/sketch.exp.svg vendored
View file

@ -89,11 +89,11 @@
.d2-85421364 .color-AA4{color:#EDF0FD;}
.d2-85421364 .color-AA5{color:#F7F8FE;}
.d2-85421364 .color-AB4{color:#EDF0FD;}
.d2-85421364 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="cmVjdGFuZ2xl"><g class="shape" ><defs><mask id="border-mask-rectangle" maskUnits="userSpaceOnUse" x="12" y="12" width="126" height="81">
.d2-85421364 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="cmVjdGFuZ2xl"><g class="shape" ><defs><mask id="border-mask-d2-85421364-rectangle" maskUnits="userSpaceOnUse" x="12" y="12" width="126" height="81">
<rect x="12" y="12" width="126" height="81" fill="white"></rect>
<path d="M12,27L27,12L138,12L138,78L123,93L12,93L12,27L123,27L123,93M123,27L138,12" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12.000000" y="27.000000" width="111.000000" height="66.000000" mask="url(#border-mask-rectangle)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-rectangle)" points="12,27 27,12 138,12 138,78 123,93 123,27" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M12,27 L27,12 L138,12 L138,78 L123,93 L12,93 L12,27 L123,27 L123,93 M123,27 L138,12" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="67.500000" y="65.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text></g><g class="c3F1YXJl"><g class="shape" ><defs><mask id="border-mask-square" maskUnits="userSpaceOnUse" x="20" y="163" width="109" height="109">
<path d="M12,27L27,12L138,12L138,78L123,93L12,93L12,27L123,27L123,93M123,27L138,12" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12.000000" y="27.000000" width="111.000000" height="66.000000" mask="url(#border-mask-d2-85421364-rectangle)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-85421364-rectangle)" points="12,27 27,12 138,12 138,78 123,93 123,27" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M12,27 L27,12 L138,12 L138,78 L123,93 L12,93 L12,27 L123,27 L123,93 M123,27 L138,12" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="67.500000" y="65.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text></g><g class="c3F1YXJl"><g class="shape" ><defs><mask id="border-mask-d2-85421364-square" maskUnits="userSpaceOnUse" x="20" y="163" width="109" height="109">
<rect x="20" y="163" width="109" height="109" fill="white"></rect>
<path d="M20,178L35,163L129,163L129,257L114,272L20,272L20,178L114,178L114,272M114,178L129,163" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="20.000000" y="178.000000" width="94.000000" height="94.000000" mask="url(#border-mask-square)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-square)" points="20,178 35,163 129,163 129,257 114,272 114,178" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M20,178 L35,163 L129,163 L129,257 L114,272 L20,272 L20,178 L114,178 L114,272 M114,178 L129,163" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="67.000000" y="230.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></g><g class="KHJlY3RhbmdsZSAtJmd0OyBzcXVhcmUpWzBd"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 75.000000 95.000000 L 75.000000 159.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-85421364)" /></g><mask id="d2-85421364" maskUnits="userSpaceOnUse" x="11" y="10" width="129" height="263">
<path d="M20,178L35,163L129,163L129,257L114,272L20,272L20,178L114,178L114,272M114,178L129,163" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="20.000000" y="178.000000" width="94.000000" height="94.000000" mask="url(#border-mask-d2-85421364-square)" stroke="none" fill="#F7F8FE" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-85421364-square)" points="20,178 35,163 129,163 129,257 114,272 114,178" fill="#EDF0FD" class=" fill-B5" style="stroke-width:2;" /><path d="M20,178 L35,163 L129,163 L129,257 L114,272 L20,272 L20,178 L114,178 L114,272 M114,178 L129,163" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="67.000000" y="230.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></g><g class="KHJlY3RhbmdsZSAtJmd0OyBzcXVhcmUpWzBd"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 75.000000 95.000000 L 75.000000 159.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-85421364)" /></g><mask id="d2-85421364" maskUnits="userSpaceOnUse" x="11" y="10" width="129" height="263">
<rect x="11" y="10" width="129" height="263" fill="white"></rect>
<rect x="34.500000" y="49.500000" width="66" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="42.500000" y="214.500000" width="49" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

4
e2etests/testdata/stable/stylish/dagre/sketch.exp.svg vendored
View file

@ -104,9 +104,9 @@
<feOffset dx="3" dy="5" result="ShadowFeOffset" in="ShadowFeComposite"></feOffset>
<feBlend in="SourceGraphic" in2="ShadowFeOffset" mode="normal" result="ShadowFeBlend"></feBlend>
</filter>
</defs><g class="eA==" style='opacity:0.600000'><g class="shape" filter="url(#shadow-filter)" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#53C0D8" fill="orange" style="stroke-width:5;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ==" style='opacity:0.600000'><g class="shape" ><defs><mask id="border-mask-y" maskUnits="userSpaceOnUse" x="0" y="172" width="69" height="81">
</defs><g class="eA==" style='opacity:0.600000'><g class="shape" filter="url(#shadow-filter)" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#53C0D8" fill="orange" style="stroke-width:5;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ==" style='opacity:0.600000'><g class="shape" ><defs><mask id="border-mask-d2-1638760006-y" maskUnits="userSpaceOnUse" x="0" y="172" width="69" height="81">
<rect x="0" y="172" width="69" height="81" fill="white"></rect>
<path d="M0,187L15,172L69,172L69,238L54,253L0,253L0,187L54,187L54,253M54,187L69,172" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="187.000000" width="54.000000" height="66.000000" mask="url(#border-mask-y)" stroke="none" fill="red" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-y)" points="0,187 15,172 69,172 69,238 54,253 54,187" fill="#cc0000" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M0,187 L15,172 L69,172 L69,238 L54,253 L0,253 L0,187 L54,187 L54,253 M54,187 L69,172" stroke="black" fill="none" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="27.000000" y="225.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0=" style='opacity:0.500000'><marker id="mk-1457214650" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="green" class="connection" stroke-width="2" /> </marker><path d="M 27.000000 69.000000 C 27.000000 114.300003 27.000000 135.699997 27.000000 168.500000" stroke="green" fill="none" class="connection" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" marker-end="url(#mk-1457214650)" mask="url(#d2-1638760006)" /><rect x="0.000000" y="106.000000" width="55.000000" height="27.000000" rx="10.000000" fill="lavender" /><text x="27.500000" y="125.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">in style</text></g><mask id="d2-1638760006" maskUnits="userSpaceOnUse" x="-2" y="-3" width="73" height="257">
<path d="M0,187L15,172L69,172L69,238L54,253L0,253L0,187L54,187L54,253M54,187L69,172" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="187.000000" width="54.000000" height="66.000000" mask="url(#border-mask-d2-1638760006-y)" stroke="none" fill="red" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-1638760006-y)" points="0,187 15,172 69,172 69,238 54,253 54,187" fill="#cc0000" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M0,187 L15,172 L69,172 L69,238 L54,253 L0,253 L0,187 L54,187 L54,253 M54,187 L69,172" stroke="black" fill="none" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="27.000000" y="225.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0=" style='opacity:0.500000'><marker id="mk-1457214650" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="green" class="connection" stroke-width="2" /> </marker><path d="M 27.000000 69.000000 C 27.000000 114.300003 27.000000 135.699997 27.000000 168.500000" stroke="green" fill="none" class="connection" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" marker-end="url(#mk-1457214650)" mask="url(#d2-1638760006)" /><rect x="0.000000" y="106.000000" width="55.000000" height="27.000000" rx="10.000000" fill="lavender" /><text x="27.500000" y="125.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">in style</text></g><mask id="d2-1638760006" maskUnits="userSpaceOnUse" x="-2" y="-3" width="73" height="257">
<rect x="-2" y="-3" width="73" height="257" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="209.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

4
e2etests/testdata/stable/stylish/elk/sketch.exp.svg vendored
View file

@ -104,9 +104,9 @@
<feOffset dx="3" dy="5" result="ShadowFeOffset" in="ShadowFeComposite"></feOffset>
<feBlend in="SourceGraphic" in2="ShadowFeOffset" mode="normal" result="ShadowFeBlend"></feBlend>
</filter>
</defs><g class="eA==" style='opacity:0.600000'><g class="shape" filter="url(#shadow-filter)" ><rect x="20.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#53C0D8" fill="orange" style="stroke-width:5;" /></g><text x="46.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ==" style='opacity:0.600000'><g class="shape" ><defs><mask id="border-mask-y" maskUnits="userSpaceOnUse" x="12" y="239" width="69" height="81">
</defs><g class="eA==" style='opacity:0.600000'><g class="shape" filter="url(#shadow-filter)" ><rect x="20.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#53C0D8" fill="orange" style="stroke-width:5;" /></g><text x="46.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ==" style='opacity:0.600000'><g class="shape" ><defs><mask id="border-mask-d2-1206049677-y" maskUnits="userSpaceOnUse" x="12" y="239" width="69" height="81">
<rect x="12" y="239" width="69" height="81" fill="white"></rect>
<path d="M12,254L27,239L81,239L81,305L66,320L12,320L12,254L66,254L66,320M66,254L81,239" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12.000000" y="254.000000" width="54.000000" height="66.000000" mask="url(#border-mask-y)" stroke="none" fill="red" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-y)" points="12,254 27,239 81,239 81,305 66,320 66,254" fill="#cc0000" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M12,254 L27,239 L81,239 L81,305 L66,320 L12,320 L12,254 L66,254 L66,320 M66,254 L81,239" stroke="black" fill="none" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="39.000000" y="292.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0=" style='opacity:0.500000'><marker id="mk-1457214650" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="green" class="connection" stroke-width="2" /> </marker><path d="M 46.500000 81.500000 L 46.500000 235.000000" stroke="green" fill="none" class="connection" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" marker-end="url(#mk-1457214650)" mask="url(#d2-1206049677)" /><rect x="19.000000" y="145.000000" width="55.000000" height="27.000000" rx="10.000000" fill="lavender" /><text x="46.500000" y="164.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">in style</text></g><mask id="d2-1206049677" maskUnits="userSpaceOnUse" x="11" y="9" width="72" height="312">
<path d="M12,254L27,239L81,239L81,305L66,320L12,320L12,254L66,254L66,320M66,254L81,239" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12.000000" y="254.000000" width="54.000000" height="66.000000" mask="url(#border-mask-d2-1206049677-y)" stroke="none" fill="red" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><polygon mask="url(#border-mask-d2-1206049677-y)" points="12,254 27,239 81,239 81,305 66,320 66,254" fill="#cc0000" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /><path d="M12,254 L27,239 L81,239 L81,305 L66,320 L12,320 L12,254 L66,254 L66,320 M66,254 L81,239" stroke="black" fill="none" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" /></g><text x="39.000000" y="292.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0=" style='opacity:0.500000'><marker id="mk-1457214650" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="green" class="connection" stroke-width="2" /> </marker><path d="M 46.500000 81.500000 L 46.500000 235.000000" stroke="green" fill="none" class="connection" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;" marker-end="url(#mk-1457214650)" mask="url(#d2-1206049677)" /><rect x="19.000000" y="145.000000" width="55.000000" height="27.000000" rx="10.000000" fill="lavender" /><text x="46.500000" y="164.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">in style</text></g><mask id="d2-1206049677" maskUnits="userSpaceOnUse" x="11" y="9" width="72" height="312">
<rect x="11" y="9" width="72" height="312" fill="white"></rect>
<rect x="42.500000" y="34.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="34.500000" y="276.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

4
e2etests/testdata/stable/transparent_3d/dagre/sketch.exp.svg vendored
View file

@ -89,9 +89,9 @@
.d2-1963128756 .color-AA4{color:#EDF0FD;}
.d2-1963128756 .color-AA5{color:#F7F8FE;}
.d2-1963128756 .color-AB4{color:#EDF0FD;}
.d2-1963128756 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="Y3ViZQ==" style='opacity:0.500000'><g class="shape" ><defs><mask id="border-mask-cube" maskUnits="userSpaceOnUse" x="0" y="-15" width="94" height="81">
.d2-1963128756 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="Y3ViZQ==" style='opacity:0.500000'><g class="shape" ><defs><mask id="border-mask-d2-1963128756-cube" maskUnits="userSpaceOnUse" x="0" y="-15" width="94" height="81">
<rect x="0" y="-15" width="94" height="81" fill="white"></rect>
<path d="M0,0L15,-15L94,-15L94,51L79,66L0,66L0,0L79,0L79,66M79,0L94,-15" style="stroke-width:7;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="0.000000" width="79.000000" height="66.000000" mask="url(#border-mask-cube)" stroke="none" fill="orange" style="stroke-width:7;" /><polygon mask="url(#border-mask-cube)" points="0,0 15,-15 94,-15 94,51 79,66 79,0" fill="#cc8400" style="stroke-width:7;" /><path d="M0,0 L15,-15 L94,-15 L94,51 L79,66 L0,66 L0,0 L79,0 L79,66 M79,0 L94,-15" stroke="#53C0D8" fill="none" style="stroke-width:7;" /></g><text x="39.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cube</text></g><mask id="d2-1963128756" maskUnits="userSpaceOnUse" x="-4" y="-22" width="105" height="92">
<path d="M0,0L15,-15L94,-15L94,51L79,66L0,66L0,0L79,0L79,66M79,0L94,-15" style="stroke-width:7;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="0.000000" width="79.000000" height="66.000000" mask="url(#border-mask-d2-1963128756-cube)" stroke="none" fill="orange" style="stroke-width:7;" /><polygon mask="url(#border-mask-d2-1963128756-cube)" points="0,0 15,-15 94,-15 94,51 79,66 79,0" fill="#cc8400" style="stroke-width:7;" /><path d="M0,0 L15,-15 L94,-15 L94,51 L79,66 L0,66 L0,0 L79,0 L79,66 M79,0 L94,-15" stroke="#53C0D8" fill="none" style="stroke-width:7;" /></g><text x="39.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cube</text></g><mask id="d2-1963128756" maskUnits="userSpaceOnUse" x="-4" y="-22" width="105" height="92">
<rect x="-4" y="-22" width="105" height="92" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="34" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

4
e2etests/testdata/stable/transparent_3d/elk/sketch.exp.svg vendored
View file

@ -89,9 +89,9 @@
.d2-773420948 .color-AA4{color:#EDF0FD;}
.d2-773420948 .color-AA5{color:#F7F8FE;}
.d2-773420948 .color-AB4{color:#EDF0FD;}
.d2-773420948 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="Y3ViZQ==" style='opacity:0.500000'><g class="shape" ><defs><mask id="border-mask-cube" maskUnits="userSpaceOnUse" x="12" y="12" width="94" height="81">
.d2-773420948 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="Y3ViZQ==" style='opacity:0.500000'><g class="shape" ><defs><mask id="border-mask-d2-773420948-cube" maskUnits="userSpaceOnUse" x="12" y="12" width="94" height="81">
<rect x="12" y="12" width="94" height="81" fill="white"></rect>
<path d="M12,27L27,12L106,12L106,78L91,93L12,93L12,27L91,27L91,93M91,27L106,12" style="stroke-width:7;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12.000000" y="27.000000" width="79.000000" height="66.000000" mask="url(#border-mask-cube)" stroke="none" fill="orange" style="stroke-width:7;" /><polygon mask="url(#border-mask-cube)" points="12,27 27,12 106,12 106,78 91,93 91,27" fill="#cc8400" style="stroke-width:7;" /><path d="M12,27 L27,12 L106,12 L106,78 L91,93 L12,93 L12,27 L91,27 L91,93 M91,27 L106,12" stroke="#53C0D8" fill="none" style="stroke-width:7;" /></g><text x="51.500000" y="65.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cube</text></g><mask id="d2-773420948" maskUnits="userSpaceOnUse" x="8" y="5" width="105" height="92">
<path d="M12,27L27,12L106,12L106,78L91,93L12,93L12,27L91,27L91,93M91,27L106,12" style="stroke-width:7;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12.000000" y="27.000000" width="79.000000" height="66.000000" mask="url(#border-mask-d2-773420948-cube)" stroke="none" fill="orange" style="stroke-width:7;" /><polygon mask="url(#border-mask-d2-773420948-cube)" points="12,27 27,12 106,12 106,78 91,93 91,27" fill="#cc8400" style="stroke-width:7;" /><path d="M12,27 L27,12 L106,12 L106,78 L91,93 L12,93 L12,27 L91,27 L91,93 M91,27 L106,12" stroke="#53C0D8" fill="none" style="stroke-width:7;" /></g><text x="51.500000" y="65.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cube</text></g><mask id="d2-773420948" maskUnits="userSpaceOnUse" x="8" y="5" width="105" height="92">
<rect x="8" y="5" width="105" height="92" fill="white"></rect>
<rect x="34.500000" y="49.500000" width="34" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 9.4 KiB

4
e2etests/testdata/themes/3d-sides/dagre/sketch.exp.svg vendored
View file

@ -122,9 +122,9 @@
<rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
</g>
</pattern>
</defs><g class="YmVhdHM="><g class="shape" ><defs><mask id="border-mask-beats" maskUnits="userSpaceOnUse" x="10" y="5" width="1537" height="323">
</defs><g class="YmVhdHM="><g class="shape" ><defs><mask id="border-mask-d2-3620993932-beats" maskUnits="userSpaceOnUse" x="10" y="5" width="1537" height="323">
<rect x="10" y="5" width="1537" height="323" fill="white"></rect>
<path d="M10,20L25,5L1547,5L1547,313L1532,328L10,328L10,20L1532,20L1532,328M1532,20L1547,5" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="10.000000" y="20.000000" width="1522.000000" height="308.000000" mask="url(#border-mask-beats)" stroke="none" fill="#E7E9EE" class=" fill-B4" style="stroke-width:2;" /><rect x="10.000000" y="20.000000" width="1522.000000" height="308.000000" mask="url(#border-mask-beats)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-beats)" points="10,20 25,5 1547,5 1547,313 1532,328 1532,20" fill="#5AA4DC" class=" fill-B3" style="stroke-width:2;" /><path d="M10,20 L25,5 L1547,5 L1547,313 L1532,328 L10,328 L10,20 L1532,20 L1532,328 M1532,20 L1547,5" stroke="#000410" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="778.500000" y="-8.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">BEATS</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24="><g class="shape" ><rect x="40.000000" y="50.000000" width="1462.000000" height="248.000000" stroke="#000410" fill="#F5F6F9" class=" stroke-B1 fill-B5" style="stroke-width:0;" /><rect x="40.000000" y="50.000000" width="1462.000000" height="248.000000" class="dots-overlay" style="stroke-width:0;" /></g><text x="771.000000" y="79.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">BEATS IS A FAMILY OF &#34;DATA SHIPPERS,&#34; DISTINCT SERVICES THAT SEND A SINGLE TYPE OF DATA FROM MACHINES</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24uSW1hZ2U="><g class="shape" ><image href="https://www.pngkey.com/png/full/75-752805_elastic-beats-logo-png-transparent-design.png" x="707.000000" y="110.000000" width="128.000000" height="128.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g></g><mask id="d2-3620993932" maskUnits="userSpaceOnUse" x="9" y="-36" width="1540" height="365">
<path d="M10,20L25,5L1547,5L1547,313L1532,328L10,328L10,20L1532,20L1532,328M1532,20L1547,5" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="10.000000" y="20.000000" width="1522.000000" height="308.000000" mask="url(#border-mask-d2-3620993932-beats)" stroke="none" fill="#E7E9EE" class=" fill-B4" style="stroke-width:2;" /><rect x="10.000000" y="20.000000" width="1522.000000" height="308.000000" mask="url(#border-mask-d2-3620993932-beats)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3620993932-beats)" points="10,20 25,5 1547,5 1547,313 1532,328 1532,20" fill="#5AA4DC" class=" fill-B3" style="stroke-width:2;" /><path d="M10,20 L25,5 L1547,5 L1547,313 L1532,328 L10,328 L10,20 L1532,20 L1532,328 M1532,20 L1547,5" stroke="#000410" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="778.500000" y="-8.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">BEATS</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24="><g class="shape" ><rect x="40.000000" y="50.000000" width="1462.000000" height="248.000000" stroke="#000410" fill="#F5F6F9" class=" stroke-B1 fill-B5" style="stroke-width:0;" /><rect x="40.000000" y="50.000000" width="1462.000000" height="248.000000" class="dots-overlay" style="stroke-width:0;" /></g><text x="771.000000" y="79.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">BEATS IS A FAMILY OF &#34;DATA SHIPPERS,&#34; DISTINCT SERVICES THAT SEND A SINGLE TYPE OF DATA FROM MACHINES</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24uSW1hZ2U="><g class="shape" ><image href="https://www.pngkey.com/png/full/75-752805_elastic-beats-logo-png-transparent-design.png" x="707.000000" y="110.000000" width="128.000000" height="128.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g></g><mask id="d2-3620993932" maskUnits="userSpaceOnUse" x="9" y="-36" width="1540" height="365">
<rect x="9" y="-36" width="1540" height="365" fill="white"></rect>
<rect x="737.500000" y="-36.000000" width="82" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="45.000000" y="55.000000" width="1452" height="31" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

4
e2etests/testdata/themes/3d-sides/elk/sketch.exp.svg vendored
View file

@ -122,9 +122,9 @@
<rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
</g>
</pattern>
</defs><g class="YmVhdHM="><g class="shape" ><defs><mask id="border-mask-beats" maskUnits="userSpaceOnUse" x="12" y="12" width="1562" height="348">
</defs><g class="YmVhdHM="><g class="shape" ><defs><mask id="border-mask-d2-4239057840-beats" maskUnits="userSpaceOnUse" x="12" y="12" width="1562" height="348">
<rect x="12" y="12" width="1562" height="348" fill="white"></rect>
<path d="M12,27L27,12L1574,12L1574,345L1559,360L12,360L12,27L1559,27L1559,360M1559,27L1574,12" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12.000000" y="27.000000" width="1547.000000" height="333.000000" mask="url(#border-mask-beats)" stroke="none" fill="#E7E9EE" class=" fill-B4" style="stroke-width:2;" /><rect x="12.000000" y="27.000000" width="1547.000000" height="333.000000" mask="url(#border-mask-beats)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-beats)" points="12,27 27,12 1574,12 1574,345 1559,360 1559,27" fill="#5AA4DC" class=" fill-B3" style="stroke-width:2;" /><path d="M12,27 L27,12 L1574,12 L1574,345 L1559,360 L12,360 L12,27 L1559,27 L1559,360 M1559,27 L1574,12" stroke="#000410" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="785.500000" y="60.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">BEATS</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24="><g class="shape" ><rect x="54.000000" y="69.000000" width="1462.000000" height="248.000000" stroke="#000410" fill="#F5F6F9" class=" stroke-B1 fill-B5" style="stroke-width:0;" /><rect x="54.000000" y="69.000000" width="1462.000000" height="248.000000" class="dots-overlay" style="stroke-width:0;" /></g><text x="785.000000" y="98.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">BEATS IS A FAMILY OF &#34;DATA SHIPPERS,&#34; DISTINCT SERVICES THAT SEND A SINGLE TYPE OF DATA FROM MACHINES</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24uSW1hZ2U="><g class="shape" ><image href="https://www.pngkey.com/png/full/75-752805_elastic-beats-logo-png-transparent-design.png" x="721.000000" y="129.000000" width="128.000000" height="128.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g></g><mask id="d2-4239057840" maskUnits="userSpaceOnUse" x="11" y="10" width="1565" height="351">
<path d="M12,27L27,12L1574,12L1574,345L1559,360L12,360L12,27L1559,27L1559,360M1559,27L1574,12" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12.000000" y="27.000000" width="1547.000000" height="333.000000" mask="url(#border-mask-d2-4239057840-beats)" stroke="none" fill="#E7E9EE" class=" fill-B4" style="stroke-width:2;" /><rect x="12.000000" y="27.000000" width="1547.000000" height="333.000000" mask="url(#border-mask-d2-4239057840-beats)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-4239057840-beats)" points="12,27 27,12 1574,12 1574,345 1559,360 1559,27" fill="#5AA4DC" class=" fill-B3" style="stroke-width:2;" /><path d="M12,27 L27,12 L1574,12 L1574,345 L1559,360 L12,360 L12,27 L1559,27 L1559,360 M1559,27 L1574,12" stroke="#000410" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="785.500000" y="60.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">BEATS</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24="><g class="shape" ><rect x="54.000000" y="69.000000" width="1462.000000" height="248.000000" stroke="#000410" fill="#F5F6F9" class=" stroke-B1 fill-B5" style="stroke-width:0;" /><rect x="54.000000" y="69.000000" width="1462.000000" height="248.000000" class="dots-overlay" style="stroke-width:0;" /></g><text x="785.000000" y="98.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">BEATS IS A FAMILY OF &#34;DATA SHIPPERS,&#34; DISTINCT SERVICES THAT SEND A SINGLE TYPE OF DATA FROM MACHINES</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24uSW1hZ2U="><g class="shape" ><image href="https://www.pngkey.com/png/full/75-752805_elastic-beats-logo-png-transparent-design.png" x="721.000000" y="129.000000" width="128.000000" height="128.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g></g><mask id="d2-4239057840" maskUnits="userSpaceOnUse" x="11" y="10" width="1565" height="351">
<rect x="11" y="10" width="1565" height="351" fill="white"></rect>
<rect x="744.500000" y="32.000000" width="82" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="59.000000" y="74.000000" width="1452" height="31" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

4
e2etests/testdata/txtar/md-tables/dagre/sketch.exp.svg vendored
View file

@ -932,9 +932,9 @@
</tr>
</tbody>
</table>
</div></foreignObject></g></g><g class="ZmluYW5jaWFs"><g class="shape" ><rect x="562.000000" y="20.000000" width="389.000000" height="444.000000" stroke="#0D32B2" fill="#e8f4f8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="756.500000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Financial Overview</text></g><g class="bW9uaXRvcmluZw=="><g class="shape" ><defs><mask id="border-mask-monitoring" maskUnits="userSpaceOnUse" x="548" y="703" width="432" height="588">
</div></foreignObject></g></g><g class="ZmluYW5jaWFs"><g class="shape" ><rect x="562.000000" y="20.000000" width="389.000000" height="444.000000" stroke="#0D32B2" fill="#e8f4f8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="756.500000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Financial Overview</text></g><g class="bW9uaXRvcmluZw=="><g class="shape" ><defs><mask id="border-mask-d2-2852725746-monitoring" maskUnits="userSpaceOnUse" x="548" y="703" width="432" height="588">
<rect x="548" y="703" width="432" height="588" fill="white"></rect>
<path d="M548,718L563,703L980,703L980,1276L965,1291L548,1291L548,718L965,718L965,1291M965,718L980,703" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="548.000000" y="718.000000" width="417.000000" height="573.000000" mask="url(#border-mask-monitoring)" stroke="none" fill="#f8e8e8" style="stroke-width:2;" /><polygon mask="url(#border-mask-monitoring)" points="548,718 563,703 980,703 980,1276 965,1291 965,718" fill="#ecc1c1" style="stroke-width:2;" /><path d="M548,718 L563,703 L980,703 L980,1276 L965,1291 L548,1291 L548,718 L965,718 L965,1291 M965,718 L980,703" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="764.000000" y="690.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">System Health</text></g><g class="cHJvamVjdHM="><g class="shape" ><rect x="10.000000" y="1452.000000" width="1008.000000" height="210.000000" stroke="#4a90e2" fill="#e8f8e8" style="stroke-width:2;" /><rect x="15.000000" y="1457.000000" width="998.000000" height="200.000000" stroke="#4a90e2" fill="transparent" style="stroke-width:2;" /></g><text x="514.000000" y="1439.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Project Tracking</text></g><g class="dGVhbQ=="><g class="shape" ><rect x="551.000000" y="1823.000000" width="411.000000" height="247.000000" stroke="#0D32B2" fill="#f8f0e8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="756.500000" y="1810.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Team Analytics</text></g><g class="ZmluYW5jaWFsLm1vbnRobHk="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="592.000000" y="50.000000" width="329" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
<path d="M548,718L563,703L980,703L980,1276L965,1291L548,1291L548,718L965,718L965,1291M965,718L980,703" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="548.000000" y="718.000000" width="417.000000" height="573.000000" mask="url(#border-mask-d2-2852725746-monitoring)" stroke="none" fill="#f8e8e8" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-2852725746-monitoring)" points="548,718 563,703 980,703 980,1276 965,1291 965,718" fill="#ecc1c1" style="stroke-width:2;" /><path d="M548,718 L563,703 L980,703 L980,1276 L965,1291 L548,1291 L548,718 L965,718 L965,1291 M965,718 L980,703" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="764.000000" y="690.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">System Health</text></g><g class="cHJvamVjdHM="><g class="shape" ><rect x="10.000000" y="1452.000000" width="1008.000000" height="210.000000" stroke="#4a90e2" fill="#e8f8e8" style="stroke-width:2;" /><rect x="15.000000" y="1457.000000" width="998.000000" height="200.000000" stroke="#4a90e2" fill="transparent" style="stroke-width:2;" /></g><text x="514.000000" y="1439.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Project Tracking</text></g><g class="dGVhbQ=="><g class="shape" ><rect x="551.000000" y="1823.000000" width="411.000000" height="247.000000" stroke="#0D32B2" fill="#f8f0e8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="756.500000" y="1810.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Team Analytics</text></g><g class="ZmluYW5jaWFsLm1vbnRobHk="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="592.000000" y="50.000000" width="329" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
<thead>
<tr>
<th>Month</th>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 59 KiB

4
e2etests/testdata/txtar/md-tables/elk/sketch.exp.svg vendored
View file

@ -932,9 +932,9 @@
</tr>
</tbody>
</table>
</div></foreignObject></g></g><g class="ZmluYW5jaWFs"><g class="shape" ><rect x="579.000000" y="12.000000" width="429.000000" height="524.000000" stroke="#0D32B2" fill="#e8f4f8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="793.500000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Financial Overview</text></g><g class="bW9uaXRvcmluZw=="><g class="shape" ><defs><mask id="border-mask-monitoring" maskUnits="userSpaceOnUse" x="565" y="697" width="457" height="561">
</div></foreignObject></g></g><g class="ZmluYW5jaWFs"><g class="shape" ><rect x="579.000000" y="12.000000" width="429.000000" height="524.000000" stroke="#0D32B2" fill="#e8f4f8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="793.500000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Financial Overview</text></g><g class="bW9uaXRvcmluZw=="><g class="shape" ><defs><mask id="border-mask-d2-4057630444-monitoring" maskUnits="userSpaceOnUse" x="565" y="697" width="457" height="561">
<rect x="565" y="697" width="457" height="561" fill="white"></rect>
<path d="M565,712L580,697L1022,697L1022,1243L1007,1258L565,1258L565,712L1007,712L1007,1258M1007,712L1022,697" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="565.000000" y="712.000000" width="442.000000" height="546.000000" mask="url(#border-mask-monitoring)" stroke="none" fill="#f8e8e8" style="stroke-width:2;" /><polygon mask="url(#border-mask-monitoring)" points="565,712 580,697 1022,697 1022,1243 1007,1258 1007,712" fill="#ecc1c1" style="stroke-width:2;" /><path d="M565,712 L580,697 L1022,697 L1022,1243 L1007,1258 L565,1258 L565,712 L1007,712 L1007,1258 M1007,712 L1022,697" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="786.000000" y="745.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">System Health</text></g><g class="cHJvamVjdHM="><g class="shape" ><rect x="290.000000" y="1461.000000" width="1008.000000" height="250.000000" stroke="#4a90e2" fill="#e8f8e8" style="stroke-width:2;" /><rect x="295.000000" y="1466.000000" width="998.000000" height="240.000000" stroke="#4a90e2" fill="transparent" style="stroke-width:2;" /></g><text x="794.000000" y="1494.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Project Tracking</text></g><g class="dGVhbQ=="><g class="shape" ><rect x="568.000000" y="1915.000000" width="451.000000" height="287.000000" stroke="#0D32B2" fill="#f8f0e8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="793.500000" y="1948.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Team Analytics</text></g><g class="ZmluYW5jaWFsLm1vbnRobHk="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="629.000000" y="62.000000" width="329" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
<path d="M565,712L580,697L1022,697L1022,1243L1007,1258L565,1258L565,712L1007,712L1007,1258M1007,712L1022,697" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="565.000000" y="712.000000" width="442.000000" height="546.000000" mask="url(#border-mask-d2-4057630444-monitoring)" stroke="none" fill="#f8e8e8" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-4057630444-monitoring)" points="565,712 580,697 1022,697 1022,1243 1007,1258 1007,712" fill="#ecc1c1" style="stroke-width:2;" /><path d="M565,712 L580,697 L1022,697 L1022,1243 L1007,1258 L565,1258 L565,712 L1007,712 L1007,1258 M1007,712 L1022,697" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="786.000000" y="745.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">System Health</text></g><g class="cHJvamVjdHM="><g class="shape" ><rect x="290.000000" y="1461.000000" width="1008.000000" height="250.000000" stroke="#4a90e2" fill="#e8f8e8" style="stroke-width:2;" /><rect x="295.000000" y="1466.000000" width="998.000000" height="240.000000" stroke="#4a90e2" fill="transparent" style="stroke-width:2;" /></g><text x="794.000000" y="1494.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Project Tracking</text></g><g class="dGVhbQ=="><g class="shape" ><rect x="568.000000" y="1915.000000" width="451.000000" height="287.000000" stroke="#0D32B2" fill="#f8f0e8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="793.500000" y="1948.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Team Analytics</text></g><g class="ZmluYW5jaWFsLm1vbnRobHk="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="629.000000" y="62.000000" width="329" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
<thead>
<tr>
<th>Month</th>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 59 KiB