alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity
Files
0d99b0ccd1c8850ff0e0e7d51f43629c2f5ce67d
textual/tests/snapshot_tests/__snapshots__/test_snapshots.ambr
Will McGugan 0d99b0ccd1 Merge pull request #1067 from Textualize/fr-unit 
Fr unit
2022-10-31 13:37:00 +00:00

6324 lines
841 KiB
Plaintext
Raw Blame History

# name: test_buttons_render
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-1900837103-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1900837103-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1900837103-r1 { fill: #e1e1e1 }
.terminal-1900837103-r2 { fill: #c5c8c6 }
.terminal-1900837103-r3 { fill: #e1e1e1;font-weight: bold }
.terminal-1900837103-r4 { fill: #454a50 }
.terminal-1900837103-r5 { fill: #292b2e }
.terminal-1900837103-r6 { fill: #24292f;font-weight: bold }
.terminal-1900837103-r7 { fill: #555657;font-weight: bold }
.terminal-1900837103-r8 { fill: #000000 }
.terminal-1900837103-r9 { fill: #161617 }
.terminal-1900837103-r10 { fill: #507bb3 }
.terminal-1900837103-r11 { fill: #283c52 }
.terminal-1900837103-r12 { fill: #dde6ed;font-weight: bold }
.terminal-1900837103-r13 { fill: #4f5a62;font-weight: bold }
.terminal-1900837103-r14 { fill: #001541 }
.terminal-1900837103-r15 { fill: #122032 }
.terminal-1900837103-r16 { fill: #7ae998 }
.terminal-1900837103-r17 { fill: #3d6a4a }
.terminal-1900837103-r18 { fill: #0a180e;font-weight: bold }
.terminal-1900837103-r19 { fill: #1e2f23;font-weight: bold }
.terminal-1900837103-r20 { fill: #008139 }
.terminal-1900837103-r21 { fill: #1b4c2f }
.terminal-1900837103-r22 { fill: #ffcf56 }
.terminal-1900837103-r23 { fill: #775f2f }
.terminal-1900837103-r24 { fill: #211505;font-weight: bold }
.terminal-1900837103-r25 { fill: #392b18;font-weight: bold }
.terminal-1900837103-r26 { fill: #b86b00 }
.terminal-1900837103-r27 { fill: #644316 }
.terminal-1900837103-r28 { fill: #e76580 }
.terminal-1900837103-r29 { fill: #683540 }
.terminal-1900837103-r30 { fill: #f5e5e9;font-weight: bold }
.terminal-1900837103-r31 { fill: #6c595e;font-weight: bold }
.terminal-1900837103-r32 { fill: #780028 }
.terminal-1900837103-r33 { fill: #491928 }
</style>
<defs>
<clipPath id="terminal-1900837103-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1900837103-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1900837103-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1900837103-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ButtonsApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-1900837103-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="1.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="25.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="25.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="25.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="50.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="50.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="74.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="74.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#202224" x="317.2" y="74.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="74.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="74.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="99.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#e2e3e3" x="61" y="99.1" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="99.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#202224" x="317.2" y="99.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#202224" x="353.8" y="99.1" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#202224" x="463.6" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="99.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="99.1" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="123.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#202224" x="317.2" y="123.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="123.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="147.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="147.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="24.4" y="172.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="172.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#122d42" x="317.2" y="172.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="172.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="172.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="24.4" y="196.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="61" y="196.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="183" y="196.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="196.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#122d42" x="317.2" y="196.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#122d42" x="353.8" y="196.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#122d42" x="475.8" y="196.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="196.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="196.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="24.4" y="221.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="221.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#122d42" x="317.2" y="221.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="221.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="221.1" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="245.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="245.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="24.4" y="269.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#315e3f" x="317.2" y="269.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="24.4" y="294.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="61" y="294.3" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="183" y="294.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="294.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#315e3f" x="317.2" y="294.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#315e3f" x="353.8" y="294.3" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#315e3f" x="475.8" y="294.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="294.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="294.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="24.4" y="318.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="318.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#315e3f" x="317.2" y="318.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="318.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="318.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="343.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="343.1" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="24.4" y="367.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#775423" x="317.2" y="367.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="367.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="24.4" y="391.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="61" y="391.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="183" y="391.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="391.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#775423" x="317.2" y="391.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#775423" x="353.8" y="391.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#775423" x="475.8" y="391.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="391.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="391.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="24.4" y="416.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="416.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#775423" x="317.2" y="416.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="416.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="416.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="440.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="440.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b93c5b" x="24.4" y="465.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="465.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#5c2a36" x="317.2" y="465.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="465.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="465.1" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b93c5b" x="24.4" y="489.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#b93c5b" x="73.2" y="489.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#b93c5b" x="170.8" y="489.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#5c2a36" x="317.2" y="489.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#5c2a36" x="366" y="489.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#5c2a36" x="463.6" y="489.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="489.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b93c5b" x="24.4" y="513.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="219.6" y="513.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#5c2a36" x="317.2" y="513.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="513.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="513.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="538.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="538.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="562.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="562.7" width="390.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1900837103-matrix">
<text class="terminal-1900837103-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1900837103-line-0)">
</text><text class="terminal-1900837103-r3" x="24.4" y="44.4" textLength="195.2" clip-path="url(#terminal-1900837103-line-1)">Standard&#160;Buttons</text><text class="terminal-1900837103-r3" x="317.2" y="44.4" textLength="195.2" clip-path="url(#terminal-1900837103-line-1)">Disabled&#160;Buttons</text><text class="terminal-1900837103-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1900837103-line-1)">
</text><text class="terminal-1900837103-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1900837103-line-2)">
</text><text class="terminal-1900837103-r4" x="24.4" y="93.2" textLength="195.2" clip-path="url(#terminal-1900837103-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1900837103-r5" x="317.2" y="93.2" textLength="195.2" clip-path="url(#terminal-1900837103-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1900837103-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1900837103-line-3)">
</text><text class="terminal-1900837103-r6" x="61" y="117.6" textLength="109.8" clip-path="url(#terminal-1900837103-line-4)">&#160;Default&#160;</text><text class="terminal-1900837103-r7" x="353.8" y="117.6" textLength="109.8" clip-path="url(#terminal-1900837103-line-4)">&#160;Default&#160;</text><text class="terminal-1900837103-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1900837103-line-4)">
</text><text class="terminal-1900837103-r8" x="24.4" y="142" textLength="195.2" clip-path="url(#terminal-1900837103-line-5)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1900837103-r9" x="317.2" y="142" textLength="195.2" clip-path="url(#terminal-1900837103-line-5)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1900837103-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1900837103-line-5)">
</text><text class="terminal-1900837103-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1900837103-line-6)">
</text><text class="terminal-1900837103-r10" x="24.4" y="190.8" textLength="195.2" clip-path="url(#terminal-1900837103-line-7)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1900837103-r11" x="317.2" y="190.8" textLength="195.2" clip-path="url(#terminal-1900837103-line-7)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1900837103-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1900837103-line-7)">
</text><text class="terminal-1900837103-r12" x="61" y="215.2" textLength="122" clip-path="url(#terminal-1900837103-line-8)">&#160;Primary!&#160;</text><text class="terminal-1900837103-r13" x="353.8" y="215.2" textLength="122" clip-path="url(#terminal-1900837103-line-8)">&#160;Primary!&#160;</text><text class="terminal-1900837103-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1900837103-line-8)">
</text><text class="terminal-1900837103-r14" x="24.4" y="239.6" textLength="195.2" clip-path="url(#terminal-1900837103-line-9)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1900837103-r15" x="317.2" y="239.6" textLength="195.2" clip-path="url(#terminal-1900837103-line-9)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1900837103-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1900837103-line-9)">
</text><text class="terminal-1900837103-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1900837103-line-10)">
</text><text class="terminal-1900837103-r16" x="24.4" y="288.4" textLength="195.2" clip-path="url(#terminal-1900837103-line-11)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1900837103-r17" x="317.2" y="288.4" textLength="195.2" clip-path="url(#terminal-1900837103-line-11)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1900837103-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1900837103-line-11)">
</text><text class="terminal-1900837103-r18" x="61" y="312.8" textLength="122" clip-path="url(#terminal-1900837103-line-12)">&#160;Success!&#160;</text><text class="terminal-1900837103-r19" x="353.8" y="312.8" textLength="122" clip-path="url(#terminal-1900837103-line-12)">&#160;Success!&#160;</text><text class="terminal-1900837103-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1900837103-line-12)">
</text><text class="terminal-1900837103-r20" x="24.4" y="337.2" textLength="195.2" clip-path="url(#terminal-1900837103-line-13)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1900837103-r21" x="317.2" y="337.2" textLength="195.2" clip-path="url(#terminal-1900837103-line-13)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1900837103-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1900837103-line-13)">
</text><text class="terminal-1900837103-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1900837103-line-14)">
</text><text class="terminal-1900837103-r22" x="24.4" y="386" textLength="195.2" clip-path="url(#terminal-1900837103-line-15)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1900837103-r23" x="317.2" y="386" textLength="195.2" clip-path="url(#terminal-1900837103-line-15)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1900837103-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1900837103-line-15)">
</text><text class="terminal-1900837103-r24" x="61" y="410.4" textLength="122" clip-path="url(#terminal-1900837103-line-16)">&#160;Warning!&#160;</text><text class="terminal-1900837103-r25" x="353.8" y="410.4" textLength="122" clip-path="url(#terminal-1900837103-line-16)">&#160;Warning!&#160;</text><text class="terminal-1900837103-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1900837103-line-16)">
</text><text class="terminal-1900837103-r26" x="24.4" y="434.8" textLength="195.2" clip-path="url(#terminal-1900837103-line-17)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1900837103-r27" x="317.2" y="434.8" textLength="195.2" clip-path="url(#terminal-1900837103-line-17)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1900837103-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1900837103-line-17)">
</text><text class="terminal-1900837103-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1900837103-line-18)">
</text><text class="terminal-1900837103-r28" x="24.4" y="483.6" textLength="195.2" clip-path="url(#terminal-1900837103-line-19)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1900837103-r29" x="317.2" y="483.6" textLength="195.2" clip-path="url(#terminal-1900837103-line-19)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1900837103-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1900837103-line-19)">
</text><text class="terminal-1900837103-r30" x="73.2" y="508" textLength="97.6" clip-path="url(#terminal-1900837103-line-20)">&#160;Error!&#160;</text><text class="terminal-1900837103-r31" x="366" y="508" textLength="97.6" clip-path="url(#terminal-1900837103-line-20)">&#160;Error!&#160;</text><text class="terminal-1900837103-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1900837103-line-20)">
</text><text class="terminal-1900837103-r32" x="24.4" y="532.4" textLength="195.2" clip-path="url(#terminal-1900837103-line-21)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1900837103-r33" x="317.2" y="532.4" textLength="195.2" clip-path="url(#terminal-1900837103-line-21)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1900837103-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1900837103-line-21)">
</text><text class="terminal-1900837103-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1900837103-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_checkboxes
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-1548740802-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1548740802-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1548740802-r1 { fill: #e1e1e1 }
.terminal-1548740802-r2 { fill: #c5c8c6 }
.terminal-1548740802-r3 { fill: #e1e1e1;font-weight: bold }
.terminal-1548740802-r4 { fill: #1e1e1e }
.terminal-1548740802-r5 { fill: #0178d4 }
.terminal-1548740802-r6 { fill: #e2e3e3 }
.terminal-1548740802-r7 { fill: #e3e8e8 }
</style>
<defs>
<clipPath id="terminal-1548740802-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1548740802-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1548740802-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1548740802-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CheckboxApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-1548740802-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="99.1" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="99.1" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="99.1" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="123.5" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="123.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="147.9" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="147.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="172.3" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="475.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="488" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="172.3" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="196.7" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="196.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="475.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="488" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="512.4" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="536.8" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="561.2" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="196.7" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="221.1" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="475.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="488" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="221.1" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="245.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="488" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="245.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="269.9" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="269.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="488" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#454a50" x="512.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="536.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="561.2" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="294.3" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="488" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="294.3" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="318.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="488" y="318.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="318.7" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="343.1" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="343.1" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="488" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#454a50" x="512.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="536.8" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="561.2" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="343.1" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="367.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="488" y="367.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="367.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="391.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2f4f4f" x="488" y="391.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="391.9" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="416.3" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="416.3" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2f4f4f" x="488" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="512.4" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#483d8b" x="536.8" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2f4f4f" x="561.2" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="416.3" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="440.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2f4f4f" x="488" y="440.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="440.7" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1548740802-matrix">
<text class="terminal-1548740802-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1548740802-line-0)">
</text><text class="terminal-1548740802-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1548740802-line-1)">
</text><text class="terminal-1548740802-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1548740802-line-2)">
</text><text class="terminal-1548740802-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1548740802-line-3)">
</text><text class="terminal-1548740802-r3" x="366" y="117.6" textLength="219.6" clip-path="url(#terminal-1548740802-line-4)">Example&#160;checkboxes</text><text class="terminal-1548740802-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1548740802-line-4)">
</text><text class="terminal-1548740802-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1548740802-line-5)">
</text><text class="terminal-1548740802-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1548740802-line-6)">
</text><text class="terminal-1548740802-r4" x="475.8" y="190.8" textLength="12.2" clip-path="url(#terminal-1548740802-line-7)">▊</text><text class="terminal-1548740802-r5" x="488" y="190.8" textLength="97.6" clip-path="url(#terminal-1548740802-line-7)">▔▔▔▔▔▔▔▔</text><text class="terminal-1548740802-r5" x="585.6" y="190.8" textLength="12.2" clip-path="url(#terminal-1548740802-line-7)">▎</text><text class="terminal-1548740802-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1548740802-line-7)">
</text><text class="terminal-1548740802-r1" x="366" y="215.2" textLength="109.8" clip-path="url(#terminal-1548740802-line-8)">off:&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1548740802-r4" x="475.8" y="215.2" textLength="12.2" clip-path="url(#terminal-1548740802-line-8)">▊</text><text class="terminal-1548740802-r5" x="585.6" y="215.2" textLength="12.2" clip-path="url(#terminal-1548740802-line-8)">▎</text><text class="terminal-1548740802-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1548740802-line-8)">
</text><text class="terminal-1548740802-r4" x="475.8" y="239.6" textLength="12.2" clip-path="url(#terminal-1548740802-line-9)">▊</text><text class="terminal-1548740802-r5" x="488" y="239.6" textLength="97.6" clip-path="url(#terminal-1548740802-line-9)">▁▁▁▁▁▁▁▁</text><text class="terminal-1548740802-r5" x="585.6" y="239.6" textLength="12.2" clip-path="url(#terminal-1548740802-line-9)">▎</text><text class="terminal-1548740802-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1548740802-line-9)">
</text><text class="terminal-1548740802-r4" x="475.8" y="264" textLength="12.2" clip-path="url(#terminal-1548740802-line-10)">▊</text><text class="terminal-1548740802-r4" x="488" y="264" textLength="97.6" clip-path="url(#terminal-1548740802-line-10)">▔▔▔▔▔▔▔▔</text><text class="terminal-1548740802-r4" x="585.6" y="264" textLength="12.2" clip-path="url(#terminal-1548740802-line-10)">▎</text><text class="terminal-1548740802-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1548740802-line-10)">
</text><text class="terminal-1548740802-r1" x="366" y="288.4" textLength="109.8" clip-path="url(#terminal-1548740802-line-11)">on:&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1548740802-r4" x="475.8" y="288.4" textLength="12.2" clip-path="url(#terminal-1548740802-line-11)">▊</text><text class="terminal-1548740802-r4" x="585.6" y="288.4" textLength="12.2" clip-path="url(#terminal-1548740802-line-11)">▎</text><text class="terminal-1548740802-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1548740802-line-11)">
</text><text class="terminal-1548740802-r4" x="475.8" y="312.8" textLength="12.2" clip-path="url(#terminal-1548740802-line-12)">▊</text><text class="terminal-1548740802-r4" x="488" y="312.8" textLength="97.6" clip-path="url(#terminal-1548740802-line-12)">▁▁▁▁▁▁▁▁</text><text class="terminal-1548740802-r4" x="585.6" y="312.8" textLength="12.2" clip-path="url(#terminal-1548740802-line-12)">▎</text><text class="terminal-1548740802-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1548740802-line-12)">
</text><text class="terminal-1548740802-r4" x="475.8" y="337.2" textLength="12.2" clip-path="url(#terminal-1548740802-line-13)">▊</text><text class="terminal-1548740802-r4" x="488" y="337.2" textLength="97.6" clip-path="url(#terminal-1548740802-line-13)">▔▔▔▔▔▔▔▔</text><text class="terminal-1548740802-r4" x="585.6" y="337.2" textLength="12.2" clip-path="url(#terminal-1548740802-line-13)">▎</text><text class="terminal-1548740802-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1548740802-line-13)">
</text><text class="terminal-1548740802-r1" x="366" y="361.6" textLength="109.8" clip-path="url(#terminal-1548740802-line-14)">focused:&#160;</text><text class="terminal-1548740802-r4" x="475.8" y="361.6" textLength="12.2" clip-path="url(#terminal-1548740802-line-14)">▊</text><text class="terminal-1548740802-r4" x="585.6" y="361.6" textLength="12.2" clip-path="url(#terminal-1548740802-line-14)">▎</text><text class="terminal-1548740802-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1548740802-line-14)">
</text><text class="terminal-1548740802-r4" x="475.8" y="386" textLength="12.2" clip-path="url(#terminal-1548740802-line-15)">▊</text><text class="terminal-1548740802-r4" x="488" y="386" textLength="97.6" clip-path="url(#terminal-1548740802-line-15)">▁▁▁▁▁▁▁▁</text><text class="terminal-1548740802-r4" x="585.6" y="386" textLength="12.2" clip-path="url(#terminal-1548740802-line-15)">▎</text><text class="terminal-1548740802-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1548740802-line-15)">
</text><text class="terminal-1548740802-r4" x="475.8" y="410.4" textLength="12.2" clip-path="url(#terminal-1548740802-line-16)">▊</text><text class="terminal-1548740802-r4" x="488" y="410.4" textLength="97.6" clip-path="url(#terminal-1548740802-line-16)">▔▔▔▔▔▔▔▔</text><text class="terminal-1548740802-r4" x="585.6" y="410.4" textLength="12.2" clip-path="url(#terminal-1548740802-line-16)">▎</text><text class="terminal-1548740802-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1548740802-line-16)">
</text><text class="terminal-1548740802-r1" x="366" y="434.8" textLength="109.8" clip-path="url(#terminal-1548740802-line-17)">custom:&#160;&#160;</text><text class="terminal-1548740802-r4" x="475.8" y="434.8" textLength="12.2" clip-path="url(#terminal-1548740802-line-17)">▊</text><text class="terminal-1548740802-r4" x="585.6" y="434.8" textLength="12.2" clip-path="url(#terminal-1548740802-line-17)">▎</text><text class="terminal-1548740802-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1548740802-line-17)">
</text><text class="terminal-1548740802-r4" x="475.8" y="459.2" textLength="12.2" clip-path="url(#terminal-1548740802-line-18)">▊</text><text class="terminal-1548740802-r4" x="488" y="459.2" textLength="97.6" clip-path="url(#terminal-1548740802-line-18)">▁▁▁▁▁▁▁▁</text><text class="terminal-1548740802-r4" x="585.6" y="459.2" textLength="12.2" clip-path="url(#terminal-1548740802-line-18)">▎</text><text class="terminal-1548740802-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1548740802-line-18)">
</text><text class="terminal-1548740802-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1548740802-line-19)">
</text><text class="terminal-1548740802-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1548740802-line-20)">
</text><text class="terminal-1548740802-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1548740802-line-21)">
</text><text class="terminal-1548740802-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1548740802-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/align.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-4107518032-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-4107518032-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-4107518032-r1 { fill: #e1e1e1 }
.terminal-4107518032-r2 { fill: #c5c8c6 }
.terminal-4107518032-r3 { fill: #ffffff }
.terminal-4107518032-r4 { fill: #e5f2e5 }
.terminal-4107518032-r5 { fill: #e5f2e5;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-4107518032-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-4107518032-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4107518032-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4107518032-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">AlignApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-4107518032-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="244" y="147.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="147.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="244" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="256.2" y="172.3" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="719.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="172.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="244" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="256.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="268.4" y="196.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="561.2" y="196.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="646.6" y="196.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="719.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="196.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="244" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="256.2" y="221.1" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="719.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="221.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="244" y="245.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="245.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="244" y="294.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="294.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="244" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="256.2" y="318.7" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="719.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="318.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="244" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="256.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="268.4" y="343.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="512.4" y="343.1" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="719.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="343.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="244" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="256.2" y="367.5" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="719.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="367.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="244" y="391.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="391.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4107518032-matrix">
<text class="terminal-4107518032-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4107518032-line-0)">
</text><text class="terminal-4107518032-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4107518032-line-1)">
</text><text class="terminal-4107518032-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4107518032-line-2)">
</text><text class="terminal-4107518032-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4107518032-line-3)">
</text><text class="terminal-4107518032-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4107518032-line-4)">
</text><text class="terminal-4107518032-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4107518032-line-5)">
</text><text class="terminal-4107518032-r3" x="244" y="166.4" textLength="488" clip-path="url(#terminal-4107518032-line-6)">┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓</text><text class="terminal-4107518032-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4107518032-line-6)">
</text><text class="terminal-4107518032-r3" x="244" y="190.8" textLength="12.2" clip-path="url(#terminal-4107518032-line-7)">┃</text><text class="terminal-4107518032-r3" x="719.8" y="190.8" textLength="12.2" clip-path="url(#terminal-4107518032-line-7)">┃</text><text class="terminal-4107518032-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4107518032-line-7)">
</text><text class="terminal-4107518032-r3" x="244" y="215.2" textLength="12.2" clip-path="url(#terminal-4107518032-line-8)">┃</text><text class="terminal-4107518032-r4" x="268.4" y="215.2" textLength="292.8" clip-path="url(#terminal-4107518032-line-8)">Vertical&#160;alignment&#160;with&#160;</text><text class="terminal-4107518032-r5" x="561.2" y="215.2" textLength="85.4" clip-path="url(#terminal-4107518032-line-8)">Textual</text><text class="terminal-4107518032-r3" x="719.8" y="215.2" textLength="12.2" clip-path="url(#terminal-4107518032-line-8)">┃</text><text class="terminal-4107518032-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4107518032-line-8)">
</text><text class="terminal-4107518032-r3" x="244" y="239.6" textLength="12.2" clip-path="url(#terminal-4107518032-line-9)">┃</text><text class="terminal-4107518032-r3" x="719.8" y="239.6" textLength="12.2" clip-path="url(#terminal-4107518032-line-9)">┃</text><text class="terminal-4107518032-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4107518032-line-9)">
</text><text class="terminal-4107518032-r3" x="244" y="264" textLength="488" clip-path="url(#terminal-4107518032-line-10)">┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛</text><text class="terminal-4107518032-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4107518032-line-10)">
</text><text class="terminal-4107518032-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4107518032-line-11)">
</text><text class="terminal-4107518032-r3" x="244" y="312.8" textLength="488" clip-path="url(#terminal-4107518032-line-12)">┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓</text><text class="terminal-4107518032-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4107518032-line-12)">
</text><text class="terminal-4107518032-r3" x="244" y="337.2" textLength="12.2" clip-path="url(#terminal-4107518032-line-13)">┃</text><text class="terminal-4107518032-r3" x="719.8" y="337.2" textLength="12.2" clip-path="url(#terminal-4107518032-line-13)">┃</text><text class="terminal-4107518032-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4107518032-line-13)">
</text><text class="terminal-4107518032-r3" x="244" y="361.6" textLength="12.2" clip-path="url(#terminal-4107518032-line-14)">┃</text><text class="terminal-4107518032-r4" x="268.4" y="361.6" textLength="244" clip-path="url(#terminal-4107518032-line-14)">Take&#160;note,&#160;browsers.</text><text class="terminal-4107518032-r3" x="719.8" y="361.6" textLength="12.2" clip-path="url(#terminal-4107518032-line-14)">┃</text><text class="terminal-4107518032-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4107518032-line-14)">
</text><text class="terminal-4107518032-r3" x="244" y="386" textLength="12.2" clip-path="url(#terminal-4107518032-line-15)">┃</text><text class="terminal-4107518032-r3" x="719.8" y="386" textLength="12.2" clip-path="url(#terminal-4107518032-line-15)">┃</text><text class="terminal-4107518032-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4107518032-line-15)">
</text><text class="terminal-4107518032-r3" x="244" y="410.4" textLength="488" clip-path="url(#terminal-4107518032-line-16)">┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛</text><text class="terminal-4107518032-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4107518032-line-16)">
</text><text class="terminal-4107518032-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4107518032-line-17)">
</text><text class="terminal-4107518032-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4107518032-line-18)">
</text><text class="terminal-4107518032-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4107518032-line-19)">
</text><text class="terminal-4107518032-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4107518032-line-20)">
</text><text class="terminal-4107518032-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4107518032-line-21)">
</text><text class="terminal-4107518032-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4107518032-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/background.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-470351640-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-470351640-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-470351640-r1 { fill: #c5c8c6 }
.terminal-470351640-r2 { fill: #ffffff }
</style>
<defs>
<clipPath id="terminal-470351640-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-470351640-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-470351640-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-470351640-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">BackgroundApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-470351640-clip-terminal)">
<rect fill="#ff0000" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="74.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="439.2" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="536.8" y="74.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00ff00" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00ff00" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00ff00" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00ff00" x="0" y="269.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#00ff00" x="439.2" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#00ff00" x="536.8" y="269.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#00ff00" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00ff00" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00ff00" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00ff00" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="465.1" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="439.2" y="465.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="536.8" y="465.1" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-470351640-matrix">
<text class="terminal-470351640-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-470351640-line-0)">
</text><text class="terminal-470351640-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-470351640-line-1)">
</text><text class="terminal-470351640-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-470351640-line-2)">
</text><text class="terminal-470351640-r2" x="439.2" y="93.2" textLength="97.6" clip-path="url(#terminal-470351640-line-3)">Widget&#160;1</text><text class="terminal-470351640-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-470351640-line-3)">
</text><text class="terminal-470351640-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-470351640-line-4)">
</text><text class="terminal-470351640-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-470351640-line-5)">
</text><text class="terminal-470351640-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-470351640-line-6)">
</text><text class="terminal-470351640-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-470351640-line-7)">
</text><text class="terminal-470351640-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-470351640-line-8)">
</text><text class="terminal-470351640-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-470351640-line-9)">
</text><text class="terminal-470351640-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-470351640-line-10)">
</text><text class="terminal-470351640-r2" x="439.2" y="288.4" textLength="97.6" clip-path="url(#terminal-470351640-line-11)">Widget&#160;2</text><text class="terminal-470351640-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-470351640-line-11)">
</text><text class="terminal-470351640-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-470351640-line-12)">
</text><text class="terminal-470351640-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-470351640-line-13)">
</text><text class="terminal-470351640-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-470351640-line-14)">
</text><text class="terminal-470351640-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-470351640-line-15)">
</text><text class="terminal-470351640-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-470351640-line-16)">
</text><text class="terminal-470351640-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-470351640-line-17)">
</text><text class="terminal-470351640-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-470351640-line-18)">
</text><text class="terminal-470351640-r2" x="439.2" y="483.6" textLength="97.6" clip-path="url(#terminal-470351640-line-19)">Widget&#160;3</text><text class="terminal-470351640-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-470351640-line-19)">
</text><text class="terminal-470351640-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-470351640-line-20)">
</text><text class="terminal-470351640-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-470351640-line-21)">
</text><text class="terminal-470351640-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-470351640-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/border.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-3021441172-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3021441172-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3021441172-r1 { fill: #ffffff }
.terminal-3021441172-r2 { fill: #c5c8c6 }
.terminal-3021441172-r3 { fill: #ff0000 }
.terminal-3021441172-r4 { fill: #008000 }
.terminal-3021441172-r5 { fill: #0000ff }
</style>
<defs>
<clipPath id="terminal-3021441172-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3021441172-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3021441172-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3021441172-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">BorderApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-3021441172-clip-terminal)">
<rect fill="#ffffff" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="12.2" y="25.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="12.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="24.4" y="50.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="951.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="12.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="24.4" y="74.7" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="353.8" y="74.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="622.2" y="74.7" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="951.6" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="12.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="24.4" y="99.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="951.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="12.2" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="12.2" y="172.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="12.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="24.4" y="196.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="951.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="12.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="24.4" y="221.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="329.4" y="221.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="634.4" y="221.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="951.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="12.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="24.4" y="245.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="951.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="12.2" y="269.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="12.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="318.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="12.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="343.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="12.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="367.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="353.8" y="367.5" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="622.2" y="367.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="12.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="391.9" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="12.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="416.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3021441172-matrix">
<text class="terminal-3021441172-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3021441172-line-0)">
</text><text class="terminal-3021441172-r3" x="12.2" y="44.4" textLength="951.6" clip-path="url(#terminal-3021441172-line-1)">┌────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-3021441172-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3021441172-line-1)">
</text><text class="terminal-3021441172-r3" x="12.2" y="68.8" textLength="12.2" clip-path="url(#terminal-3021441172-line-2)">│</text><text class="terminal-3021441172-r3" x="951.6" y="68.8" textLength="12.2" clip-path="url(#terminal-3021441172-line-2)">│</text><text class="terminal-3021441172-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3021441172-line-2)">
</text><text class="terminal-3021441172-r3" x="12.2" y="93.2" textLength="12.2" clip-path="url(#terminal-3021441172-line-3)">│</text><text class="terminal-3021441172-r3" x="353.8" y="93.2" textLength="268.4" clip-path="url(#terminal-3021441172-line-3)">My&#160;border&#160;is&#160;solid&#160;red</text><text class="terminal-3021441172-r3" x="951.6" y="93.2" textLength="12.2" clip-path="url(#terminal-3021441172-line-3)">│</text><text class="terminal-3021441172-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3021441172-line-3)">
</text><text class="terminal-3021441172-r3" x="12.2" y="117.6" textLength="12.2" clip-path="url(#terminal-3021441172-line-4)">│</text><text class="terminal-3021441172-r3" x="951.6" y="117.6" textLength="12.2" clip-path="url(#terminal-3021441172-line-4)">│</text><text class="terminal-3021441172-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3021441172-line-4)">
</text><text class="terminal-3021441172-r3" x="12.2" y="142" textLength="951.6" clip-path="url(#terminal-3021441172-line-5)">└────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-3021441172-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3021441172-line-5)">
</text><text class="terminal-3021441172-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3021441172-line-6)">
</text><text class="terminal-3021441172-r4" x="12.2" y="190.8" textLength="951.6" clip-path="url(#terminal-3021441172-line-7)">┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓</text><text class="terminal-3021441172-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3021441172-line-7)">
</text><text class="terminal-3021441172-r4" x="12.2" y="215.2" textLength="12.2" clip-path="url(#terminal-3021441172-line-8)">╏</text><text class="terminal-3021441172-r4" x="951.6" y="215.2" textLength="12.2" clip-path="url(#terminal-3021441172-line-8)">╏</text><text class="terminal-3021441172-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3021441172-line-8)">
</text><text class="terminal-3021441172-r4" x="12.2" y="239.6" textLength="12.2" clip-path="url(#terminal-3021441172-line-9)">╏</text><text class="terminal-3021441172-r4" x="329.4" y="239.6" textLength="305" clip-path="url(#terminal-3021441172-line-9)">My&#160;border&#160;is&#160;dashed&#160;green</text><text class="terminal-3021441172-r4" x="951.6" y="239.6" textLength="12.2" clip-path="url(#terminal-3021441172-line-9)">╏</text><text class="terminal-3021441172-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3021441172-line-9)">
</text><text class="terminal-3021441172-r4" x="12.2" y="264" textLength="12.2" clip-path="url(#terminal-3021441172-line-10)">╏</text><text class="terminal-3021441172-r4" x="951.6" y="264" textLength="12.2" clip-path="url(#terminal-3021441172-line-10)">╏</text><text class="terminal-3021441172-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3021441172-line-10)">
</text><text class="terminal-3021441172-r4" x="12.2" y="288.4" textLength="951.6" clip-path="url(#terminal-3021441172-line-11)">┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛</text><text class="terminal-3021441172-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3021441172-line-11)">
</text><text class="terminal-3021441172-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3021441172-line-12)">
</text><text class="terminal-3021441172-r1" x="12.2" y="337.2" textLength="12.2" clip-path="url(#terminal-3021441172-line-13)">▊</text><text class="terminal-3021441172-r5" x="24.4" y="337.2" textLength="927.2" clip-path="url(#terminal-3021441172-line-13)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3021441172-r5" x="951.6" y="337.2" textLength="12.2" clip-path="url(#terminal-3021441172-line-13)">▎</text><text class="terminal-3021441172-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3021441172-line-13)">
</text><text class="terminal-3021441172-r1" x="12.2" y="361.6" textLength="12.2" clip-path="url(#terminal-3021441172-line-14)">▊</text><text class="terminal-3021441172-r5" x="951.6" y="361.6" textLength="12.2" clip-path="url(#terminal-3021441172-line-14)">▎</text><text class="terminal-3021441172-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3021441172-line-14)">
</text><text class="terminal-3021441172-r1" x="12.2" y="386" textLength="12.2" clip-path="url(#terminal-3021441172-line-15)">▊</text><text class="terminal-3021441172-r5" x="353.8" y="386" textLength="268.4" clip-path="url(#terminal-3021441172-line-15)">My&#160;border&#160;is&#160;tall&#160;blue</text><text class="terminal-3021441172-r5" x="951.6" y="386" textLength="12.2" clip-path="url(#terminal-3021441172-line-15)">▎</text><text class="terminal-3021441172-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3021441172-line-15)">
</text><text class="terminal-3021441172-r1" x="12.2" y="410.4" textLength="12.2" clip-path="url(#terminal-3021441172-line-16)">▊</text><text class="terminal-3021441172-r5" x="951.6" y="410.4" textLength="12.2" clip-path="url(#terminal-3021441172-line-16)">▎</text><text class="terminal-3021441172-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3021441172-line-16)">
</text><text class="terminal-3021441172-r1" x="12.2" y="434.8" textLength="12.2" clip-path="url(#terminal-3021441172-line-17)">▊</text><text class="terminal-3021441172-r5" x="24.4" y="434.8" textLength="927.2" clip-path="url(#terminal-3021441172-line-17)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3021441172-r5" x="951.6" y="434.8" textLength="12.2" clip-path="url(#terminal-3021441172-line-17)">▎</text><text class="terminal-3021441172-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3021441172-line-17)">
</text><text class="terminal-3021441172-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3021441172-line-18)">
</text><text class="terminal-3021441172-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3021441172-line-19)">
</text><text class="terminal-3021441172-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3021441172-line-20)">
</text><text class="terminal-3021441172-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3021441172-line-21)">
</text><text class="terminal-3021441172-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3021441172-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/box_sizing.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-3248705240-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3248705240-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3248705240-r1 { fill: #000000 }
.terminal-3248705240-r2 { fill: #c5c8c6 }
.terminal-3248705240-r3 { fill: #ccccff }
</style>
<defs>
<clipPath id="terminal-3248705240-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3248705240-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3248705240-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3248705240-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">BoxSizingApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-3248705240-clip-terminal)">
<rect fill="#ffffff" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="50.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="36.6" y="74.7" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="939.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="36.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="48.8" y="99.1" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="305" y="99.1" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="939.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="36.6" y="123.5" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="939.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="147.9" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="221.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="36.6" y="245.5" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="939.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="36.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="48.8" y="269.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="317.2" y="269.9" width="622.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="939.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="36.6" y="294.3" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="939.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="36.6" y="318.7" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="939.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="36.6" y="343.1" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="939.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="36.6" y="367.5" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="939.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="24.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="36.6" y="391.9" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="939.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="416.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3248705240-matrix">
<text class="terminal-3248705240-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3248705240-line-0)">
</text><text class="terminal-3248705240-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3248705240-line-1)">
</text><text class="terminal-3248705240-r1" x="24.4" y="68.8" textLength="927.2" clip-path="url(#terminal-3248705240-line-2)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3248705240-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3248705240-line-2)">
</text><text class="terminal-3248705240-r1" x="24.4" y="93.2" textLength="12.2" clip-path="url(#terminal-3248705240-line-3)">▎</text><text class="terminal-3248705240-r3" x="939.4" y="93.2" textLength="12.2" clip-path="url(#terminal-3248705240-line-3)">▋</text><text class="terminal-3248705240-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3248705240-line-3)">
</text><text class="terminal-3248705240-r1" x="24.4" y="117.6" textLength="12.2" clip-path="url(#terminal-3248705240-line-4)">▎</text><text class="terminal-3248705240-r1" x="48.8" y="117.6" textLength="256.2" clip-path="url(#terminal-3248705240-line-4)">I&#x27;m&#160;using&#160;border-box!</text><text class="terminal-3248705240-r3" x="939.4" y="117.6" textLength="12.2" clip-path="url(#terminal-3248705240-line-4)">▋</text><text class="terminal-3248705240-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3248705240-line-4)">
</text><text class="terminal-3248705240-r1" x="24.4" y="142" textLength="12.2" clip-path="url(#terminal-3248705240-line-5)">▎</text><text class="terminal-3248705240-r3" x="939.4" y="142" textLength="12.2" clip-path="url(#terminal-3248705240-line-5)">▋</text><text class="terminal-3248705240-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3248705240-line-5)">
</text><text class="terminal-3248705240-r1" x="24.4" y="166.4" textLength="927.2" clip-path="url(#terminal-3248705240-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3248705240-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3248705240-line-6)">
</text><text class="terminal-3248705240-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3248705240-line-7)">
</text><text class="terminal-3248705240-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3248705240-line-8)">
</text><text class="terminal-3248705240-r1" x="24.4" y="239.6" textLength="927.2" clip-path="url(#terminal-3248705240-line-9)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3248705240-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3248705240-line-9)">
</text><text class="terminal-3248705240-r1" x="24.4" y="264" textLength="12.2" clip-path="url(#terminal-3248705240-line-10)">▎</text><text class="terminal-3248705240-r3" x="939.4" y="264" textLength="12.2" clip-path="url(#terminal-3248705240-line-10)">▋</text><text class="terminal-3248705240-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3248705240-line-10)">
</text><text class="terminal-3248705240-r1" x="24.4" y="288.4" textLength="12.2" clip-path="url(#terminal-3248705240-line-11)">▎</text><text class="terminal-3248705240-r1" x="48.8" y="288.4" textLength="268.4" clip-path="url(#terminal-3248705240-line-11)">I&#x27;m&#160;using&#160;content-box!</text><text class="terminal-3248705240-r3" x="939.4" y="288.4" textLength="12.2" clip-path="url(#terminal-3248705240-line-11)">▋</text><text class="terminal-3248705240-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3248705240-line-11)">
</text><text class="terminal-3248705240-r1" x="24.4" y="312.8" textLength="12.2" clip-path="url(#terminal-3248705240-line-12)">▎</text><text class="terminal-3248705240-r3" x="939.4" y="312.8" textLength="12.2" clip-path="url(#terminal-3248705240-line-12)">▋</text><text class="terminal-3248705240-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3248705240-line-12)">
</text><text class="terminal-3248705240-r1" x="24.4" y="337.2" textLength="12.2" clip-path="url(#terminal-3248705240-line-13)">▎</text><text class="terminal-3248705240-r3" x="939.4" y="337.2" textLength="12.2" clip-path="url(#terminal-3248705240-line-13)">▋</text><text class="terminal-3248705240-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3248705240-line-13)">
</text><text class="terminal-3248705240-r1" x="24.4" y="361.6" textLength="12.2" clip-path="url(#terminal-3248705240-line-14)">▎</text><text class="terminal-3248705240-r3" x="939.4" y="361.6" textLength="12.2" clip-path="url(#terminal-3248705240-line-14)">▋</text><text class="terminal-3248705240-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3248705240-line-14)">
</text><text class="terminal-3248705240-r1" x="24.4" y="386" textLength="12.2" clip-path="url(#terminal-3248705240-line-15)">▎</text><text class="terminal-3248705240-r3" x="939.4" y="386" textLength="12.2" clip-path="url(#terminal-3248705240-line-15)">▋</text><text class="terminal-3248705240-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3248705240-line-15)">
</text><text class="terminal-3248705240-r1" x="24.4" y="410.4" textLength="12.2" clip-path="url(#terminal-3248705240-line-16)">▎</text><text class="terminal-3248705240-r3" x="939.4" y="410.4" textLength="12.2" clip-path="url(#terminal-3248705240-line-16)">▋</text><text class="terminal-3248705240-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3248705240-line-16)">
</text><text class="terminal-3248705240-r1" x="24.4" y="434.8" textLength="927.2" clip-path="url(#terminal-3248705240-line-17)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3248705240-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3248705240-line-17)">
</text><text class="terminal-3248705240-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3248705240-line-18)">
</text><text class="terminal-3248705240-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3248705240-line-19)">
</text><text class="terminal-3248705240-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3248705240-line-20)">
</text><text class="terminal-3248705240-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3248705240-line-21)">
</text><text class="terminal-3248705240-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3248705240-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/color.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-830407627-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-830407627-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-830407627-r1 { fill: #c5c8c6 }
.terminal-830407627-r2 { fill: #ff0000 }
.terminal-830407627-r3 { fill: #00ff00 }
.terminal-830407627-r4 { fill: #0000ff }
</style>
<defs>
<clipPath id="terminal-830407627-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-830407627-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-830407627-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-830407627-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ColorApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-830407627-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="536.8" y="74.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="269.9" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="465.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="465.1" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-830407627-matrix">
<text class="terminal-830407627-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-830407627-line-0)">
</text><text class="terminal-830407627-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-830407627-line-1)">
</text><text class="terminal-830407627-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-830407627-line-2)">
</text><text class="terminal-830407627-r2" x="439.2" y="93.2" textLength="97.6" clip-path="url(#terminal-830407627-line-3)">I&#x27;m&#160;red!</text><text class="terminal-830407627-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-830407627-line-3)">
</text><text class="terminal-830407627-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-830407627-line-4)">
</text><text class="terminal-830407627-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-830407627-line-5)">
</text><text class="terminal-830407627-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-830407627-line-6)">
</text><text class="terminal-830407627-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-830407627-line-7)">
</text><text class="terminal-830407627-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-830407627-line-8)">
</text><text class="terminal-830407627-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-830407627-line-9)">
</text><text class="terminal-830407627-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-830407627-line-10)">
</text><text class="terminal-830407627-r3" x="366" y="288.4" textLength="231.8" clip-path="url(#terminal-830407627-line-11)">I&#x27;m&#160;rgb(0,&#160;255,&#160;0)!</text><text class="terminal-830407627-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-830407627-line-11)">
</text><text class="terminal-830407627-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-830407627-line-12)">
</text><text class="terminal-830407627-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-830407627-line-13)">
</text><text class="terminal-830407627-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-830407627-line-14)">
</text><text class="terminal-830407627-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-830407627-line-15)">
</text><text class="terminal-830407627-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-830407627-line-16)">
</text><text class="terminal-830407627-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-830407627-line-17)">
</text><text class="terminal-830407627-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-830407627-line-18)">
</text><text class="terminal-830407627-r4" x="341.6" y="483.6" textLength="292.8" clip-path="url(#terminal-830407627-line-19)">I&#x27;m&#160;hsl(240,&#160;100%,&#160;50%)!</text><text class="terminal-830407627-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-830407627-line-19)">
</text><text class="terminal-830407627-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-830407627-line-20)">
</text><text class="terminal-830407627-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-830407627-line-21)">
</text><text class="terminal-830407627-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-830407627-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/content_align.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2684005981-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2684005981-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2684005981-r1 { fill: #c5c8c6 }
.terminal-2684005981-r2 { fill: #ffffff }
.terminal-2684005981-r3 { fill: #ffffff;font-style: italic; }
.terminal-2684005981-r4 { fill: #ffffff;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-2684005981-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2684005981-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2684005981-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2684005981-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ContentAlignApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2684005981-clip-terminal)">
<rect fill="#ff0000" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="25.9" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="73.2" y="25.9" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="231.8" y="25.9" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="366" y="25.9" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="269.9" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="329.4" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="366" y="269.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="610" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="646.6" y="269.9" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="538.3" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="585.6" y="538.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="780.8" y="538.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="817.4" y="538.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="963.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2684005981-matrix">
<text class="terminal-2684005981-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2684005981-line-0)">
</text><text class="terminal-2684005981-r2" x="12.2" y="44.4" textLength="61" clip-path="url(#terminal-2684005981-line-1)">With&#160;</text><text class="terminal-2684005981-r3" x="73.2" y="44.4" textLength="158.6" clip-path="url(#terminal-2684005981-line-1)">content-align</text><text class="terminal-2684005981-r2" x="231.8" y="44.4" textLength="134.2" clip-path="url(#terminal-2684005981-line-1)">&#160;you&#160;can...</text><text class="terminal-2684005981-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2684005981-line-1)">
</text><text class="terminal-2684005981-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2684005981-line-2)">
</text><text class="terminal-2684005981-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2684005981-line-3)">
</text><text class="terminal-2684005981-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2684005981-line-4)">
</text><text class="terminal-2684005981-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2684005981-line-5)">
</text><text class="terminal-2684005981-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2684005981-line-6)">
</text><text class="terminal-2684005981-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2684005981-line-7)">
</text><text class="terminal-2684005981-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2684005981-line-8)">
</text><text class="terminal-2684005981-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2684005981-line-9)">
</text><text class="terminal-2684005981-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2684005981-line-10)">
</text><text class="terminal-2684005981-r2" x="329.4" y="288.4" textLength="36.6" clip-path="url(#terminal-2684005981-line-11)">...</text><text class="terminal-2684005981-r4" x="366" y="288.4" textLength="244" clip-path="url(#terminal-2684005981-line-11)">Easily&#160;align&#160;content</text><text class="terminal-2684005981-r2" x="610" y="288.4" textLength="36.6" clip-path="url(#terminal-2684005981-line-11)">...</text><text class="terminal-2684005981-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2684005981-line-11)">
</text><text class="terminal-2684005981-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2684005981-line-12)">
</text><text class="terminal-2684005981-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2684005981-line-13)">
</text><text class="terminal-2684005981-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2684005981-line-14)">
</text><text class="terminal-2684005981-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2684005981-line-15)">
</text><text class="terminal-2684005981-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2684005981-line-16)">
</text><text class="terminal-2684005981-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2684005981-line-17)">
</text><text class="terminal-2684005981-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2684005981-line-18)">
</text><text class="terminal-2684005981-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2684005981-line-19)">
</text><text class="terminal-2684005981-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2684005981-line-20)">
</text><text class="terminal-2684005981-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2684005981-line-21)">
</text><text class="terminal-2684005981-r2" x="585.6" y="556.8" textLength="195.2" clip-path="url(#terminal-2684005981-line-22)">...Horizontally&#160;</text><text class="terminal-2684005981-r3" x="780.8" y="556.8" textLength="36.6" clip-path="url(#terminal-2684005981-line-22)">and</text><text class="terminal-2684005981-r2" x="817.4" y="556.8" textLength="146.4" clip-path="url(#terminal-2684005981-line-22)">&#160;vertically!</text><text class="terminal-2684005981-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2684005981-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/display.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2110623858-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2110623858-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2110623858-r1 { fill: #0000ff }
.terminal-2110623858-r2 { fill: #c5c8c6 }
.terminal-2110623858-r3 { fill: #ddeedd }
</style>
<defs>
<clipPath id="terminal-2110623858-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2110623858-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2110623858-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2110623858-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">DisplayApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2110623858-clip-terminal)">
<rect fill="#ffffff" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="25.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="109.8" y="25.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="12.2" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="147.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="109.8" y="147.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="12.2" y="172.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="12.2" y="196.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2110623858-matrix">
<text class="terminal-2110623858-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-2110623858-line-0)">┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓</text><text class="terminal-2110623858-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2110623858-line-0)">
</text><text class="terminal-2110623858-r1" x="0" y="44.4" textLength="109.8" clip-path="url(#terminal-2110623858-line-1)">┃Widget&#160;1</text><text class="terminal-2110623858-r1" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-2110623858-line-1)">┃</text><text class="terminal-2110623858-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2110623858-line-1)">
</text><text class="terminal-2110623858-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2110623858-line-2)">┃</text><text class="terminal-2110623858-r1" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-2110623858-line-2)">┃</text><text class="terminal-2110623858-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2110623858-line-2)">
</text><text class="terminal-2110623858-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2110623858-line-3)">┃</text><text class="terminal-2110623858-r1" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-2110623858-line-3)">┃</text><text class="terminal-2110623858-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2110623858-line-3)">
</text><text class="terminal-2110623858-r1" x="0" y="117.6" textLength="976" clip-path="url(#terminal-2110623858-line-4)">┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛</text><text class="terminal-2110623858-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2110623858-line-4)">
</text><text class="terminal-2110623858-r1" x="0" y="142" textLength="976" clip-path="url(#terminal-2110623858-line-5)">┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓</text><text class="terminal-2110623858-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2110623858-line-5)">
</text><text class="terminal-2110623858-r1" x="0" y="166.4" textLength="109.8" clip-path="url(#terminal-2110623858-line-6)">┃Widget&#160;3</text><text class="terminal-2110623858-r1" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-2110623858-line-6)">┃</text><text class="terminal-2110623858-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2110623858-line-6)">
</text><text class="terminal-2110623858-r1" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-2110623858-line-7)">┃</text><text class="terminal-2110623858-r1" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-2110623858-line-7)">┃</text><text class="terminal-2110623858-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2110623858-line-7)">
</text><text class="terminal-2110623858-r1" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-2110623858-line-8)">┃</text><text class="terminal-2110623858-r1" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-2110623858-line-8)">┃</text><text class="terminal-2110623858-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2110623858-line-8)">
</text><text class="terminal-2110623858-r1" x="0" y="239.6" textLength="976" clip-path="url(#terminal-2110623858-line-9)">┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛</text><text class="terminal-2110623858-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2110623858-line-9)">
</text><text class="terminal-2110623858-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2110623858-line-10)">
</text><text class="terminal-2110623858-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2110623858-line-11)">
</text><text class="terminal-2110623858-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2110623858-line-12)">
</text><text class="terminal-2110623858-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2110623858-line-13)">
</text><text class="terminal-2110623858-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2110623858-line-14)">
</text><text class="terminal-2110623858-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2110623858-line-15)">
</text><text class="terminal-2110623858-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2110623858-line-16)">
</text><text class="terminal-2110623858-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2110623858-line-17)">
</text><text class="terminal-2110623858-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2110623858-line-18)">
</text><text class="terminal-2110623858-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2110623858-line-19)">
</text><text class="terminal-2110623858-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2110623858-line-20)">
</text><text class="terminal-2110623858-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2110623858-line-21)">
</text><text class="terminal-2110623858-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2110623858-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/grid.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-3791676016-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3791676016-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3791676016-r1 { fill: #c5c8c6 }
.terminal-3791676016-r2 { fill: #e1e1e1 }
.terminal-3791676016-r3 { fill: #731077 }
.terminal-3791676016-r4 { fill: #161c1d }
</style>
<defs>
<clipPath id="terminal-3791676016-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3791676016-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3791676016-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3791676016-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">GridApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-3791676016-clip-terminal)">
<rect fill="#cd81f0" x="0" y="1.5" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="1.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="24.4" y="25.9" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="158.6" y="25.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="683.2" y="25.9" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="817.4" y="25.9" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="50.3" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="50.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="24.4" y="74.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="170.8" y="74.7" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="74.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="24.4" y="99.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="207.4" y="99.1" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="99.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="123.5" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="123.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="147.9" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="147.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="172.3" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="683.2" y="172.3" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="817.4" y="172.3" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="196.7" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="196.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="221.1" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="221.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="245.5" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="245.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="269.9" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="269.9" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="294.3" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="294.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="318.7" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="683.2" y="318.7" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="817.4" y="318.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="343.1" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="343.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="367.5" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="367.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd81f0" x="0" y="391.9" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="391.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="0" y="440.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="329.4" y="440.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="440.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="0" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="24.4" y="465.1" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="158.6" y="465.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="329.4" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="353.8" y="465.1" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="488" y="465.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="683.2" y="465.1" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="817.4" y="465.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="0" y="489.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="329.4" y="489.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="489.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="0" y="513.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="329.4" y="513.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="513.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="0" y="538.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="329.4" y="538.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="538.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="0" y="562.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="329.4" y="562.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="658.8" y="562.7" width="317.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3791676016-matrix">
<text class="terminal-3791676016-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3791676016-line-0)">
</text><text class="terminal-3791676016-r3" x="24.4" y="44.4" textLength="134.2" clip-path="url(#terminal-3791676016-line-1)">Grid&#160;cell&#160;1</text><text class="terminal-3791676016-r4" x="683.2" y="44.4" textLength="134.2" clip-path="url(#terminal-3791676016-line-1)">Grid&#160;cell&#160;2</text><text class="terminal-3791676016-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3791676016-line-1)">
</text><text class="terminal-3791676016-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3791676016-line-2)">
</text><text class="terminal-3791676016-r3" x="24.4" y="93.2" textLength="146.4" clip-path="url(#terminal-3791676016-line-3)">row-span:&#160;3;</text><text class="terminal-3791676016-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3791676016-line-3)">
</text><text class="terminal-3791676016-r3" x="24.4" y="117.6" textLength="183" clip-path="url(#terminal-3791676016-line-4)">column-span:&#160;2;</text><text class="terminal-3791676016-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3791676016-line-4)">
</text><text class="terminal-3791676016-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3791676016-line-5)">
</text><text class="terminal-3791676016-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3791676016-line-6)">
</text><text class="terminal-3791676016-r4" x="683.2" y="190.8" textLength="134.2" clip-path="url(#terminal-3791676016-line-7)">Grid&#160;cell&#160;3</text><text class="terminal-3791676016-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3791676016-line-7)">
</text><text class="terminal-3791676016-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3791676016-line-8)">
</text><text class="terminal-3791676016-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3791676016-line-9)">
</text><text class="terminal-3791676016-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3791676016-line-10)">
</text><text class="terminal-3791676016-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3791676016-line-11)">
</text><text class="terminal-3791676016-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3791676016-line-12)">
</text><text class="terminal-3791676016-r4" x="683.2" y="337.2" textLength="134.2" clip-path="url(#terminal-3791676016-line-13)">Grid&#160;cell&#160;4</text><text class="terminal-3791676016-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3791676016-line-13)">
</text><text class="terminal-3791676016-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3791676016-line-14)">
</text><text class="terminal-3791676016-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3791676016-line-15)">
</text><text class="terminal-3791676016-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3791676016-line-16)">
</text><text class="terminal-3791676016-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3791676016-line-17)">
</text><text class="terminal-3791676016-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3791676016-line-18)">
</text><text class="terminal-3791676016-r4" x="24.4" y="483.6" textLength="134.2" clip-path="url(#terminal-3791676016-line-19)">Grid&#160;cell&#160;5</text><text class="terminal-3791676016-r4" x="353.8" y="483.6" textLength="134.2" clip-path="url(#terminal-3791676016-line-19)">Grid&#160;cell&#160;6</text><text class="terminal-3791676016-r4" x="683.2" y="483.6" textLength="134.2" clip-path="url(#terminal-3791676016-line-19)">Grid&#160;cell&#160;7</text><text class="terminal-3791676016-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3791676016-line-19)">
</text><text class="terminal-3791676016-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3791676016-line-20)">
</text><text class="terminal-3791676016-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3791676016-line-21)">
</text><text class="terminal-3791676016-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3791676016-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/height.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-3614144091-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3614144091-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3614144091-r1 { fill: #ffffff }
.terminal-3614144091-r2 { fill: #c5c8c6 }
.terminal-3614144091-r3 { fill: #e1e1e1 }
</style>
<defs>
<clipPath id="terminal-3614144091-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3614144091-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3614144091-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3614144091-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">HeightApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-3614144091-clip-terminal)">
<rect fill="#008000" x="0" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="73.2" y="1.5" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3614144091-matrix">
<text class="terminal-3614144091-r1" x="0" y="20" textLength="73.2" clip-path="url(#terminal-3614144091-line-0)">Widget</text><text class="terminal-3614144091-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3614144091-line-0)">
</text><text class="terminal-3614144091-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3614144091-line-1)">
</text><text class="terminal-3614144091-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3614144091-line-2)">
</text><text class="terminal-3614144091-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3614144091-line-3)">
</text><text class="terminal-3614144091-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3614144091-line-4)">
</text><text class="terminal-3614144091-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3614144091-line-5)">
</text><text class="terminal-3614144091-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3614144091-line-6)">
</text><text class="terminal-3614144091-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3614144091-line-7)">
</text><text class="terminal-3614144091-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3614144091-line-8)">
</text><text class="terminal-3614144091-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3614144091-line-9)">
</text><text class="terminal-3614144091-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3614144091-line-10)">
</text><text class="terminal-3614144091-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3614144091-line-11)">
</text><text class="terminal-3614144091-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3614144091-line-12)">
</text><text class="terminal-3614144091-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3614144091-line-13)">
</text><text class="terminal-3614144091-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3614144091-line-14)">
</text><text class="terminal-3614144091-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3614144091-line-15)">
</text><text class="terminal-3614144091-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3614144091-line-16)">
</text><text class="terminal-3614144091-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3614144091-line-17)">
</text><text class="terminal-3614144091-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3614144091-line-18)">
</text><text class="terminal-3614144091-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3614144091-line-19)">
</text><text class="terminal-3614144091-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3614144091-line-20)">
</text><text class="terminal-3614144091-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3614144091-line-21)">
</text><text class="terminal-3614144091-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3614144091-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/layout.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2838975926-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2838975926-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2838975926-r1 { fill: #efddef }
.terminal-2838975926-r2 { fill: #c5c8c6 }
.terminal-2838975926-r3 { fill: #000000 }
.terminal-2838975926-r4 { fill: #ddefef }
.terminal-2838975926-r5 { fill: #e1e1e1 }
</style>
<defs>
<clipPath id="terminal-2838975926-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2838975926-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2838975926-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2838975926-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">LayoutApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2838975926-clip-terminal)">
<rect fill="#8b008b" x="0" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#9acd32" x="12.2" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#9acd32" x="85.4" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="158.6" y="25.9" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#9acd32" x="12.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#9acd32" x="36.6" y="74.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="158.6" y="74.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#9acd32" x="12.2" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#9acd32" x="109.8" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="158.6" y="123.5" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="0" y="172.3" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#9acd32" x="12.2" y="196.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#9acd32" x="85.4" y="196.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="158.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#9acd32" x="170.8" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#9acd32" x="195.2" y="196.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="317.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#9acd32" x="329.4" y="196.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#9acd32" x="451.4" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="475.8" y="196.7" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2838975926-matrix">
<text class="terminal-2838975926-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2838975926-line-0)">
</text><text class="terminal-2838975926-r3" x="12.2" y="44.4" textLength="73.2" clip-path="url(#terminal-2838975926-line-1)">Layout</text><text class="terminal-2838975926-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2838975926-line-1)">
</text><text class="terminal-2838975926-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2838975926-line-2)">
</text><text class="terminal-2838975926-r3" x="12.2" y="93.2" textLength="24.4" clip-path="url(#terminal-2838975926-line-3)">Is</text><text class="terminal-2838975926-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2838975926-line-3)">
</text><text class="terminal-2838975926-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2838975926-line-4)">
</text><text class="terminal-2838975926-r3" x="12.2" y="142" textLength="97.6" clip-path="url(#terminal-2838975926-line-5)">Vertical</text><text class="terminal-2838975926-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2838975926-line-5)">
</text><text class="terminal-2838975926-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2838975926-line-6)">
</text><text class="terminal-2838975926-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2838975926-line-7)">
</text><text class="terminal-2838975926-r3" x="12.2" y="215.2" textLength="73.2" clip-path="url(#terminal-2838975926-line-8)">Layout</text><text class="terminal-2838975926-r3" x="170.8" y="215.2" textLength="24.4" clip-path="url(#terminal-2838975926-line-8)">Is</text><text class="terminal-2838975926-r3" x="329.4" y="215.2" textLength="122" clip-path="url(#terminal-2838975926-line-8)">Horizontal</text><text class="terminal-2838975926-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2838975926-line-8)">
</text><text class="terminal-2838975926-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2838975926-line-9)">
</text><text class="terminal-2838975926-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2838975926-line-10)">
</text><text class="terminal-2838975926-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2838975926-line-11)">
</text><text class="terminal-2838975926-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2838975926-line-12)">
</text><text class="terminal-2838975926-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2838975926-line-13)">
</text><text class="terminal-2838975926-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2838975926-line-14)">
</text><text class="terminal-2838975926-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2838975926-line-15)">
</text><text class="terminal-2838975926-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2838975926-line-16)">
</text><text class="terminal-2838975926-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2838975926-line-17)">
</text><text class="terminal-2838975926-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2838975926-line-18)">
</text><text class="terminal-2838975926-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2838975926-line-19)">
</text><text class="terminal-2838975926-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2838975926-line-20)">
</text><text class="terminal-2838975926-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2838975926-line-21)">
</text><text class="terminal-2838975926-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2838975926-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/links.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-3461676208-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3461676208-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3461676208-r1 { fill: #e1e1e1 }
.terminal-3461676208-r2 { fill: #e1e1e1;text-decoration: underline; }
.terminal-3461676208-r3 { fill: #c5c8c6 }
.terminal-3461676208-r4 { fill: #030e19;font-weight: bold;font-style: italic;;text-decoration: underline; }
</style>
<defs>
<clipPath id="terminal-3461676208-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3461676208-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3461676208-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3461676208-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">LinksApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-3461676208-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="1.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="1.5" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="427" y="1.5" width="549" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="122" y="50.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="50.3" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="427" y="50.3" width="549" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3461676208-matrix">
<text class="terminal-3461676208-r1" x="0" y="20" textLength="122" clip-path="url(#terminal-3461676208-line-0)">Here&#160;is&#160;a&#160;</text><text class="terminal-3461676208-r2" x="122" y="20" textLength="48.8" clip-path="url(#terminal-3461676208-line-0)">link</text><text class="terminal-3461676208-r1" x="170.8" y="20" textLength="256.2" clip-path="url(#terminal-3461676208-line-0)">&#160;which&#160;you&#160;can&#160;click!</text><text class="terminal-3461676208-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3461676208-line-0)">
</text><text class="terminal-3461676208-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3461676208-line-1)">
</text><text class="terminal-3461676208-r1" x="0" y="68.8" textLength="122" clip-path="url(#terminal-3461676208-line-2)">Here&#160;is&#160;a&#160;</text><text class="terminal-3461676208-r4" x="122" y="68.8" textLength="48.8" clip-path="url(#terminal-3461676208-line-2)">link</text><text class="terminal-3461676208-r1" x="170.8" y="68.8" textLength="256.2" clip-path="url(#terminal-3461676208-line-2)">&#160;which&#160;you&#160;can&#160;click!</text><text class="terminal-3461676208-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3461676208-line-2)">
</text><text class="terminal-3461676208-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3461676208-line-3)">
</text><text class="terminal-3461676208-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3461676208-line-4)">
</text><text class="terminal-3461676208-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3461676208-line-5)">
</text><text class="terminal-3461676208-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3461676208-line-6)">
</text><text class="terminal-3461676208-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3461676208-line-7)">
</text><text class="terminal-3461676208-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3461676208-line-8)">
</text><text class="terminal-3461676208-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3461676208-line-9)">
</text><text class="terminal-3461676208-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3461676208-line-10)">
</text><text class="terminal-3461676208-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3461676208-line-11)">
</text><text class="terminal-3461676208-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3461676208-line-12)">
</text><text class="terminal-3461676208-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3461676208-line-13)">
</text><text class="terminal-3461676208-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3461676208-line-14)">
</text><text class="terminal-3461676208-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3461676208-line-15)">
</text><text class="terminal-3461676208-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3461676208-line-16)">
</text><text class="terminal-3461676208-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3461676208-line-17)">
</text><text class="terminal-3461676208-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3461676208-line-18)">
</text><text class="terminal-3461676208-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3461676208-line-19)">
</text><text class="terminal-3461676208-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3461676208-line-20)">
</text><text class="terminal-3461676208-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3461676208-line-21)">
</text><text class="terminal-3461676208-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3461676208-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/margin.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2799621938-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2799621938-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2799621938-r1 { fill: #000000 }
.terminal-2799621938-r2 { fill: #c5c8c6 }
.terminal-2799621938-r3 { fill: #0000ff }
.terminal-2799621938-r4 { fill: #ccccff }
</style>
<defs>
<clipPath id="terminal-2799621938-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2799621938-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2799621938-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2799621938-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">MarginApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2799621938-clip-terminal)">
<rect fill="#ffffff" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="97.6" y="99.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="109.8" y="123.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="305" y="123.5" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="866.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="109.8" y="147.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="402.6" y="147.9" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="866.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="109.8" y="172.3" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="793" y="172.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="866.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="109.8" y="196.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="353.8" y="196.7" width="512.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="866.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="109.8" y="221.1" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="695.4" y="221.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="866.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="109.8" y="245.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="841.8" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="866.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="109.8" y="269.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="219.6" y="269.9" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="866.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="109.8" y="294.3" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="829.6" y="294.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="866.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="318.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="109.8" y="318.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="195.2" y="318.7" width="671" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="866.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="318.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="97.6" y="343.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2799621938-matrix">
<text class="terminal-2799621938-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2799621938-line-0)">
</text><text class="terminal-2799621938-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2799621938-line-1)">
</text><text class="terminal-2799621938-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2799621938-line-2)">
</text><text class="terminal-2799621938-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2799621938-line-3)">
</text><text class="terminal-2799621938-r3" x="97.6" y="117.6" textLength="780.8" clip-path="url(#terminal-2799621938-line-4)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2799621938-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2799621938-line-4)">
</text><text class="terminal-2799621938-r3" x="97.6" y="142" textLength="12.2" clip-path="url(#terminal-2799621938-line-5)">▎</text><text class="terminal-2799621938-r1" x="109.8" y="142" textLength="195.2" clip-path="url(#terminal-2799621938-line-5)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-2799621938-r4" x="866.2" y="142" textLength="12.2" clip-path="url(#terminal-2799621938-line-5)">▋</text><text class="terminal-2799621938-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2799621938-line-5)">
</text><text class="terminal-2799621938-r3" x="97.6" y="166.4" textLength="12.2" clip-path="url(#terminal-2799621938-line-6)">▎</text><text class="terminal-2799621938-r1" x="109.8" y="166.4" textLength="292.8" clip-path="url(#terminal-2799621938-line-6)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-2799621938-r4" x="866.2" y="166.4" textLength="12.2" clip-path="url(#terminal-2799621938-line-6)">▋</text><text class="terminal-2799621938-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2799621938-line-6)">
</text><text class="terminal-2799621938-r3" x="97.6" y="190.8" textLength="12.2" clip-path="url(#terminal-2799621938-line-7)">▎</text><text class="terminal-2799621938-r1" x="109.8" y="190.8" textLength="683.2" clip-path="url(#terminal-2799621938-line-7)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;brings&#160;total&#160;obliteration.</text><text class="terminal-2799621938-r4" x="866.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2799621938-line-7)">▋</text><text class="terminal-2799621938-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2799621938-line-7)">
</text><text class="terminal-2799621938-r3" x="97.6" y="215.2" textLength="12.2" clip-path="url(#terminal-2799621938-line-8)">▎</text><text class="terminal-2799621938-r1" x="109.8" y="215.2" textLength="244" clip-path="url(#terminal-2799621938-line-8)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-2799621938-r4" x="866.2" y="215.2" textLength="12.2" clip-path="url(#terminal-2799621938-line-8)">▋</text><text class="terminal-2799621938-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2799621938-line-8)">
</text><text class="terminal-2799621938-r3" x="97.6" y="239.6" textLength="12.2" clip-path="url(#terminal-2799621938-line-9)">▎</text><text class="terminal-2799621938-r1" x="109.8" y="239.6" textLength="585.6" clip-path="url(#terminal-2799621938-line-9)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;and&#160;through&#160;me.</text><text class="terminal-2799621938-r4" x="866.2" y="239.6" textLength="12.2" clip-path="url(#terminal-2799621938-line-9)">▋</text><text class="terminal-2799621938-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2799621938-line-9)">
</text><text class="terminal-2799621938-r3" x="97.6" y="264" textLength="12.2" clip-path="url(#terminal-2799621938-line-10)">▎</text><text class="terminal-2799621938-r1" x="109.8" y="264" textLength="732" clip-path="url(#terminal-2799621938-line-10)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;will&#160;turn&#160;the&#160;inner&#160;eye&#160;to&#160;see&#160;</text><text class="terminal-2799621938-r4" x="866.2" y="264" textLength="12.2" clip-path="url(#terminal-2799621938-line-10)">▋</text><text class="terminal-2799621938-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2799621938-line-10)">
</text><text class="terminal-2799621938-r3" x="97.6" y="288.4" textLength="12.2" clip-path="url(#terminal-2799621938-line-11)">▎</text><text class="terminal-2799621938-r1" x="109.8" y="288.4" textLength="109.8" clip-path="url(#terminal-2799621938-line-11)">its&#160;path.</text><text class="terminal-2799621938-r4" x="866.2" y="288.4" textLength="12.2" clip-path="url(#terminal-2799621938-line-11)">▋</text><text class="terminal-2799621938-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2799621938-line-11)">
</text><text class="terminal-2799621938-r3" x="97.6" y="312.8" textLength="12.2" clip-path="url(#terminal-2799621938-line-12)">▎</text><text class="terminal-2799621938-r1" x="109.8" y="312.8" textLength="719.8" clip-path="url(#terminal-2799621938-line-12)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;will&#160;be&#160;nothing.&#160;Only&#160;I&#160;will&#160;</text><text class="terminal-2799621938-r4" x="866.2" y="312.8" textLength="12.2" clip-path="url(#terminal-2799621938-line-12)">▋</text><text class="terminal-2799621938-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2799621938-line-12)">
</text><text class="terminal-2799621938-r3" x="97.6" y="337.2" textLength="12.2" clip-path="url(#terminal-2799621938-line-13)">▎</text><text class="terminal-2799621938-r1" x="109.8" y="337.2" textLength="85.4" clip-path="url(#terminal-2799621938-line-13)">remain.</text><text class="terminal-2799621938-r4" x="866.2" y="337.2" textLength="12.2" clip-path="url(#terminal-2799621938-line-13)">▋</text><text class="terminal-2799621938-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2799621938-line-13)">
</text><text class="terminal-2799621938-r3" x="97.6" y="361.6" textLength="780.8" clip-path="url(#terminal-2799621938-line-14)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2799621938-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2799621938-line-14)">
</text><text class="terminal-2799621938-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2799621938-line-15)">
</text><text class="terminal-2799621938-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2799621938-line-16)">
</text><text class="terminal-2799621938-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2799621938-line-17)">
</text><text class="terminal-2799621938-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2799621938-line-18)">
</text><text class="terminal-2799621938-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2799621938-line-19)">
</text><text class="terminal-2799621938-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2799621938-line-20)">
</text><text class="terminal-2799621938-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2799621938-line-21)">
</text><text class="terminal-2799621938-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2799621938-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/offset.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2080475776-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2080475776-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2080475776-r1 { fill: #000000 }
.terminal-2080475776-r2 { fill: #c5c8c6 }
.terminal-2080475776-r3 { fill: #ff0000 }
.terminal-2080475776-r4 { fill: #0000ff }
.terminal-2080475776-r5 { fill: #008000 }
</style>
<defs>
<clipPath id="terminal-2080475776-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2080475776-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2080475776-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2080475776-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OffsetApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2080475776-clip-terminal)">
<rect fill="#ffffff" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="50.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="97.6" y="50.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="341.6" y="50.3" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="97.6" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="109.8" y="74.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="329.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="341.6" y="74.7" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="97.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="109.8" y="99.1" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="329.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="341.6" y="99.1" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="97.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="109.8" y="123.5" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="329.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="341.6" y="123.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="488" y="123.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="123.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="97.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="109.8" y="147.9" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="109.8" y="147.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="317.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="329.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="341.6" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="488" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="500.2" y="147.9" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="719.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="147.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="109.8" y="172.3" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="329.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="341.6" y="172.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="488" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="500.2" y="172.3" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="719.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="172.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="97.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="109.8" y="196.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="329.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="341.6" y="196.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="488" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="500.2" y="196.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="719.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="196.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="97.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="109.8" y="221.1" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="329.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="341.6" y="221.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="488" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="500.2" y="221.1" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="500.2" y="221.1" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="221.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="97.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="109.8" y="245.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="292.8" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="341.6" y="245.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="488" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="500.2" y="245.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="536.8" y="245.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="719.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="245.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffcccc" x="97.6" y="269.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="292.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="305" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="341.6" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="488" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="500.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="536.8" y="269.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="719.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="269.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="294.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="292.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="305" y="294.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="488" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="500.2" y="294.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="536.8" y="294.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="719.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="294.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="318.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="292.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="305" y="318.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="488" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="500.2" y="318.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="536.8" y="318.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="719.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="318.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="343.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="292.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="305" y="343.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="488" y="343.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="536.8" y="343.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="343.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="367.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="292.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="305" y="367.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="305" y="367.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="341.6" y="367.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="524.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="536.8" y="367.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="391.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="292.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="305" y="391.9" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="524.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="536.8" y="391.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="416.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="292.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="305" y="416.3" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="524.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="536.8" y="416.3" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="440.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="292.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="305" y="440.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="524.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="536.8" y="440.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="465.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="292.8" y="465.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="536.8" y="465.1" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2080475776-matrix">
<text class="terminal-2080475776-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2080475776-line-0)">
</text><text class="terminal-2080475776-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-1)">
</text><text class="terminal-2080475776-r3" x="97.6" y="68.8" textLength="244" clip-path="url(#terminal-2080475776-line-2)">▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜</text><text class="terminal-2080475776-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-2)">
</text><text class="terminal-2080475776-r3" x="97.6" y="93.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-3)">▌</text><text class="terminal-2080475776-r3" x="329.4" y="93.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-3)">▐</text><text class="terminal-2080475776-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-3)">
</text><text class="terminal-2080475776-r3" x="97.6" y="117.6" textLength="12.2" clip-path="url(#terminal-2080475776-line-4)">▌</text><text class="terminal-2080475776-r3" x="329.4" y="117.6" textLength="12.2" clip-path="url(#terminal-2080475776-line-4)">▐</text><text class="terminal-2080475776-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2080475776-line-4)">
</text><text class="terminal-2080475776-r3" x="97.6" y="142" textLength="12.2" clip-path="url(#terminal-2080475776-line-5)">▌</text><text class="terminal-2080475776-r3" x="329.4" y="142" textLength="12.2" clip-path="url(#terminal-2080475776-line-5)">▐</text><text class="terminal-2080475776-r4" x="488" y="142" textLength="244" clip-path="url(#terminal-2080475776-line-5)">▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜</text><text class="terminal-2080475776-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2080475776-line-5)">
</text><text class="terminal-2080475776-r3" x="97.6" y="166.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-6)">▌</text><text class="terminal-2080475776-r3" x="109.8" y="166.4" textLength="207.4" clip-path="url(#terminal-2080475776-line-6)">Paul&#160;(offset&#160;8&#160;2)</text><text class="terminal-2080475776-r3" x="329.4" y="166.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-6)">▐</text><text class="terminal-2080475776-r4" x="488" y="166.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-6)">▌</text><text class="terminal-2080475776-r4" x="719.8" y="166.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-6)">▐</text><text class="terminal-2080475776-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-6)">
</text><text class="terminal-2080475776-r3" x="97.6" y="190.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-7)">▌</text><text class="terminal-2080475776-r3" x="329.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-7)">▐</text><text class="terminal-2080475776-r4" x="488" y="190.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-7)">▌</text><text class="terminal-2080475776-r4" x="719.8" y="190.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-7)">▐</text><text class="terminal-2080475776-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-7)">
</text><text class="terminal-2080475776-r3" x="97.6" y="215.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-8)">▌</text><text class="terminal-2080475776-r3" x="329.4" y="215.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-8)">▐</text><text class="terminal-2080475776-r4" x="488" y="215.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-8)">▌</text><text class="terminal-2080475776-r4" x="719.8" y="215.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-8)">▐</text><text class="terminal-2080475776-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-8)">
</text><text class="terminal-2080475776-r3" x="97.6" y="239.6" textLength="12.2" clip-path="url(#terminal-2080475776-line-9)">▌</text><text class="terminal-2080475776-r3" x="329.4" y="239.6" textLength="12.2" clip-path="url(#terminal-2080475776-line-9)">▐</text><text class="terminal-2080475776-r4" x="488" y="239.6" textLength="12.2" clip-path="url(#terminal-2080475776-line-9)">▌</text><text class="terminal-2080475776-r4" x="500.2" y="239.6" textLength="231.8" clip-path="url(#terminal-2080475776-line-9)">Chani&#160;(offset&#160;0&#160;5)▐</text><text class="terminal-2080475776-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2080475776-line-9)">
</text><text class="terminal-2080475776-r3" x="97.6" y="264" textLength="12.2" clip-path="url(#terminal-2080475776-line-10)">▌</text><text class="terminal-2080475776-r5" x="292.8" y="264" textLength="48.8" clip-path="url(#terminal-2080475776-line-10)">▛▀▀▀</text><text class="terminal-2080475776-r5" x="341.6" y="264" textLength="146.4" clip-path="url(#terminal-2080475776-line-10)">▀▀▀▀▀▀▀▀▀▀▀▀</text><text class="terminal-2080475776-r4" x="488" y="264" textLength="12.2" clip-path="url(#terminal-2080475776-line-10)">▌</text><text class="terminal-2080475776-r4" x="719.8" y="264" textLength="12.2" clip-path="url(#terminal-2080475776-line-10)">▐</text><text class="terminal-2080475776-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2080475776-line-10)">
</text><text class="terminal-2080475776-r3" x="97.6" y="288.4" textLength="195.2" clip-path="url(#terminal-2080475776-line-11)">▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄</text><text class="terminal-2080475776-r5" x="292.8" y="288.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-11)">▌</text><text class="terminal-2080475776-r4" x="488" y="288.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-11)">▌</text><text class="terminal-2080475776-r4" x="719.8" y="288.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-11)">▐</text><text class="terminal-2080475776-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-11)">
</text><text class="terminal-2080475776-r5" x="292.8" y="312.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-12)">▌</text><text class="terminal-2080475776-r4" x="488" y="312.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-12)">▌</text><text class="terminal-2080475776-r4" x="719.8" y="312.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-12)">▐</text><text class="terminal-2080475776-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-12)">
</text><text class="terminal-2080475776-r5" x="292.8" y="337.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-13)">▌</text><text class="terminal-2080475776-r4" x="488" y="337.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-13)">▌</text><text class="terminal-2080475776-r4" x="719.8" y="337.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-13)">▐</text><text class="terminal-2080475776-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-13)">
</text><text class="terminal-2080475776-r5" x="292.8" y="361.6" textLength="12.2" clip-path="url(#terminal-2080475776-line-14)">▌</text><text class="terminal-2080475776-r5" x="305" y="361.6" textLength="183" clip-path="url(#terminal-2080475776-line-14)">Duncan&#160;(offset&#160;</text><text class="terminal-2080475776-r4" x="488" y="361.6" textLength="48.8" clip-path="url(#terminal-2080475776-line-14)">▙▄▄▄</text><text class="terminal-2080475776-r4" x="536.8" y="361.6" textLength="195.2" clip-path="url(#terminal-2080475776-line-14)">▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟</text><text class="terminal-2080475776-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2080475776-line-14)">
</text><text class="terminal-2080475776-r5" x="292.8" y="386" textLength="12.2" clip-path="url(#terminal-2080475776-line-15)">▌</text><text class="terminal-2080475776-r5" x="305" y="386" textLength="36.6" clip-path="url(#terminal-2080475776-line-15)">10)</text><text class="terminal-2080475776-r5" x="524.6" y="386" textLength="12.2" clip-path="url(#terminal-2080475776-line-15)">▐</text><text class="terminal-2080475776-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2080475776-line-15)">
</text><text class="terminal-2080475776-r5" x="292.8" y="410.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-16)">▌</text><text class="terminal-2080475776-r5" x="524.6" y="410.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-16)">▐</text><text class="terminal-2080475776-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-16)">
</text><text class="terminal-2080475776-r5" x="292.8" y="434.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-17)">▌</text><text class="terminal-2080475776-r5" x="524.6" y="434.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-17)">▐</text><text class="terminal-2080475776-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-17)">
</text><text class="terminal-2080475776-r5" x="292.8" y="459.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-18)">▌</text><text class="terminal-2080475776-r5" x="524.6" y="459.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-18)">▐</text><text class="terminal-2080475776-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2080475776-line-18)">
</text><text class="terminal-2080475776-r5" x="292.8" y="483.6" textLength="244" clip-path="url(#terminal-2080475776-line-19)">▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟</text><text class="terminal-2080475776-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2080475776-line-19)">
</text><text class="terminal-2080475776-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2080475776-line-20)">
</text><text class="terminal-2080475776-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2080475776-line-21)">
</text><text class="terminal-2080475776-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2080475776-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/opacity.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-245581281-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-245581281-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-245581281-r1 { fill: #fefcf9 }
.terminal-245581281-r2 { fill: #c5c8c6 }
.terminal-245581281-r3 { fill: #c3d4e1 }
.terminal-245581281-r4 { fill: #f4edde;font-weight: bold }
.terminal-245581281-r5 { fill: #8cbdeb }
.terminal-245581281-r6 { fill: #eeefe5;font-weight: bold }
.terminal-245581281-r7 { fill: #55a6f5 }
.terminal-245581281-r8 { fill: #e8f1ec;font-weight: bold }
.terminal-245581281-r9 { fill: #1e90ff }
.terminal-245581281-r10 { fill: #e2f4f3;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-245581281-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-245581281-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-245581281-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-245581281-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OpacityApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-245581281-clip-terminal)">
<rect fill="#faebd7" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#faebd7" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#faebd7" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#faebd7" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="12.2" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="12.2" y="147.9" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="414.8" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="561.2" y="147.9" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="12.2" y="172.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#c3dccb" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="12.2" y="245.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="12.2" y="269.9" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="414.8" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="561.2" y="269.9" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="963.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="12.2" y="294.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="963.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8dcec0" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="12.2" y="367.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="963.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="12.2" y="391.9" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="414.8" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="561.2" y="391.9" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="963.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="12.2" y="416.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="963.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#56c0b5" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="12.2" y="489.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="963.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="12.2" y="513.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="402.6" y="513.9" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="561.2" y="513.9" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="963.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="0" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="12.2" y="538.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="963.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#20b2aa" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-245581281-matrix">
<text class="terminal-245581281-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-245581281-line-0)">
</text><text class="terminal-245581281-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-245581281-line-1)">
</text><text class="terminal-245581281-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-245581281-line-2)">
</text><text class="terminal-245581281-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-245581281-line-3)">
</text><text class="terminal-245581281-r3" x="0" y="117.6" textLength="976" clip-path="url(#terminal-245581281-line-4)">▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜</text><text class="terminal-245581281-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-245581281-line-4)">
</text><text class="terminal-245581281-r3" x="0" y="142" textLength="12.2" clip-path="url(#terminal-245581281-line-5)">▌</text><text class="terminal-245581281-r3" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-245581281-line-5)">▐</text><text class="terminal-245581281-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-245581281-line-5)">
</text><text class="terminal-245581281-r3" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-245581281-line-6)">▌</text><text class="terminal-245581281-r4" x="414.8" y="166.4" textLength="146.4" clip-path="url(#terminal-245581281-line-6)">opacity:&#160;25%</text><text class="terminal-245581281-r3" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-245581281-line-6)">▐</text><text class="terminal-245581281-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-245581281-line-6)">
</text><text class="terminal-245581281-r3" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-245581281-line-7)">▌</text><text class="terminal-245581281-r3" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-245581281-line-7)">▐</text><text class="terminal-245581281-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-245581281-line-7)">
</text><text class="terminal-245581281-r3" x="0" y="215.2" textLength="976" clip-path="url(#terminal-245581281-line-8)">▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟</text><text class="terminal-245581281-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-245581281-line-8)">
</text><text class="terminal-245581281-r5" x="0" y="239.6" textLength="976" clip-path="url(#terminal-245581281-line-9)">▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜</text><text class="terminal-245581281-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-245581281-line-9)">
</text><text class="terminal-245581281-r5" x="0" y="264" textLength="12.2" clip-path="url(#terminal-245581281-line-10)">▌</text><text class="terminal-245581281-r5" x="963.8" y="264" textLength="12.2" clip-path="url(#terminal-245581281-line-10)">▐</text><text class="terminal-245581281-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-245581281-line-10)">
</text><text class="terminal-245581281-r5" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-245581281-line-11)">▌</text><text class="terminal-245581281-r6" x="414.8" y="288.4" textLength="146.4" clip-path="url(#terminal-245581281-line-11)">opacity:&#160;50%</text><text class="terminal-245581281-r5" x="963.8" y="288.4" textLength="12.2" clip-path="url(#terminal-245581281-line-11)">▐</text><text class="terminal-245581281-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-245581281-line-11)">
</text><text class="terminal-245581281-r5" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-245581281-line-12)">▌</text><text class="terminal-245581281-r5" x="963.8" y="312.8" textLength="12.2" clip-path="url(#terminal-245581281-line-12)">▐</text><text class="terminal-245581281-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-245581281-line-12)">
</text><text class="terminal-245581281-r5" x="0" y="337.2" textLength="976" clip-path="url(#terminal-245581281-line-13)">▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟</text><text class="terminal-245581281-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-245581281-line-13)">
</text><text class="terminal-245581281-r7" x="0" y="361.6" textLength="976" clip-path="url(#terminal-245581281-line-14)">▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜</text><text class="terminal-245581281-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-245581281-line-14)">
</text><text class="terminal-245581281-r7" x="0" y="386" textLength="12.2" clip-path="url(#terminal-245581281-line-15)">▌</text><text class="terminal-245581281-r7" x="963.8" y="386" textLength="12.2" clip-path="url(#terminal-245581281-line-15)">▐</text><text class="terminal-245581281-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-245581281-line-15)">
</text><text class="terminal-245581281-r7" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-245581281-line-16)">▌</text><text class="terminal-245581281-r8" x="414.8" y="410.4" textLength="146.4" clip-path="url(#terminal-245581281-line-16)">opacity:&#160;75%</text><text class="terminal-245581281-r7" x="963.8" y="410.4" textLength="12.2" clip-path="url(#terminal-245581281-line-16)">▐</text><text class="terminal-245581281-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-245581281-line-16)">
</text><text class="terminal-245581281-r7" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-245581281-line-17)">▌</text><text class="terminal-245581281-r7" x="963.8" y="434.8" textLength="12.2" clip-path="url(#terminal-245581281-line-17)">▐</text><text class="terminal-245581281-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-245581281-line-17)">
</text><text class="terminal-245581281-r7" x="0" y="459.2" textLength="976" clip-path="url(#terminal-245581281-line-18)">▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟</text><text class="terminal-245581281-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-245581281-line-18)">
</text><text class="terminal-245581281-r9" x="0" y="483.6" textLength="976" clip-path="url(#terminal-245581281-line-19)">▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜</text><text class="terminal-245581281-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-245581281-line-19)">
</text><text class="terminal-245581281-r9" x="0" y="508" textLength="12.2" clip-path="url(#terminal-245581281-line-20)">▌</text><text class="terminal-245581281-r9" x="963.8" y="508" textLength="12.2" clip-path="url(#terminal-245581281-line-20)">▐</text><text class="terminal-245581281-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-245581281-line-20)">
</text><text class="terminal-245581281-r9" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-245581281-line-21)">▌</text><text class="terminal-245581281-r10" x="402.6" y="532.4" textLength="158.6" clip-path="url(#terminal-245581281-line-21)">opacity:&#160;100%</text><text class="terminal-245581281-r9" x="963.8" y="532.4" textLength="12.2" clip-path="url(#terminal-245581281-line-21)">▐</text><text class="terminal-245581281-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-245581281-line-21)">
</text><text class="terminal-245581281-r9" x="0" y="556.8" textLength="12.2" clip-path="url(#terminal-245581281-line-22)">▌</text><text class="terminal-245581281-r9" x="963.8" y="556.8" textLength="12.2" clip-path="url(#terminal-245581281-line-22)">▐</text><text class="terminal-245581281-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-245581281-line-22)">
</text><text class="terminal-245581281-r9" x="0" y="581.2" textLength="976" clip-path="url(#terminal-245581281-line-23)">▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/outline.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2107256950-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2107256950-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2107256950-r1 { fill: #000000 }
.terminal-2107256950-r2 { fill: #c5c8c6 }
.terminal-2107256950-r3 { fill: #008000 }
.terminal-2107256950-r4 { fill: #cce5cc }
</style>
<defs>
<clipPath id="terminal-2107256950-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2107256950-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2107256950-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2107256950-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OutlineApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2107256950-clip-terminal)">
<rect fill="#ffffff" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="97.6" y="99.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="97.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="109.8" y="123.5" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="390.4" y="123.5" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="866.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="97.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="109.8" y="147.9" width="671" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="780.8" y="147.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="866.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="109.8" y="172.3" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="341.6" y="172.3" width="524.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="866.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="97.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="109.8" y="196.7" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="683.2" y="196.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="866.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="97.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="109.8" y="221.1" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="866.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="97.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="109.8" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="158.6" y="245.5" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="866.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="97.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="109.8" y="269.9" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="817.4" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="866.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="97.6" y="294.3" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="878.4" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2107256950-matrix">
<text class="terminal-2107256950-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2107256950-line-0)">
</text><text class="terminal-2107256950-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2107256950-line-1)">
</text><text class="terminal-2107256950-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2107256950-line-2)">
</text><text class="terminal-2107256950-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2107256950-line-3)">
</text><text class="terminal-2107256950-r3" x="97.6" y="117.6" textLength="780.8" clip-path="url(#terminal-2107256950-line-4)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2107256950-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2107256950-line-4)">
</text><text class="terminal-2107256950-r3" x="97.6" y="142" textLength="12.2" clip-path="url(#terminal-2107256950-line-5)">▎</text><text class="terminal-2107256950-r1" x="109.8" y="142" textLength="280.6" clip-path="url(#terminal-2107256950-line-5)">ear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-2107256950-r4" x="866.2" y="142" textLength="12.2" clip-path="url(#terminal-2107256950-line-5)">▋</text><text class="terminal-2107256950-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2107256950-line-5)">
</text><text class="terminal-2107256950-r3" x="97.6" y="166.4" textLength="12.2" clip-path="url(#terminal-2107256950-line-6)">▎</text><text class="terminal-2107256950-r1" x="109.8" y="166.4" textLength="671" clip-path="url(#terminal-2107256950-line-6)">ear&#160;is&#160;the&#160;little-death&#160;that&#160;brings&#160;total&#160;obliteration.</text><text class="terminal-2107256950-r4" x="866.2" y="166.4" textLength="12.2" clip-path="url(#terminal-2107256950-line-6)">▋</text><text class="terminal-2107256950-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2107256950-line-6)">
</text><text class="terminal-2107256950-r3" x="97.6" y="190.8" textLength="12.2" clip-path="url(#terminal-2107256950-line-7)">▎</text><text class="terminal-2107256950-r1" x="109.8" y="190.8" textLength="231.8" clip-path="url(#terminal-2107256950-line-7)">&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-2107256950-r4" x="866.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2107256950-line-7)">▋</text><text class="terminal-2107256950-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2107256950-line-7)">
</text><text class="terminal-2107256950-r3" x="97.6" y="215.2" textLength="12.2" clip-path="url(#terminal-2107256950-line-8)">▎</text><text class="terminal-2107256950-r1" x="109.8" y="215.2" textLength="573.4" clip-path="url(#terminal-2107256950-line-8)">&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;and&#160;through&#160;me.</text><text class="terminal-2107256950-r4" x="866.2" y="215.2" textLength="12.2" clip-path="url(#terminal-2107256950-line-8)">▋</text><text class="terminal-2107256950-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2107256950-line-8)">
</text><text class="terminal-2107256950-r3" x="97.6" y="239.6" textLength="12.2" clip-path="url(#terminal-2107256950-line-9)">▎</text><text class="terminal-2107256950-r1" x="109.8" y="239.6" textLength="756.4" clip-path="url(#terminal-2107256950-line-9)">nd&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;will&#160;turn&#160;the&#160;inner&#160;eye&#160;to&#160;see&#160;its</text><text class="terminal-2107256950-r4" x="866.2" y="239.6" textLength="12.2" clip-path="url(#terminal-2107256950-line-9)">▋</text><text class="terminal-2107256950-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2107256950-line-9)">
</text><text class="terminal-2107256950-r3" x="97.6" y="264" textLength="12.2" clip-path="url(#terminal-2107256950-line-10)">▎</text><text class="terminal-2107256950-r1" x="109.8" y="264" textLength="48.8" clip-path="url(#terminal-2107256950-line-10)">ath.</text><text class="terminal-2107256950-r4" x="866.2" y="264" textLength="12.2" clip-path="url(#terminal-2107256950-line-10)">▋</text><text class="terminal-2107256950-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2107256950-line-10)">
</text><text class="terminal-2107256950-r3" x="97.6" y="288.4" textLength="12.2" clip-path="url(#terminal-2107256950-line-11)">▎</text><text class="terminal-2107256950-r1" x="109.8" y="288.4" textLength="707.6" clip-path="url(#terminal-2107256950-line-11)">here&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;will&#160;be&#160;nothing.&#160;Only&#160;I&#160;will&#160;</text><text class="terminal-2107256950-r4" x="866.2" y="288.4" textLength="12.2" clip-path="url(#terminal-2107256950-line-11)">▋</text><text class="terminal-2107256950-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2107256950-line-11)">
</text><text class="terminal-2107256950-r3" x="97.6" y="312.8" textLength="780.8" clip-path="url(#terminal-2107256950-line-12)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2107256950-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2107256950-line-12)">
</text><text class="terminal-2107256950-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2107256950-line-13)">
</text><text class="terminal-2107256950-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2107256950-line-14)">
</text><text class="terminal-2107256950-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2107256950-line-15)">
</text><text class="terminal-2107256950-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2107256950-line-16)">
</text><text class="terminal-2107256950-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2107256950-line-17)">
</text><text class="terminal-2107256950-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2107256950-line-18)">
</text><text class="terminal-2107256950-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2107256950-line-19)">
</text><text class="terminal-2107256950-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2107256950-line-20)">
</text><text class="terminal-2107256950-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2107256950-line-21)">
</text><text class="terminal-2107256950-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2107256950-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/overflow.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-4117108672-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-4117108672-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-4117108672-r1 { fill: #000000 }
.terminal-4117108672-r2 { fill: #c5c8c6 }
.terminal-4117108672-r3 { fill: #008000 }
.terminal-4117108672-r4 { fill: #e5f0e5 }
.terminal-4117108672-r5 { fill: #036a03 }
.terminal-4117108672-r6 { fill: #14191f }
</style>
<defs>
<clipPath id="terminal-4117108672-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-4117108672-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4117108672-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4117108672-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OverflowApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-4117108672-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="1.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="24.4" y="25.9" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="512.4" y="25.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="50.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="231.8" y="50.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="50.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="719.8" y="50.3" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="74.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="329.4" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="74.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="817.4" y="74.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="99.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="402.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="99.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="890.6" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="123.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="353.8" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="123.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="841.8" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="147.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="280.6" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="147.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="768.6" y="147.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="172.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="172.3" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="927.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="196.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="219.6" y="196.7" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="196.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="707.6" y="196.7" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="221.1" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="390.4" y="221.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="221.1" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="245.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="414.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="245.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="890.6" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="269.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="146.4" y="269.9" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="269.9" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="585.6" y="269.9" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="294.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="402.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="294.3" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="318.7" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="390.4" y="318.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="318.7" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="902.8" y="318.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="343.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="122" y="343.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="512.4" y="343.1" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="24.4" y="367.5" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="367.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="512.4" y="391.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="24.4" y="416.3" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="416.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="719.8" y="416.3" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="440.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="231.8" y="440.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="440.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="817.4" y="440.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="465.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="329.4" y="465.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="465.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="890.6" y="465.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="489.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="402.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="489.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="841.8" y="489.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="513.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="353.8" y="513.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="513.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="768.6" y="513.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="538.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="280.6" y="538.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="538.3" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="927.2" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="24.4" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="36.6" y="562.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="427" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="512.4" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="524.6" y="562.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#036a03" x="707.6" y="562.7" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="939.4" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4117108672-matrix">
<text class="terminal-4117108672-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4117108672-line-0)">
</text><text class="terminal-4117108672-r3" x="24.4" y="44.4" textLength="414.8" clip-path="url(#terminal-4117108672-line-1)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4117108672-r3" x="512.4" y="44.4" textLength="439.2" clip-path="url(#terminal-4117108672-line-1)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4117108672-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-1)">
</text><text class="terminal-4117108672-r3" x="24.4" y="68.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-2)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="68.8" textLength="195.2" clip-path="url(#terminal-4117108672-line-2)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-4117108672-r5" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-2)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="68.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-2)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="68.8" textLength="195.2" clip-path="url(#terminal-4117108672-line-2)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-4117108672-r5" x="939.4" y="68.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-2)">▋</text><text class="terminal-4117108672-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-2)">
</text><text class="terminal-4117108672-r3" x="24.4" y="93.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-3)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="93.2" textLength="292.8" clip-path="url(#terminal-4117108672-line-3)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-4117108672-r5" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-3)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="93.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-3)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="93.2" textLength="292.8" clip-path="url(#terminal-4117108672-line-3)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-4117108672-r5" x="939.4" y="93.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-3)">▋</text><text class="terminal-4117108672-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-3)">
</text><text class="terminal-4117108672-r3" x="24.4" y="117.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-4)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="117.6" textLength="366" clip-path="url(#terminal-4117108672-line-4)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;</text><text class="terminal-4117108672-r5" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-4)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="117.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-4)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="117.6" textLength="366" clip-path="url(#terminal-4117108672-line-4)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;</text><text class="terminal-4117108672-r5" x="939.4" y="117.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-4)">▋</text><text class="terminal-4117108672-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-4)">
</text><text class="terminal-4117108672-r3" x="24.4" y="142" textLength="12.2" clip-path="url(#terminal-4117108672-line-5)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="142" textLength="317.2" clip-path="url(#terminal-4117108672-line-5)">brings&#160;total&#160;obliteration.</text><text class="terminal-4117108672-r5" x="427" y="142" textLength="12.2" clip-path="url(#terminal-4117108672-line-5)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="142" textLength="12.2" clip-path="url(#terminal-4117108672-line-5)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="142" textLength="317.2" clip-path="url(#terminal-4117108672-line-5)">brings&#160;total&#160;obliteration.</text><text class="terminal-4117108672-r5" x="939.4" y="142" textLength="12.2" clip-path="url(#terminal-4117108672-line-5)">▋</text><text class="terminal-4117108672-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4117108672-line-5)">
</text><text class="terminal-4117108672-r3" x="24.4" y="166.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-6)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="166.4" textLength="244" clip-path="url(#terminal-4117108672-line-6)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-4117108672-r5" x="427" y="166.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-6)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="166.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-6)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="166.4" textLength="244" clip-path="url(#terminal-4117108672-line-6)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-4117108672-r5" x="939.4" y="166.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-6)">▋</text><text class="terminal-4117108672-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-6)">
</text><text class="terminal-4117108672-r3" x="24.4" y="190.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-7)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="190.8" textLength="390.4" clip-path="url(#terminal-4117108672-line-7)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me</text><text class="terminal-4117108672-r5" x="427" y="190.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-7)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="190.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-7)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="190.8" textLength="402.6" clip-path="url(#terminal-4117108672-line-7)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;</text><text class="terminal-4117108672-r5" x="939.4" y="190.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-7)">▋</text><text class="terminal-4117108672-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-7)">
</text><text class="terminal-4117108672-r3" x="24.4" y="215.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-8)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="215.2" textLength="183" clip-path="url(#terminal-4117108672-line-8)">and&#160;through&#160;me.</text><text class="terminal-4117108672-r5" x="427" y="215.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-8)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="215.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-8)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="215.2" textLength="183" clip-path="url(#terminal-4117108672-line-8)">and&#160;through&#160;me.</text><text class="terminal-4117108672-r5" x="939.4" y="215.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-8)">▋</text><text class="terminal-4117108672-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-8)">
</text><text class="terminal-4117108672-r3" x="24.4" y="239.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-9)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="239.6" textLength="353.8" clip-path="url(#terminal-4117108672-line-9)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;</text><text class="terminal-4117108672-r5" x="427" y="239.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-9)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="239.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-9)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="239.6" textLength="414.8" clip-path="url(#terminal-4117108672-line-9)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;will&#160;</text><text class="terminal-4117108672-r5" x="939.4" y="239.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-9)">▋</text><text class="terminal-4117108672-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-9)">
</text><text class="terminal-4117108672-r3" x="24.4" y="264" textLength="12.2" clip-path="url(#terminal-4117108672-line-10)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="264" textLength="378.2" clip-path="url(#terminal-4117108672-line-10)">will&#160;turn&#160;the&#160;inner&#160;eye&#160;to&#160;see&#160;</text><text class="terminal-4117108672-r5" x="427" y="264" textLength="12.2" clip-path="url(#terminal-4117108672-line-10)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="264" textLength="12.2" clip-path="url(#terminal-4117108672-line-10)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="264" textLength="366" clip-path="url(#terminal-4117108672-line-10)">turn&#160;the&#160;inner&#160;eye&#160;to&#160;see&#160;its&#160;</text><text class="terminal-4117108672-r5" x="939.4" y="264" textLength="12.2" clip-path="url(#terminal-4117108672-line-10)">▋</text><text class="terminal-4117108672-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4117108672-line-10)">
</text><text class="terminal-4117108672-r3" x="24.4" y="288.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-11)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="288.4" textLength="109.8" clip-path="url(#terminal-4117108672-line-11)">its&#160;path.</text><text class="terminal-4117108672-r5" x="427" y="288.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-11)">▋</text><text class="terminal-4117108672-r6" x="463.6" y="288.4" textLength="24.4" clip-path="url(#terminal-4117108672-line-11)">▁▁</text><text class="terminal-4117108672-r3" x="512.4" y="288.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-11)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="288.4" textLength="61" clip-path="url(#terminal-4117108672-line-11)">path.</text><text class="terminal-4117108672-r5" x="939.4" y="288.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-11)">▋</text><text class="terminal-4117108672-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-11)">
</text><text class="terminal-4117108672-r3" x="24.4" y="312.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-12)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="312.8" textLength="366" clip-path="url(#terminal-4117108672-line-12)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;</text><text class="terminal-4117108672-r5" x="427" y="312.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-12)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="312.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-12)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="312.8" textLength="414.8" clip-path="url(#terminal-4117108672-line-12)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;will</text><text class="terminal-4117108672-r5" x="939.4" y="312.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-12)">▋</text><text class="terminal-4117108672-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-12)">
</text><text class="terminal-4117108672-r3" x="24.4" y="337.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-13)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="337.2" textLength="353.8" clip-path="url(#terminal-4117108672-line-13)">will&#160;be&#160;nothing.&#160;Only&#160;I&#160;will&#160;</text><text class="terminal-4117108672-r5" x="427" y="337.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-13)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="337.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-13)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="337.2" textLength="378.2" clip-path="url(#terminal-4117108672-line-13)">be&#160;nothing.&#160;Only&#160;I&#160;will&#160;remain.</text><text class="terminal-4117108672-r5" x="939.4" y="337.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-13)">▋</text><text class="terminal-4117108672-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-13)">
</text><text class="terminal-4117108672-r3" x="24.4" y="361.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-14)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="361.6" textLength="85.4" clip-path="url(#terminal-4117108672-line-14)">remain.</text><text class="terminal-4117108672-r5" x="427" y="361.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-14)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="361.6" textLength="439.2" clip-path="url(#terminal-4117108672-line-14)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4117108672-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-14)">
</text><text class="terminal-4117108672-r3" x="24.4" y="386" textLength="414.8" clip-path="url(#terminal-4117108672-line-15)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4117108672-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4117108672-line-15)">
</text><text class="terminal-4117108672-r3" x="512.4" y="410.4" textLength="439.2" clip-path="url(#terminal-4117108672-line-16)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4117108672-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-16)">
</text><text class="terminal-4117108672-r3" x="24.4" y="434.8" textLength="414.8" clip-path="url(#terminal-4117108672-line-17)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4117108672-r3" x="512.4" y="434.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-17)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="434.8" textLength="195.2" clip-path="url(#terminal-4117108672-line-17)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-4117108672-r5" x="939.4" y="434.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-17)">▋</text><text class="terminal-4117108672-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-17)">
</text><text class="terminal-4117108672-r3" x="24.4" y="459.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-18)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="459.2" textLength="195.2" clip-path="url(#terminal-4117108672-line-18)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-4117108672-r5" x="427" y="459.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-18)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="459.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-18)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="459.2" textLength="292.8" clip-path="url(#terminal-4117108672-line-18)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-4117108672-r5" x="939.4" y="459.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-18)">▋</text><text class="terminal-4117108672-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-18)">
</text><text class="terminal-4117108672-r3" x="24.4" y="483.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-19)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="483.6" textLength="292.8" clip-path="url(#terminal-4117108672-line-19)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-4117108672-r5" x="427" y="483.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-19)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="483.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-19)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="483.6" textLength="366" clip-path="url(#terminal-4117108672-line-19)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;</text><text class="terminal-4117108672-r5" x="939.4" y="483.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-19)">▋</text><text class="terminal-4117108672-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4117108672-line-19)">
</text><text class="terminal-4117108672-r3" x="24.4" y="508" textLength="12.2" clip-path="url(#terminal-4117108672-line-20)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="508" textLength="366" clip-path="url(#terminal-4117108672-line-20)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;</text><text class="terminal-4117108672-r5" x="427" y="508" textLength="12.2" clip-path="url(#terminal-4117108672-line-20)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="508" textLength="12.2" clip-path="url(#terminal-4117108672-line-20)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="508" textLength="317.2" clip-path="url(#terminal-4117108672-line-20)">brings&#160;total&#160;obliteration.</text><text class="terminal-4117108672-r5" x="939.4" y="508" textLength="12.2" clip-path="url(#terminal-4117108672-line-20)">▋</text><text class="terminal-4117108672-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4117108672-line-20)">
</text><text class="terminal-4117108672-r3" x="24.4" y="532.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-21)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="532.4" textLength="317.2" clip-path="url(#terminal-4117108672-line-21)">brings&#160;total&#160;obliteration.</text><text class="terminal-4117108672-r5" x="427" y="532.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-21)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="532.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-21)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="532.4" textLength="244" clip-path="url(#terminal-4117108672-line-21)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-4117108672-r5" x="939.4" y="532.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-21)">▋</text><text class="terminal-4117108672-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4117108672-line-21)">
</text><text class="terminal-4117108672-r3" x="24.4" y="556.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-22)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="556.8" textLength="244" clip-path="url(#terminal-4117108672-line-22)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-4117108672-r5" x="427" y="556.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-22)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="556.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-22)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="556.8" textLength="402.6" clip-path="url(#terminal-4117108672-line-22)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;</text><text class="terminal-4117108672-r5" x="939.4" y="556.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-22)">▋</text><text class="terminal-4117108672-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4117108672-line-22)">
</text><text class="terminal-4117108672-r3" x="24.4" y="581.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-23)">▎</text><text class="terminal-4117108672-r4" x="36.6" y="581.2" textLength="390.4" clip-path="url(#terminal-4117108672-line-23)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me</text><text class="terminal-4117108672-r5" x="427" y="581.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-23)">▋</text><text class="terminal-4117108672-r3" x="512.4" y="581.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-23)">▎</text><text class="terminal-4117108672-r4" x="524.6" y="581.2" textLength="183" clip-path="url(#terminal-4117108672-line-23)">and&#160;through&#160;me.</text><text class="terminal-4117108672-r5" x="939.4" y="581.2" textLength="12.2" clip-path="url(#terminal-4117108672-line-23)">▋</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/padding.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-1142797465-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1142797465-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1142797465-r1 { fill: #c5c8c6 }
.terminal-1142797465-r2 { fill: #0000ff }
</style>
<defs>
<clipPath id="terminal-1142797465-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1142797465-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1142797465-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1142797465-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">PaddingApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-1142797465-clip-terminal)">
<rect fill="#ccccff" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="99.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="292.8" y="99.1" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="123.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="390.4" y="123.5" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="147.9" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="780.8" y="147.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="172.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="341.6" y="172.3" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="196.7" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="683.2" y="196.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="221.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="878.4" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="245.5" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="158.6" y="245.5" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="269.9" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="817.4" y="269.9" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="294.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="183" y="294.3" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1142797465-matrix">
<text class="terminal-1142797465-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1142797465-line-0)">
</text><text class="terminal-1142797465-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1142797465-line-1)">
</text><text class="terminal-1142797465-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1142797465-line-2)">
</text><text class="terminal-1142797465-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1142797465-line-3)">
</text><text class="terminal-1142797465-r2" x="97.6" y="117.6" textLength="195.2" clip-path="url(#terminal-1142797465-line-4)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-1142797465-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1142797465-line-4)">
</text><text class="terminal-1142797465-r2" x="97.6" y="142" textLength="292.8" clip-path="url(#terminal-1142797465-line-5)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-1142797465-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1142797465-line-5)">
</text><text class="terminal-1142797465-r2" x="97.6" y="166.4" textLength="683.2" clip-path="url(#terminal-1142797465-line-6)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;brings&#160;total&#160;obliteration.</text><text class="terminal-1142797465-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1142797465-line-6)">
</text><text class="terminal-1142797465-r2" x="97.6" y="190.8" textLength="244" clip-path="url(#terminal-1142797465-line-7)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-1142797465-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1142797465-line-7)">
</text><text class="terminal-1142797465-r2" x="97.6" y="215.2" textLength="585.6" clip-path="url(#terminal-1142797465-line-8)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;and&#160;through&#160;me.</text><text class="terminal-1142797465-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1142797465-line-8)">
</text><text class="terminal-1142797465-r2" x="97.6" y="239.6" textLength="780.8" clip-path="url(#terminal-1142797465-line-9)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;will&#160;turn&#160;the&#160;inner&#160;eye&#160;to&#160;see&#160;its&#160;</text><text class="terminal-1142797465-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1142797465-line-9)">
</text><text class="terminal-1142797465-r2" x="97.6" y="264" textLength="61" clip-path="url(#terminal-1142797465-line-10)">path.</text><text class="terminal-1142797465-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1142797465-line-10)">
</text><text class="terminal-1142797465-r2" x="97.6" y="288.4" textLength="719.8" clip-path="url(#terminal-1142797465-line-11)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;will&#160;be&#160;nothing.&#160;Only&#160;I&#160;will&#160;</text><text class="terminal-1142797465-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1142797465-line-11)">
</text><text class="terminal-1142797465-r2" x="97.6" y="312.8" textLength="85.4" clip-path="url(#terminal-1142797465-line-12)">remain.</text><text class="terminal-1142797465-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1142797465-line-12)">
</text><text class="terminal-1142797465-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1142797465-line-13)">
</text><text class="terminal-1142797465-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1142797465-line-14)">
</text><text class="terminal-1142797465-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1142797465-line-15)">
</text><text class="terminal-1142797465-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1142797465-line-16)">
</text><text class="terminal-1142797465-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1142797465-line-17)">
</text><text class="terminal-1142797465-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1142797465-line-18)">
</text><text class="terminal-1142797465-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1142797465-line-19)">
</text><text class="terminal-1142797465-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1142797465-line-20)">
</text><text class="terminal-1142797465-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1142797465-line-21)">
</text><text class="terminal-1142797465-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1142797465-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/scrollbar_gutter.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2133906435-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2133906435-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2133906435-r1 { fill: #fffaf0 }
.terminal-2133906435-r2 { fill: #c5c8c6 }
.terminal-2133906435-r3 { fill: #e1e1e1 }
</style>
<defs>
<clipPath id="terminal-2133906435-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2133906435-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2133906435-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2133906435-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ScrollbarGutterApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2133906435-clip-terminal)">
<rect fill="#8b008b" x="0" y="1.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="195.2" y="1.5" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="25.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="292.8" y="25.9" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="50.3" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="683.2" y="50.3" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="74.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="244" y="74.7" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="99.1" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="585.6" y="99.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="123.5" width="841.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="841.8" y="123.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="147.9" width="805.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="805.2" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2133906435-matrix">
<text class="terminal-2133906435-r1" x="0" y="20" textLength="195.2" clip-path="url(#terminal-2133906435-line-0)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-2133906435-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2133906435-line-0)">
</text><text class="terminal-2133906435-r1" x="0" y="44.4" textLength="292.8" clip-path="url(#terminal-2133906435-line-1)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-2133906435-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2133906435-line-1)">
</text><text class="terminal-2133906435-r1" x="0" y="68.8" textLength="683.2" clip-path="url(#terminal-2133906435-line-2)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;brings&#160;total&#160;obliteration.</text><text class="terminal-2133906435-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2133906435-line-2)">
</text><text class="terminal-2133906435-r1" x="0" y="93.2" textLength="244" clip-path="url(#terminal-2133906435-line-3)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-2133906435-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2133906435-line-3)">
</text><text class="terminal-2133906435-r1" x="0" y="117.6" textLength="585.6" clip-path="url(#terminal-2133906435-line-4)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;and&#160;through&#160;me.</text><text class="terminal-2133906435-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2133906435-line-4)">
</text><text class="terminal-2133906435-r1" x="0" y="142" textLength="841.8" clip-path="url(#terminal-2133906435-line-5)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;will&#160;turn&#160;the&#160;inner&#160;eye&#160;to&#160;see&#160;its&#160;path.</text><text class="terminal-2133906435-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2133906435-line-5)">
</text><text class="terminal-2133906435-r1" x="0" y="166.4" textLength="805.2" clip-path="url(#terminal-2133906435-line-6)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;will&#160;be&#160;nothing.&#160;Only&#160;I&#160;will&#160;remain.</text><text class="terminal-2133906435-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2133906435-line-6)">
</text><text class="terminal-2133906435-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2133906435-line-7)">
</text><text class="terminal-2133906435-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2133906435-line-8)">
</text><text class="terminal-2133906435-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2133906435-line-9)">
</text><text class="terminal-2133906435-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2133906435-line-10)">
</text><text class="terminal-2133906435-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2133906435-line-11)">
</text><text class="terminal-2133906435-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2133906435-line-12)">
</text><text class="terminal-2133906435-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2133906435-line-13)">
</text><text class="terminal-2133906435-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2133906435-line-14)">
</text><text class="terminal-2133906435-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2133906435-line-15)">
</text><text class="terminal-2133906435-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2133906435-line-16)">
</text><text class="terminal-2133906435-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2133906435-line-17)">
</text><text class="terminal-2133906435-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2133906435-line-18)">
</text><text class="terminal-2133906435-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2133906435-line-19)">
</text><text class="terminal-2133906435-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2133906435-line-20)">
</text><text class="terminal-2133906435-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2133906435-line-21)">
</text><text class="terminal-2133906435-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2133906435-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/scrollbar_size.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-1467518286-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1467518286-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1467518286-r1 { fill: #3333ff }
.terminal-1467518286-r2 { fill: #c5c8c6 }
.terminal-1467518286-r3 { fill: #14191f }
</style>
<defs>
<clipPath id="terminal-1467518286-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1467518286-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1467518286-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1467518286-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ScrollbarApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-1467518286-clip-terminal)">
<rect fill="#ffffff" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="25.9" width="878.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="25.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="50.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="244" y="50.3" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="50.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="74.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="341.6" y="74.7" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="74.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="99.1" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="99.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="123.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="292.8" y="123.5" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="147.9" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="634.4" y="147.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="147.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="172.3" width="841.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="890.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="172.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="196.7" width="805.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="854" y="196.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="196.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="221.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="244" y="221.1" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="221.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="245.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="341.6" y="245.5" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="269.9" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="269.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="294.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="292.8" y="294.3" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="318.7" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="634.4" y="318.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="902.8" y="318.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="343.1" width="841.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="890.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="902.8" y="343.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="367.5" width="805.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="854" y="367.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="902.8" y="367.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="391.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="244" y="391.9" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="902.8" y="391.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="416.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="341.6" y="416.3" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="902.8" y="416.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="440.7" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="732" y="440.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="902.8" y="440.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="465.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="292.8" y="465.1" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="902.8" y="465.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="489.5" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="634.4" y="489.5" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="902.8" y="489.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="513.9" width="841.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="890.6" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="902.8" y="513.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="24.4" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="48.8" y="538.3" width="805.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="854" y="538.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="902.8" y="538.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1467518286-matrix">
<text class="terminal-1467518286-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1467518286-line-0)">
</text><text class="terminal-1467518286-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1467518286-line-1)">
</text><text class="terminal-1467518286-r1" x="48.8" y="68.8" textLength="195.2" clip-path="url(#terminal-1467518286-line-2)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-1467518286-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1467518286-line-2)">
</text><text class="terminal-1467518286-r1" x="48.8" y="93.2" textLength="292.8" clip-path="url(#terminal-1467518286-line-3)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-1467518286-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1467518286-line-3)">
</text><text class="terminal-1467518286-r1" x="48.8" y="117.6" textLength="683.2" clip-path="url(#terminal-1467518286-line-4)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;brings&#160;total&#160;obliteration.</text><text class="terminal-1467518286-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1467518286-line-4)">
</text><text class="terminal-1467518286-r1" x="48.8" y="142" textLength="244" clip-path="url(#terminal-1467518286-line-5)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-1467518286-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1467518286-line-5)">
</text><text class="terminal-1467518286-r1" x="48.8" y="166.4" textLength="585.6" clip-path="url(#terminal-1467518286-line-6)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;and&#160;through&#160;me.</text><text class="terminal-1467518286-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1467518286-line-6)">
</text><text class="terminal-1467518286-r1" x="48.8" y="190.8" textLength="841.8" clip-path="url(#terminal-1467518286-line-7)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;will&#160;turn&#160;the&#160;inner&#160;eye&#160;to&#160;see&#160;its&#160;path.</text><text class="terminal-1467518286-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1467518286-line-7)">
</text><text class="terminal-1467518286-r1" x="48.8" y="215.2" textLength="805.2" clip-path="url(#terminal-1467518286-line-8)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;will&#160;be&#160;nothing.&#160;Only&#160;I&#160;will&#160;remain.</text><text class="terminal-1467518286-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1467518286-line-8)">
</text><text class="terminal-1467518286-r1" x="48.8" y="239.6" textLength="195.2" clip-path="url(#terminal-1467518286-line-9)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-1467518286-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1467518286-line-9)">
</text><text class="terminal-1467518286-r1" x="48.8" y="264" textLength="292.8" clip-path="url(#terminal-1467518286-line-10)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-1467518286-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1467518286-line-10)">
</text><text class="terminal-1467518286-r1" x="48.8" y="288.4" textLength="683.2" clip-path="url(#terminal-1467518286-line-11)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;brings&#160;total&#160;obliteration.</text><text class="terminal-1467518286-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1467518286-line-11)">
</text><text class="terminal-1467518286-r1" x="48.8" y="312.8" textLength="244" clip-path="url(#terminal-1467518286-line-12)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-1467518286-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1467518286-line-12)">
</text><text class="terminal-1467518286-r1" x="48.8" y="337.2" textLength="585.6" clip-path="url(#terminal-1467518286-line-13)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;and&#160;through&#160;me.</text><text class="terminal-1467518286-r3" x="902.8" y="337.2" textLength="48.8" clip-path="url(#terminal-1467518286-line-13)">▂▂▂▂</text><text class="terminal-1467518286-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1467518286-line-13)">
</text><text class="terminal-1467518286-r1" x="48.8" y="361.6" textLength="841.8" clip-path="url(#terminal-1467518286-line-14)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;will&#160;turn&#160;the&#160;inner&#160;eye&#160;to&#160;see&#160;its&#160;path.</text><text class="terminal-1467518286-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1467518286-line-14)">
</text><text class="terminal-1467518286-r1" x="48.8" y="386" textLength="805.2" clip-path="url(#terminal-1467518286-line-15)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;will&#160;be&#160;nothing.&#160;Only&#160;I&#160;will&#160;remain.</text><text class="terminal-1467518286-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1467518286-line-15)">
</text><text class="terminal-1467518286-r1" x="48.8" y="410.4" textLength="195.2" clip-path="url(#terminal-1467518286-line-16)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-1467518286-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1467518286-line-16)">
</text><text class="terminal-1467518286-r1" x="48.8" y="434.8" textLength="292.8" clip-path="url(#terminal-1467518286-line-17)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-1467518286-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1467518286-line-17)">
</text><text class="terminal-1467518286-r1" x="48.8" y="459.2" textLength="683.2" clip-path="url(#terminal-1467518286-line-18)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;brings&#160;total&#160;obliteration.</text><text class="terminal-1467518286-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1467518286-line-18)">
</text><text class="terminal-1467518286-r1" x="48.8" y="483.6" textLength="244" clip-path="url(#terminal-1467518286-line-19)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-1467518286-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1467518286-line-19)">
</text><text class="terminal-1467518286-r1" x="48.8" y="508" textLength="585.6" clip-path="url(#terminal-1467518286-line-20)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;and&#160;through&#160;me.</text><text class="terminal-1467518286-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1467518286-line-20)">
</text><text class="terminal-1467518286-r1" x="48.8" y="532.4" textLength="841.8" clip-path="url(#terminal-1467518286-line-21)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;will&#160;turn&#160;the&#160;inner&#160;eye&#160;to&#160;see&#160;its&#160;path.</text><text class="terminal-1467518286-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1467518286-line-21)">
</text><text class="terminal-1467518286-r1" x="48.8" y="556.8" textLength="805.2" clip-path="url(#terminal-1467518286-line-22)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;will&#160;be&#160;nothing.&#160;Only&#160;I&#160;will&#160;remain.</text><text class="terminal-1467518286-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1467518286-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/scrollbars.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2712574715-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2712574715-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2712574715-r1 { fill: #d2d2d2 }
.terminal-2712574715-r2 { fill: #c5c8c6 }
.terminal-2712574715-r3 { fill: #bbbbbb }
.terminal-2712574715-r4 { fill: #800080 }
</style>
<defs>
<clipPath id="terminal-2712574715-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2712574715-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2712574715-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2712574715-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ScrollbarApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2712574715-clip-terminal)">
<rect fill="#212121" x="0" y="1.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="1.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="25.9" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="25.9" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffff00" x="927.2" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="50.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="244" y="50.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="50.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="732" y="50.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffff00" x="927.2" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="74.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="341.6" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="74.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="829.6" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffff00" x="927.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="99.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="414.8" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="99.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="902.8" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffff00" x="927.2" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="123.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="366" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="123.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="854" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffff00" x="927.2" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="147.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="292.8" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="147.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="780.8" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffff00" x="927.2" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="172.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="414.8" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="172.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="902.8" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffff00" x="927.2" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="196.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="268.4" y="196.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="196.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="756.4" y="196.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffff00" x="927.2" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="221.1" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="402.6" y="221.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="221.1" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="890.6" y="221.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="245.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="414.8" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="245.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="902.8" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="269.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="158.6" y="269.9" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="269.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="646.6" y="269.9" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="294.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="414.8" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="294.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="902.8" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="318.7" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="402.6" y="318.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="318.7" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="890.6" y="318.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="343.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="134.2" y="343.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="343.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="622.2" y="343.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="367.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="244" y="367.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="367.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="732" y="367.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="391.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="341.6" y="391.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="391.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="829.6" y="391.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="416.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="414.8" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="416.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="902.8" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="440.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="366" y="440.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="440.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="854" y="440.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="465.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="292.8" y="465.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="465.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="780.8" y="465.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="489.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="414.8" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="489.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="902.8" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="513.9" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="268.4" y="513.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="513.9" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="756.4" y="513.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="24.4" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="48.8" y="538.3" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="402.6" y="538.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#bbbbbb" x="439.2" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="463.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="512.4" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="536.8" y="538.3" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="890.6" y="538.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#800080" x="927.2" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="0" y="562.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#212121" x="488" y="562.7" width="488" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2712574715-matrix">
<text class="terminal-2712574715-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2712574715-line-0)">
</text><text class="terminal-2712574715-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2712574715-line-1)">
</text><text class="terminal-2712574715-r1" x="48.8" y="68.8" textLength="195.2" clip-path="url(#terminal-2712574715-line-2)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-2712574715-r1" x="536.8" y="68.8" textLength="195.2" clip-path="url(#terminal-2712574715-line-2)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-2712574715-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2712574715-line-2)">
</text><text class="terminal-2712574715-r1" x="48.8" y="93.2" textLength="292.8" clip-path="url(#terminal-2712574715-line-3)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-2712574715-r1" x="536.8" y="93.2" textLength="292.8" clip-path="url(#terminal-2712574715-line-3)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-2712574715-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2712574715-line-3)">
</text><text class="terminal-2712574715-r1" x="48.8" y="117.6" textLength="366" clip-path="url(#terminal-2712574715-line-4)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;</text><text class="terminal-2712574715-r1" x="536.8" y="117.6" textLength="366" clip-path="url(#terminal-2712574715-line-4)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;</text><text class="terminal-2712574715-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2712574715-line-4)">
</text><text class="terminal-2712574715-r1" x="48.8" y="142" textLength="317.2" clip-path="url(#terminal-2712574715-line-5)">brings&#160;total&#160;obliteration.</text><text class="terminal-2712574715-r1" x="536.8" y="142" textLength="317.2" clip-path="url(#terminal-2712574715-line-5)">brings&#160;total&#160;obliteration.</text><text class="terminal-2712574715-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2712574715-line-5)">
</text><text class="terminal-2712574715-r1" x="48.8" y="166.4" textLength="244" clip-path="url(#terminal-2712574715-line-6)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-2712574715-r1" x="536.8" y="166.4" textLength="244" clip-path="url(#terminal-2712574715-line-6)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-2712574715-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2712574715-line-6)">
</text><text class="terminal-2712574715-r1" x="48.8" y="190.8" textLength="366" clip-path="url(#terminal-2712574715-line-7)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;</text><text class="terminal-2712574715-r1" x="536.8" y="190.8" textLength="366" clip-path="url(#terminal-2712574715-line-7)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;</text><text class="terminal-2712574715-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2712574715-line-7)">
</text><text class="terminal-2712574715-r1" x="48.8" y="215.2" textLength="219.6" clip-path="url(#terminal-2712574715-line-8)">me&#160;and&#160;through&#160;me.</text><text class="terminal-2712574715-r3" x="439.2" y="215.2" textLength="24.4" clip-path="url(#terminal-2712574715-line-8)">▇▇</text><text class="terminal-2712574715-r1" x="536.8" y="215.2" textLength="219.6" clip-path="url(#terminal-2712574715-line-8)">me&#160;and&#160;through&#160;me.</text><text class="terminal-2712574715-r4" x="927.2" y="215.2" textLength="24.4" clip-path="url(#terminal-2712574715-line-8)">▇▇</text><text class="terminal-2712574715-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2712574715-line-8)">
</text><text class="terminal-2712574715-r1" x="48.8" y="239.6" textLength="353.8" clip-path="url(#terminal-2712574715-line-9)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;</text><text class="terminal-2712574715-r1" x="536.8" y="239.6" textLength="353.8" clip-path="url(#terminal-2712574715-line-9)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;</text><text class="terminal-2712574715-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2712574715-line-9)">
</text><text class="terminal-2712574715-r1" x="48.8" y="264" textLength="366" clip-path="url(#terminal-2712574715-line-10)">will&#160;turn&#160;the&#160;inner&#160;eye&#160;to&#160;see</text><text class="terminal-2712574715-r1" x="536.8" y="264" textLength="366" clip-path="url(#terminal-2712574715-line-10)">will&#160;turn&#160;the&#160;inner&#160;eye&#160;to&#160;see</text><text class="terminal-2712574715-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2712574715-line-10)">
</text><text class="terminal-2712574715-r1" x="48.8" y="288.4" textLength="109.8" clip-path="url(#terminal-2712574715-line-11)">its&#160;path.</text><text class="terminal-2712574715-r1" x="536.8" y="288.4" textLength="109.8" clip-path="url(#terminal-2712574715-line-11)">its&#160;path.</text><text class="terminal-2712574715-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2712574715-line-11)">
</text><text class="terminal-2712574715-r1" x="48.8" y="312.8" textLength="366" clip-path="url(#terminal-2712574715-line-12)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;</text><text class="terminal-2712574715-r1" x="536.8" y="312.8" textLength="366" clip-path="url(#terminal-2712574715-line-12)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;</text><text class="terminal-2712574715-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2712574715-line-12)">
</text><text class="terminal-2712574715-r1" x="48.8" y="337.2" textLength="353.8" clip-path="url(#terminal-2712574715-line-13)">will&#160;be&#160;nothing.&#160;Only&#160;I&#160;will&#160;</text><text class="terminal-2712574715-r1" x="536.8" y="337.2" textLength="353.8" clip-path="url(#terminal-2712574715-line-13)">will&#160;be&#160;nothing.&#160;Only&#160;I&#160;will&#160;</text><text class="terminal-2712574715-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2712574715-line-13)">
</text><text class="terminal-2712574715-r1" x="48.8" y="361.6" textLength="85.4" clip-path="url(#terminal-2712574715-line-14)">remain.</text><text class="terminal-2712574715-r1" x="536.8" y="361.6" textLength="85.4" clip-path="url(#terminal-2712574715-line-14)">remain.</text><text class="terminal-2712574715-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2712574715-line-14)">
</text><text class="terminal-2712574715-r1" x="48.8" y="386" textLength="195.2" clip-path="url(#terminal-2712574715-line-15)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-2712574715-r1" x="536.8" y="386" textLength="195.2" clip-path="url(#terminal-2712574715-line-15)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-2712574715-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2712574715-line-15)">
</text><text class="terminal-2712574715-r1" x="48.8" y="410.4" textLength="292.8" clip-path="url(#terminal-2712574715-line-16)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-2712574715-r1" x="536.8" y="410.4" textLength="292.8" clip-path="url(#terminal-2712574715-line-16)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-2712574715-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2712574715-line-16)">
</text><text class="terminal-2712574715-r1" x="48.8" y="434.8" textLength="366" clip-path="url(#terminal-2712574715-line-17)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;</text><text class="terminal-2712574715-r1" x="536.8" y="434.8" textLength="366" clip-path="url(#terminal-2712574715-line-17)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;</text><text class="terminal-2712574715-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2712574715-line-17)">
</text><text class="terminal-2712574715-r1" x="48.8" y="459.2" textLength="317.2" clip-path="url(#terminal-2712574715-line-18)">brings&#160;total&#160;obliteration.</text><text class="terminal-2712574715-r1" x="536.8" y="459.2" textLength="317.2" clip-path="url(#terminal-2712574715-line-18)">brings&#160;total&#160;obliteration.</text><text class="terminal-2712574715-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2712574715-line-18)">
</text><text class="terminal-2712574715-r1" x="48.8" y="483.6" textLength="244" clip-path="url(#terminal-2712574715-line-19)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-2712574715-r1" x="536.8" y="483.6" textLength="244" clip-path="url(#terminal-2712574715-line-19)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-2712574715-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2712574715-line-19)">
</text><text class="terminal-2712574715-r1" x="48.8" y="508" textLength="366" clip-path="url(#terminal-2712574715-line-20)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;</text><text class="terminal-2712574715-r1" x="536.8" y="508" textLength="366" clip-path="url(#terminal-2712574715-line-20)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;</text><text class="terminal-2712574715-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2712574715-line-20)">
</text><text class="terminal-2712574715-r1" x="48.8" y="532.4" textLength="219.6" clip-path="url(#terminal-2712574715-line-21)">me&#160;and&#160;through&#160;me.</text><text class="terminal-2712574715-r1" x="536.8" y="532.4" textLength="219.6" clip-path="url(#terminal-2712574715-line-21)">me&#160;and&#160;through&#160;me.</text><text class="terminal-2712574715-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2712574715-line-21)">
</text><text class="terminal-2712574715-r1" x="48.8" y="556.8" textLength="353.8" clip-path="url(#terminal-2712574715-line-22)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;</text><text class="terminal-2712574715-r1" x="536.8" y="556.8" textLength="353.8" clip-path="url(#terminal-2712574715-line-22)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;</text><text class="terminal-2712574715-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2712574715-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/text_align.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-496646788-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-496646788-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-496646788-r1 { fill: #c5c8c6 }
.terminal-496646788-r2 { fill: #f4f9fb;font-weight: bold }
.terminal-496646788-r3 { fill: #f4f9fb }
.terminal-496646788-r4 { fill: #f8e9e9 }
.terminal-496646788-r5 { fill: #f8e9e9;font-weight: bold }
.terminal-496646788-r6 { fill: #f1fef1 }
.terminal-496646788-r7 { fill: #f1fef1;font-weight: bold }
.terminal-496646788-r8 { fill: #faecf0;font-weight: bold }
.terminal-496646788-r9 { fill: #faecf0 }
</style>
<defs>
<clipPath id="terminal-496646788-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-496646788-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-496646788-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-496646788-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TextAlign</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-496646788-clip-terminal)">
<rect fill="#add8e6" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="12.2" y="25.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="158.6" y="25.9" width="805.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="12.2" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="12.2" y="99.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#add8e6" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="12.2" y="172.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="402.6" y="172.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="573.4" y="172.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="12.2" y="196.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="12.2" y="221.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="12.2" y="245.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cd5c5c" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="12.2" y="318.7" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="805.2" y="318.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="963.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="12.2" y="343.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="963.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="12.2" y="367.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="963.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="12.2" y="391.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="963.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#98fb98" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="12.2" y="465.1" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="122" y="465.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="12.2" y="489.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="963.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="12.2" y="513.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="963.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="0" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="12.2" y="538.3" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="146.4" y="538.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#db7093" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-496646788-matrix">
<text class="terminal-496646788-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-496646788-line-0)">
</text><text class="terminal-496646788-r2" x="12.2" y="44.4" textLength="146.4" clip-path="url(#terminal-496646788-line-1)">Left&#160;aligned</text><text class="terminal-496646788-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-496646788-line-1)">
</text><text class="terminal-496646788-r3" x="12.2" y="68.8" textLength="951.6" clip-path="url(#terminal-496646788-line-2)">I&#160;must&#160;not&#160;fear.&#160;Fear&#160;is&#160;the&#160;mind-killer.&#160;Fear&#160;is&#160;the&#160;little-death&#160;that&#160;brings</text><text class="terminal-496646788-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-496646788-line-2)">
</text><text class="terminal-496646788-r3" x="12.2" y="93.2" textLength="951.6" clip-path="url(#terminal-496646788-line-3)">total&#160;obliteration.&#160;I&#160;will&#160;face&#160;my&#160;fear.&#160;I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;and&#160;</text><text class="terminal-496646788-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-496646788-line-3)">
</text><text class="terminal-496646788-r3" x="12.2" y="117.6" textLength="951.6" clip-path="url(#terminal-496646788-line-4)">through&#160;me.&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496646788-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-496646788-line-4)">
</text><text class="terminal-496646788-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-496646788-line-5)">
</text><text class="terminal-496646788-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-496646788-line-6)">
</text><text class="terminal-496646788-r5" x="402.6" y="190.8" textLength="170.8" clip-path="url(#terminal-496646788-line-7)">Center&#160;aligned</text><text class="terminal-496646788-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-496646788-line-7)">
</text><text class="terminal-496646788-r4" x="12.2" y="215.2" textLength="951.6" clip-path="url(#terminal-496646788-line-8)">I&#160;must&#160;not&#160;fear.&#160;Fear&#160;is&#160;the&#160;mind-killer.&#160;Fear&#160;is&#160;the&#160;little-death&#160;that&#160;brings</text><text class="terminal-496646788-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-496646788-line-8)">
</text><text class="terminal-496646788-r4" x="12.2" y="239.6" textLength="951.6" clip-path="url(#terminal-496646788-line-9)">total&#160;obliteration.&#160;I&#160;will&#160;face&#160;my&#160;fear.&#160;I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;and&#160;</text><text class="terminal-496646788-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-496646788-line-9)">
</text><text class="terminal-496646788-r4" x="12.2" y="264" textLength="951.6" clip-path="url(#terminal-496646788-line-10)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;through&#160;me.&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496646788-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-496646788-line-10)">
</text><text class="terminal-496646788-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-496646788-line-11)">
</text><text class="terminal-496646788-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-496646788-line-12)">
</text><text class="terminal-496646788-r7" x="805.2" y="337.2" textLength="158.6" clip-path="url(#terminal-496646788-line-13)">Right&#160;aligned</text><text class="terminal-496646788-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-496646788-line-13)">
</text><text class="terminal-496646788-r6" x="12.2" y="361.6" textLength="951.6" clip-path="url(#terminal-496646788-line-14)">I&#160;must&#160;not&#160;fear.&#160;Fear&#160;is&#160;the&#160;mind-killer.&#160;Fear&#160;is&#160;the&#160;little-death&#160;that&#160;brings</text><text class="terminal-496646788-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-496646788-line-14)">
</text><text class="terminal-496646788-r6" x="12.2" y="386" textLength="951.6" clip-path="url(#terminal-496646788-line-15)">&#160;total&#160;obliteration.&#160;I&#160;will&#160;face&#160;my&#160;fear.&#160;I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;and</text><text class="terminal-496646788-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-496646788-line-15)">
</text><text class="terminal-496646788-r6" x="12.2" y="410.4" textLength="951.6" clip-path="url(#terminal-496646788-line-16)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;through&#160;me.</text><text class="terminal-496646788-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-496646788-line-16)">
</text><text class="terminal-496646788-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-496646788-line-17)">
</text><text class="terminal-496646788-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-496646788-line-18)">
</text><text class="terminal-496646788-r8" x="12.2" y="483.6" textLength="109.8" clip-path="url(#terminal-496646788-line-19)">Justified</text><text class="terminal-496646788-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-496646788-line-19)">
</text><text class="terminal-496646788-r9" x="12.2" y="508" textLength="951.6" clip-path="url(#terminal-496646788-line-20)">I&#160;must&#160;not&#160;fear.&#160;Fear&#160;is&#160;the&#160;mind-killer.&#160;Fear&#160;is&#160;the&#160;little-death&#160;that&#160;brings</text><text class="terminal-496646788-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-496646788-line-20)">
</text><text class="terminal-496646788-r9" x="12.2" y="532.4" textLength="951.6" clip-path="url(#terminal-496646788-line-21)">total&#160;obliteration.&#160;I&#160;will&#160;face&#160;my&#160;fear.&#160;I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;&#160;and</text><text class="terminal-496646788-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-496646788-line-21)">
</text><text class="terminal-496646788-r9" x="12.2" y="556.8" textLength="134.2" clip-path="url(#terminal-496646788-line-22)">through&#160;me.</text><text class="terminal-496646788-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-496646788-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/text_opacity.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-248406950-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-248406950-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-248406950-r1 { fill: #c5c8c6 }
.terminal-248406950-r2 { fill: #4e4e4e;font-weight: bold }
.terminal-248406950-r3 { fill: #7f7f7f;font-weight: bold }
.terminal-248406950-r4 { fill: #b0b0b0;font-weight: bold }
.terminal-248406950-r5 { fill: #e1e1e1;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-248406950-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-248406950-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-248406950-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-248406950-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TextOpacityApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-248406950-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-248406950-matrix">
<text class="terminal-248406950-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-248406950-line-0)">
</text><text class="terminal-248406950-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-248406950-line-1)">
</text><text class="terminal-248406950-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-248406950-line-2)">
</text><text class="terminal-248406950-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-248406950-line-3)">
</text><text class="terminal-248406950-r2" x="0" y="117.6" textLength="976" clip-path="url(#terminal-248406950-line-4)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;text-opacity:&#160;25%&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-248406950-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-248406950-line-4)">
</text><text class="terminal-248406950-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-248406950-line-5)">
</text><text class="terminal-248406950-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-248406950-line-6)">
</text><text class="terminal-248406950-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-248406950-line-7)">
</text><text class="terminal-248406950-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-248406950-line-8)">
</text><text class="terminal-248406950-r3" x="0" y="239.6" textLength="976" clip-path="url(#terminal-248406950-line-9)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;text-opacity:&#160;50%&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-248406950-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-248406950-line-9)">
</text><text class="terminal-248406950-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-248406950-line-10)">
</text><text class="terminal-248406950-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-248406950-line-11)">
</text><text class="terminal-248406950-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-248406950-line-12)">
</text><text class="terminal-248406950-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-248406950-line-13)">
</text><text class="terminal-248406950-r4" x="0" y="361.6" textLength="976" clip-path="url(#terminal-248406950-line-14)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;text-opacity:&#160;75%&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-248406950-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-248406950-line-14)">
</text><text class="terminal-248406950-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-248406950-line-15)">
</text><text class="terminal-248406950-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-248406950-line-16)">
</text><text class="terminal-248406950-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-248406950-line-17)">
</text><text class="terminal-248406950-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-248406950-line-18)">
</text><text class="terminal-248406950-r5" x="0" y="483.6" textLength="976" clip-path="url(#terminal-248406950-line-19)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;text-opacity:&#160;100%&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-248406950-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-248406950-line-19)">
</text><text class="terminal-248406950-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-248406950-line-20)">
</text><text class="terminal-248406950-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-248406950-line-21)">
</text><text class="terminal-248406950-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-248406950-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/text_style.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-3276779286-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3276779286-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3276779286-r1 { fill: #eae0e0;font-weight: bold }
.terminal-3276779286-r2 { fill: #c5c8c6 }
.terminal-3276779286-r3 { fill: #e0e5e0;font-style: italic; }
.terminal-3276779286-r4 { fill: #151561 }
.terminal-3276779286-r5 { fill: #e1e1e1 }
</style>
<defs>
<clipPath id="terminal-3276779286-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3276779286-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3276779286-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3276779286-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TextStyleApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-3276779286-clip-terminal)">
<rect fill="#611515" x="0" y="1.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="195.2" y="1.5" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="1.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="512.4" y="1.5" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="1.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#151561" x="841.8" y="1.5" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="25.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="292.8" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="25.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="610" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="25.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#151561" x="939.4" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="50.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="305" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="50.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="622.2" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="50.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#151561" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="74.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="219.6" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="74.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="536.8" y="74.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="74.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#151561" x="866.2" y="74.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="99.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="158.6" y="99.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="99.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="475.8" y="99.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="99.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#151561" x="805.2" y="99.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="123.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="244" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="123.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="561.2" y="123.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="123.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#151561" x="890.6" y="123.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="147.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="305" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="147.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="622.2" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="147.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#151561" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="172.3" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="280.6" y="172.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="172.3" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="597.8" y="172.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="172.3" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#151561" x="927.2" y="172.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="196.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="196.7" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="196.7" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="221.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="221.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="634.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="221.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#151561" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="245.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="195.2" y="245.5" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="245.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="512.4" y="245.5" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="245.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#151561" x="841.8" y="245.5" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="269.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="292.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="269.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="610" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="269.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#151561" x="939.4" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="294.3" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="280.6" y="294.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="294.3" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="294.3" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="0" y="318.7" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#611515" x="231.8" y="318.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="317.2" y="318.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#153b15" x="488" y="318.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0ea" x="646.6" y="318.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#151561" x="817.4" y="318.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3276779286-matrix">
<text class="terminal-3276779286-r1" x="0" y="20" textLength="195.2" clip-path="url(#terminal-3276779286-line-0)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-3276779286-r3" x="317.2" y="20" textLength="195.2" clip-path="url(#terminal-3276779286-line-0)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-3276779286-r4" x="646.6" y="20" textLength="195.2" clip-path="url(#terminal-3276779286-line-0)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-3276779286-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3276779286-line-0)">
</text><text class="terminal-3276779286-r1" x="0" y="44.4" textLength="292.8" clip-path="url(#terminal-3276779286-line-1)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-3276779286-r3" x="317.2" y="44.4" textLength="292.8" clip-path="url(#terminal-3276779286-line-1)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-3276779286-r4" x="646.6" y="44.4" textLength="292.8" clip-path="url(#terminal-3276779286-line-1)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-3276779286-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3276779286-line-1)">
</text><text class="terminal-3276779286-r1" x="0" y="68.8" textLength="305" clip-path="url(#terminal-3276779286-line-2)">Fear&#160;is&#160;the&#160;little-death&#160;</text><text class="terminal-3276779286-r3" x="317.2" y="68.8" textLength="305" clip-path="url(#terminal-3276779286-line-2)">Fear&#160;is&#160;the&#160;little-death&#160;</text><text class="terminal-3276779286-r4" x="646.6" y="68.8" textLength="305" clip-path="url(#terminal-3276779286-line-2)">Fear&#160;is&#160;the&#160;little-death&#160;</text><text class="terminal-3276779286-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3276779286-line-2)">
</text><text class="terminal-3276779286-r1" x="0" y="93.2" textLength="219.6" clip-path="url(#terminal-3276779286-line-3)">that&#160;brings&#160;total&#160;</text><text class="terminal-3276779286-r3" x="317.2" y="93.2" textLength="219.6" clip-path="url(#terminal-3276779286-line-3)">that&#160;brings&#160;total&#160;</text><text class="terminal-3276779286-r4" x="646.6" y="93.2" textLength="219.6" clip-path="url(#terminal-3276779286-line-3)">that&#160;brings&#160;total&#160;</text><text class="terminal-3276779286-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3276779286-line-3)">
</text><text class="terminal-3276779286-r1" x="0" y="117.6" textLength="158.6" clip-path="url(#terminal-3276779286-line-4)">obliteration.</text><text class="terminal-3276779286-r3" x="317.2" y="117.6" textLength="158.6" clip-path="url(#terminal-3276779286-line-4)">obliteration.</text><text class="terminal-3276779286-r4" x="646.6" y="117.6" textLength="158.6" clip-path="url(#terminal-3276779286-line-4)">obliteration.</text><text class="terminal-3276779286-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3276779286-line-4)">
</text><text class="terminal-3276779286-r1" x="0" y="142" textLength="244" clip-path="url(#terminal-3276779286-line-5)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-3276779286-r3" x="317.2" y="142" textLength="244" clip-path="url(#terminal-3276779286-line-5)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-3276779286-r4" x="646.6" y="142" textLength="244" clip-path="url(#terminal-3276779286-line-5)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-3276779286-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3276779286-line-5)">
</text><text class="terminal-3276779286-r1" x="0" y="166.4" textLength="305" clip-path="url(#terminal-3276779286-line-6)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;</text><text class="terminal-3276779286-r3" x="317.2" y="166.4" textLength="305" clip-path="url(#terminal-3276779286-line-6)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;</text><text class="terminal-3276779286-r4" x="646.6" y="166.4" textLength="305" clip-path="url(#terminal-3276779286-line-6)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;</text><text class="terminal-3276779286-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3276779286-line-6)">
</text><text class="terminal-3276779286-r1" x="0" y="190.8" textLength="280.6" clip-path="url(#terminal-3276779286-line-7)">over&#160;me&#160;and&#160;through&#160;me.</text><text class="terminal-3276779286-r3" x="317.2" y="190.8" textLength="280.6" clip-path="url(#terminal-3276779286-line-7)">over&#160;me&#160;and&#160;through&#160;me.</text><text class="terminal-3276779286-r4" x="646.6" y="190.8" textLength="280.6" clip-path="url(#terminal-3276779286-line-7)">over&#160;me&#160;and&#160;through&#160;me.</text><text class="terminal-3276779286-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3276779286-line-7)">
</text><text class="terminal-3276779286-r1" x="0" y="215.2" textLength="317.2" clip-path="url(#terminal-3276779286-line-8)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,</text><text class="terminal-3276779286-r3" x="317.2" y="215.2" textLength="329.4" clip-path="url(#terminal-3276779286-line-8)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;</text><text class="terminal-3276779286-r4" x="646.6" y="215.2" textLength="329.4" clip-path="url(#terminal-3276779286-line-8)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;</text><text class="terminal-3276779286-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3276779286-line-8)">
</text><text class="terminal-3276779286-r1" x="0" y="239.6" textLength="317.2" clip-path="url(#terminal-3276779286-line-9)">I&#160;will&#160;turn&#160;the&#160;inner&#160;eye&#160;</text><text class="terminal-3276779286-r3" x="317.2" y="239.6" textLength="317.2" clip-path="url(#terminal-3276779286-line-9)">I&#160;will&#160;turn&#160;the&#160;inner&#160;eye&#160;</text><text class="terminal-3276779286-r4" x="646.6" y="239.6" textLength="317.2" clip-path="url(#terminal-3276779286-line-9)">I&#160;will&#160;turn&#160;the&#160;inner&#160;eye&#160;</text><text class="terminal-3276779286-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3276779286-line-9)">
</text><text class="terminal-3276779286-r1" x="0" y="264" textLength="195.2" clip-path="url(#terminal-3276779286-line-10)">to&#160;see&#160;its&#160;path.</text><text class="terminal-3276779286-r3" x="317.2" y="264" textLength="195.2" clip-path="url(#terminal-3276779286-line-10)">to&#160;see&#160;its&#160;path.</text><text class="terminal-3276779286-r4" x="646.6" y="264" textLength="195.2" clip-path="url(#terminal-3276779286-line-10)">to&#160;see&#160;its&#160;path.</text><text class="terminal-3276779286-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3276779286-line-10)">
</text><text class="terminal-3276779286-r1" x="0" y="288.4" textLength="292.8" clip-path="url(#terminal-3276779286-line-11)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;</text><text class="terminal-3276779286-r3" x="317.2" y="288.4" textLength="292.8" clip-path="url(#terminal-3276779286-line-11)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;</text><text class="terminal-3276779286-r4" x="646.6" y="288.4" textLength="292.8" clip-path="url(#terminal-3276779286-line-11)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;</text><text class="terminal-3276779286-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3276779286-line-11)">
</text><text class="terminal-3276779286-r1" x="0" y="312.8" textLength="280.6" clip-path="url(#terminal-3276779286-line-12)">there&#160;will&#160;be&#160;nothing.&#160;</text><text class="terminal-3276779286-r3" x="317.2" y="312.8" textLength="329.4" clip-path="url(#terminal-3276779286-line-12)">there&#160;will&#160;be&#160;nothing.&#160;Only</text><text class="terminal-3276779286-r4" x="646.6" y="312.8" textLength="329.4" clip-path="url(#terminal-3276779286-line-12)">there&#160;will&#160;be&#160;nothing.&#160;Only</text><text class="terminal-3276779286-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3276779286-line-12)">
</text><text class="terminal-3276779286-r1" x="0" y="337.2" textLength="231.8" clip-path="url(#terminal-3276779286-line-13)">Only&#160;I&#160;will&#160;remain.</text><text class="terminal-3276779286-r3" x="317.2" y="337.2" textLength="170.8" clip-path="url(#terminal-3276779286-line-13)">I&#160;will&#160;remain.</text><text class="terminal-3276779286-r4" x="646.6" y="337.2" textLength="170.8" clip-path="url(#terminal-3276779286-line-13)">I&#160;will&#160;remain.</text><text class="terminal-3276779286-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3276779286-line-13)">
</text><text class="terminal-3276779286-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3276779286-line-14)">
</text><text class="terminal-3276779286-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3276779286-line-15)">
</text><text class="terminal-3276779286-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3276779286-line-16)">
</text><text class="terminal-3276779286-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3276779286-line-17)">
</text><text class="terminal-3276779286-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3276779286-line-18)">
</text><text class="terminal-3276779286-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3276779286-line-19)">
</text><text class="terminal-3276779286-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3276779286-line-20)">
</text><text class="terminal-3276779286-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3276779286-line-21)">
</text><text class="terminal-3276779286-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3276779286-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/tint.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2728931561-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2728931561-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2728931561-r1 { fill: #c5c8c6 }
.terminal-2728931561-r2 { fill: #e1e1e1 }
.terminal-2728931561-r3 { fill: #000000;font-weight: bold }
.terminal-2728931561-r4 { fill: #000c00;font-weight: bold }
.terminal-2728931561-r5 { fill: #001900;font-weight: bold }
.terminal-2728931561-r6 { fill: #002600;font-weight: bold }
.terminal-2728931561-r7 { fill: #003300;font-weight: bold }
.terminal-2728931561-r8 { fill: #004000;font-weight: bold }
.terminal-2728931561-r9 { fill: #14191f }
.terminal-2728931561-r10 { fill: #004c00;font-weight: bold }
.terminal-2728931561-r11 { fill: #005900;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-2728931561-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2728931561-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2728931561-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2728931561-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TintApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2728931561-clip-terminal)">
<rect fill="#ffffff" x="0" y="1.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="25.9" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="378.2" y="25.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="561.2" y="25.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e5f2e5" x="0" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e5f2e5" x="0" y="99.1" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e5f2e5" x="378.2" y="99.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e5f2e5" x="573.4" y="99.1" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e5f2e5" x="0" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="0" y="147.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="0" y="172.3" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="378.2" y="172.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="573.4" y="172.3" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="0" y="196.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b2d8b2" x="0" y="221.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b2d8b2" x="0" y="245.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#b2d8b2" x="378.2" y="245.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#b2d8b2" x="573.4" y="245.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b2d8b2" x="0" y="269.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#99cc99" x="0" y="294.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#99cc99" x="0" y="318.7" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#99cc99" x="378.2" y="318.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#99cc99" x="573.4" y="318.7" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#99cc99" x="0" y="343.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#7fbf7f" x="0" y="367.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#7fbf7f" x="0" y="391.9" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#7fbf7f" x="378.2" y="391.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#7fbf7f" x="573.4" y="391.9" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#7fbf7f" x="0" y="416.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#66b266" x="0" y="440.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#66b266" x="0" y="465.1" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#66b266" x="378.2" y="465.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#66b266" x="573.4" y="465.1" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#66b266" x="0" y="489.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ca64c" x="0" y="513.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ca64c" x="0" y="538.3" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ca64c" x="378.2" y="538.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ca64c" x="573.4" y="538.3" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ca64c" x="0" y="562.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2728931561-matrix">
<text class="terminal-2728931561-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2728931561-line-0)">
</text><text class="terminal-2728931561-r3" x="378.2" y="44.4" textLength="183" clip-path="url(#terminal-2728931561-line-1)">tint:&#160;green&#160;0%;</text><text class="terminal-2728931561-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2728931561-line-1)">
</text><text class="terminal-2728931561-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2728931561-line-2)">
</text><text class="terminal-2728931561-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2728931561-line-3)">
</text><text class="terminal-2728931561-r4" x="378.2" y="117.6" textLength="195.2" clip-path="url(#terminal-2728931561-line-4)">tint:&#160;green&#160;10%;</text><text class="terminal-2728931561-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2728931561-line-4)">
</text><text class="terminal-2728931561-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2728931561-line-5)">
</text><text class="terminal-2728931561-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2728931561-line-6)">
</text><text class="terminal-2728931561-r5" x="378.2" y="190.8" textLength="195.2" clip-path="url(#terminal-2728931561-line-7)">tint:&#160;green&#160;20%;</text><text class="terminal-2728931561-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2728931561-line-7)">
</text><text class="terminal-2728931561-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2728931561-line-8)">
</text><text class="terminal-2728931561-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2728931561-line-9)">
</text><text class="terminal-2728931561-r6" x="378.2" y="264" textLength="195.2" clip-path="url(#terminal-2728931561-line-10)">tint:&#160;green&#160;30%;</text><text class="terminal-2728931561-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2728931561-line-10)">
</text><text class="terminal-2728931561-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2728931561-line-11)">
</text><text class="terminal-2728931561-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2728931561-line-12)">
</text><text class="terminal-2728931561-r7" x="378.2" y="337.2" textLength="195.2" clip-path="url(#terminal-2728931561-line-13)">tint:&#160;green&#160;40%;</text><text class="terminal-2728931561-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2728931561-line-13)">
</text><text class="terminal-2728931561-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2728931561-line-14)">
</text><text class="terminal-2728931561-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2728931561-line-15)">
</text><text class="terminal-2728931561-r8" x="378.2" y="410.4" textLength="195.2" clip-path="url(#terminal-2728931561-line-16)">tint:&#160;green&#160;50%;</text><text class="terminal-2728931561-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2728931561-line-16)">
</text><text class="terminal-2728931561-r9" x="951.6" y="434.8" textLength="24.4" clip-path="url(#terminal-2728931561-line-17)">▄▄</text><text class="terminal-2728931561-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2728931561-line-17)">
</text><text class="terminal-2728931561-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2728931561-line-18)">
</text><text class="terminal-2728931561-r10" x="378.2" y="483.6" textLength="195.2" clip-path="url(#terminal-2728931561-line-19)">tint:&#160;green&#160;60%;</text><text class="terminal-2728931561-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2728931561-line-19)">
</text><text class="terminal-2728931561-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2728931561-line-20)">
</text><text class="terminal-2728931561-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2728931561-line-21)">
</text><text class="terminal-2728931561-r11" x="378.2" y="556.8" textLength="195.2" clip-path="url(#terminal-2728931561-line-22)">tint:&#160;green&#160;70%;</text><text class="terminal-2728931561-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2728931561-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/visibility.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-3114242500-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3114242500-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3114242500-r1 { fill: #0000ff }
.terminal-3114242500-r2 { fill: #c5c8c6 }
.terminal-3114242500-r3 { fill: #ddeedd }
</style>
<defs>
<clipPath id="terminal-3114242500-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3114242500-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3114242500-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3114242500-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">VisibilityApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-3114242500-clip-terminal)">
<rect fill="#ffffff" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="25.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="109.8" y="25.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="12.2" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="269.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="109.8" y="269.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="12.2" y="294.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="12.2" y="318.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="963.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3114242500-matrix">
<text class="terminal-3114242500-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-3114242500-line-0)">┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓</text><text class="terminal-3114242500-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3114242500-line-0)">
</text><text class="terminal-3114242500-r1" x="0" y="44.4" textLength="109.8" clip-path="url(#terminal-3114242500-line-1)">┃Widget&#160;1</text><text class="terminal-3114242500-r1" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-3114242500-line-1)">┃</text><text class="terminal-3114242500-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3114242500-line-1)">
</text><text class="terminal-3114242500-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-3114242500-line-2)">┃</text><text class="terminal-3114242500-r1" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-3114242500-line-2)">┃</text><text class="terminal-3114242500-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3114242500-line-2)">
</text><text class="terminal-3114242500-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-3114242500-line-3)">┃</text><text class="terminal-3114242500-r1" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-3114242500-line-3)">┃</text><text class="terminal-3114242500-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3114242500-line-3)">
</text><text class="terminal-3114242500-r1" x="0" y="117.6" textLength="976" clip-path="url(#terminal-3114242500-line-4)">┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛</text><text class="terminal-3114242500-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3114242500-line-4)">
</text><text class="terminal-3114242500-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3114242500-line-5)">
</text><text class="terminal-3114242500-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3114242500-line-6)">
</text><text class="terminal-3114242500-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3114242500-line-7)">
</text><text class="terminal-3114242500-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3114242500-line-8)">
</text><text class="terminal-3114242500-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3114242500-line-9)">
</text><text class="terminal-3114242500-r1" x="0" y="264" textLength="976" clip-path="url(#terminal-3114242500-line-10)">┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓</text><text class="terminal-3114242500-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3114242500-line-10)">
</text><text class="terminal-3114242500-r1" x="0" y="288.4" textLength="109.8" clip-path="url(#terminal-3114242500-line-11)">┃Widget&#160;3</text><text class="terminal-3114242500-r1" x="963.8" y="288.4" textLength="12.2" clip-path="url(#terminal-3114242500-line-11)">┃</text><text class="terminal-3114242500-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3114242500-line-11)">
</text><text class="terminal-3114242500-r1" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-3114242500-line-12)">┃</text><text class="terminal-3114242500-r1" x="963.8" y="312.8" textLength="12.2" clip-path="url(#terminal-3114242500-line-12)">┃</text><text class="terminal-3114242500-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3114242500-line-12)">
</text><text class="terminal-3114242500-r1" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-3114242500-line-13)">┃</text><text class="terminal-3114242500-r1" x="963.8" y="337.2" textLength="12.2" clip-path="url(#terminal-3114242500-line-13)">┃</text><text class="terminal-3114242500-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3114242500-line-13)">
</text><text class="terminal-3114242500-r1" x="0" y="361.6" textLength="976" clip-path="url(#terminal-3114242500-line-14)">┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛</text><text class="terminal-3114242500-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3114242500-line-14)">
</text><text class="terminal-3114242500-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3114242500-line-15)">
</text><text class="terminal-3114242500-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3114242500-line-16)">
</text><text class="terminal-3114242500-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3114242500-line-17)">
</text><text class="terminal-3114242500-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3114242500-line-18)">
</text><text class="terminal-3114242500-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3114242500-line-19)">
</text><text class="terminal-3114242500-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3114242500-line-20)">
</text><text class="terminal-3114242500-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3114242500-line-21)">
</text><text class="terminal-3114242500-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3114242500-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_css_property_snapshot[docs/examples/styles/width.py]
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2620740165-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2620740165-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2620740165-r1 { fill: #ffffff }
.terminal-2620740165-r2 { fill: #c5c8c6 }
.terminal-2620740165-r3 { fill: #e1e1e1 }
</style>
<defs>
<clipPath id="terminal-2620740165-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2620740165-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2620740165-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2620740165-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">WidthApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2620740165-clip-terminal)">
<rect fill="#008000" x="0" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="73.2" y="1.5" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="1.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="25.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="25.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="50.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="50.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="74.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="74.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="99.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="99.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="123.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="123.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="147.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="147.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="172.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="172.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="196.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="196.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="221.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="221.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="245.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="245.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="269.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="269.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="294.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="294.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="318.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="318.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="343.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="343.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="367.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="367.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="391.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="391.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="416.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="416.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="440.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="440.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="465.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="465.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="489.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="489.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="513.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="513.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="538.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="538.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="562.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="562.7" width="488" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2620740165-matrix">
<text class="terminal-2620740165-r1" x="0" y="20" textLength="73.2" clip-path="url(#terminal-2620740165-line-0)">Widget</text><text class="terminal-2620740165-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2620740165-line-0)">
</text><text class="terminal-2620740165-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2620740165-line-1)">
</text><text class="terminal-2620740165-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2620740165-line-2)">
</text><text class="terminal-2620740165-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2620740165-line-3)">
</text><text class="terminal-2620740165-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2620740165-line-4)">
</text><text class="terminal-2620740165-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2620740165-line-5)">
</text><text class="terminal-2620740165-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2620740165-line-6)">
</text><text class="terminal-2620740165-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2620740165-line-7)">
</text><text class="terminal-2620740165-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2620740165-line-8)">
</text><text class="terminal-2620740165-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2620740165-line-9)">
</text><text class="terminal-2620740165-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2620740165-line-10)">
</text><text class="terminal-2620740165-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2620740165-line-11)">
</text><text class="terminal-2620740165-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2620740165-line-12)">
</text><text class="terminal-2620740165-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2620740165-line-13)">
</text><text class="terminal-2620740165-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2620740165-line-14)">
</text><text class="terminal-2620740165-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2620740165-line-15)">
</text><text class="terminal-2620740165-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2620740165-line-16)">
</text><text class="terminal-2620740165-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2620740165-line-17)">
</text><text class="terminal-2620740165-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2620740165-line-18)">
</text><text class="terminal-2620740165-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2620740165-line-19)">
</text><text class="terminal-2620740165-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2620740165-line-20)">
</text><text class="terminal-2620740165-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2620740165-line-21)">
</text><text class="terminal-2620740165-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2620740165-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_datatable_render
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-133545376-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-133545376-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-133545376-r1 { fill: #dde6ed;font-weight: bold }
.terminal-133545376-r2 { fill: #e1e1e1 }
.terminal-133545376-r3 { fill: #c5c8c6 }
.terminal-133545376-r4 { fill: #e7e5e2 }
.terminal-133545376-r5 { fill: #211505 }
</style>
<defs>
<clipPath id="terminal-133545376-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-133545376-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-133545376-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-133545376-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TableApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-133545376-clip-terminal)">
<rect fill="#004578" x="0" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="73.2" y="1.5" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="341.6" y="1.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="524.6" y="1.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#4a3920" x="0" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="73.2" y="25.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="25.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="524.6" y="25.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="25.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="0" y="50.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="73.2" y="50.3" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="50.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="524.6" y="50.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="50.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="73.2" y="74.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="74.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="524.6" y="74.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="74.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="73.2" y="99.1" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="99.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="524.6" y="99.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="99.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="73.2" y="123.5" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="123.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="524.6" y="123.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="123.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="73.2" y="147.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="147.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="524.6" y="147.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="147.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="73.2" y="172.3" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="172.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="524.6" y="172.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="172.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="73.2" y="196.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="196.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="524.6" y="196.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="196.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-133545376-matrix">
<text class="terminal-133545376-r1" x="0" y="20" textLength="73.2" clip-path="url(#terminal-133545376-line-0)">&#160;lane&#160;</text><text class="terminal-133545376-r1" x="73.2" y="20" textLength="268.4" clip-path="url(#terminal-133545376-line-0)">&#160;swimmer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r1" x="341.6" y="20" textLength="183" clip-path="url(#terminal-133545376-line-0)">&#160;country&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r1" x="524.6" y="20" textLength="85.4" clip-path="url(#terminal-133545376-line-0)">&#160;time&#160;&#160;</text><text class="terminal-133545376-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-133545376-line-0)">
</text><text class="terminal-133545376-r4" x="0" y="44.4" textLength="73.2" clip-path="url(#terminal-133545376-line-1)">&#160;4&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="73.2" y="44.4" textLength="268.4" clip-path="url(#terminal-133545376-line-1)">&#160;Joseph&#160;Schooling&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="341.6" y="44.4" textLength="183" clip-path="url(#terminal-133545376-line-1)">&#160;Singapore&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="524.6" y="44.4" textLength="85.4" clip-path="url(#terminal-133545376-line-1)">&#160;50.39&#160;</text><text class="terminal-133545376-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-133545376-line-1)">
</text><text class="terminal-133545376-r5" x="0" y="68.8" textLength="73.2" clip-path="url(#terminal-133545376-line-2)">&#160;2&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="73.2" y="68.8" textLength="268.4" clip-path="url(#terminal-133545376-line-2)">&#160;Michael&#160;Phelps&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="341.6" y="68.8" textLength="183" clip-path="url(#terminal-133545376-line-2)">&#160;United&#160;States&#160;</text><text class="terminal-133545376-r2" x="524.6" y="68.8" textLength="85.4" clip-path="url(#terminal-133545376-line-2)">&#160;51.14&#160;</text><text class="terminal-133545376-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-133545376-line-2)">
</text><text class="terminal-133545376-r2" x="0" y="93.2" textLength="73.2" clip-path="url(#terminal-133545376-line-3)">&#160;5&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="73.2" y="93.2" textLength="268.4" clip-path="url(#terminal-133545376-line-3)">&#160;Chad&#160;le&#160;Clos&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="341.6" y="93.2" textLength="183" clip-path="url(#terminal-133545376-line-3)">&#160;South&#160;Africa&#160;&#160;</text><text class="terminal-133545376-r2" x="524.6" y="93.2" textLength="85.4" clip-path="url(#terminal-133545376-line-3)">&#160;51.14&#160;</text><text class="terminal-133545376-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-133545376-line-3)">
</text><text class="terminal-133545376-r2" x="0" y="117.6" textLength="73.2" clip-path="url(#terminal-133545376-line-4)">&#160;6&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="73.2" y="117.6" textLength="268.4" clip-path="url(#terminal-133545376-line-4)">&#160;László&#160;Cseh&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="341.6" y="117.6" textLength="183" clip-path="url(#terminal-133545376-line-4)">&#160;Hungary&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="524.6" y="117.6" textLength="85.4" clip-path="url(#terminal-133545376-line-4)">&#160;51.14&#160;</text><text class="terminal-133545376-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-133545376-line-4)">
</text><text class="terminal-133545376-r2" x="0" y="142" textLength="73.2" clip-path="url(#terminal-133545376-line-5)">&#160;3&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="73.2" y="142" textLength="268.4" clip-path="url(#terminal-133545376-line-5)">&#160;Li&#160;Zhuhao&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="341.6" y="142" textLength="183" clip-path="url(#terminal-133545376-line-5)">&#160;China&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="524.6" y="142" textLength="85.4" clip-path="url(#terminal-133545376-line-5)">&#160;51.26&#160;</text><text class="terminal-133545376-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-133545376-line-5)">
</text><text class="terminal-133545376-r2" x="0" y="166.4" textLength="73.2" clip-path="url(#terminal-133545376-line-6)">&#160;8&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="73.2" y="166.4" textLength="268.4" clip-path="url(#terminal-133545376-line-6)">&#160;Mehdy&#160;Metella&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="341.6" y="166.4" textLength="183" clip-path="url(#terminal-133545376-line-6)">&#160;France&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="524.6" y="166.4" textLength="85.4" clip-path="url(#terminal-133545376-line-6)">&#160;51.58&#160;</text><text class="terminal-133545376-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-133545376-line-6)">
</text><text class="terminal-133545376-r2" x="0" y="190.8" textLength="73.2" clip-path="url(#terminal-133545376-line-7)">&#160;7&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="73.2" y="190.8" textLength="268.4" clip-path="url(#terminal-133545376-line-7)">&#160;Tom&#160;Shields&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="341.6" y="190.8" textLength="183" clip-path="url(#terminal-133545376-line-7)">&#160;United&#160;States&#160;</text><text class="terminal-133545376-r2" x="524.6" y="190.8" textLength="85.4" clip-path="url(#terminal-133545376-line-7)">&#160;51.73&#160;</text><text class="terminal-133545376-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-133545376-line-7)">
</text><text class="terminal-133545376-r2" x="0" y="215.2" textLength="73.2" clip-path="url(#terminal-133545376-line-8)">&#160;1&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="73.2" y="215.2" textLength="268.4" clip-path="url(#terminal-133545376-line-8)">&#160;Aleksandr&#160;Sadovnikov&#160;</text><text class="terminal-133545376-r2" x="341.6" y="215.2" textLength="183" clip-path="url(#terminal-133545376-line-8)">&#160;Russia&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-133545376-r2" x="524.6" y="215.2" textLength="85.4" clip-path="url(#terminal-133545376-line-8)">&#160;51.84&#160;</text><text class="terminal-133545376-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-133545376-line-8)">
</text><text class="terminal-133545376-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-133545376-line-9)">
</text><text class="terminal-133545376-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-133545376-line-10)">
</text><text class="terminal-133545376-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-133545376-line-11)">
</text><text class="terminal-133545376-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-133545376-line-12)">
</text><text class="terminal-133545376-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-133545376-line-13)">
</text><text class="terminal-133545376-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-133545376-line-14)">
</text><text class="terminal-133545376-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-133545376-line-15)">
</text><text class="terminal-133545376-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-133545376-line-16)">
</text><text class="terminal-133545376-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-133545376-line-17)">
</text><text class="terminal-133545376-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-133545376-line-18)">
</text><text class="terminal-133545376-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-133545376-line-19)">
</text><text class="terminal-133545376-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-133545376-line-20)">
</text><text class="terminal-133545376-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-133545376-line-21)">
</text><text class="terminal-133545376-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-133545376-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_dock_layout_sidebar
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-220442736-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-220442736-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-220442736-r1 { fill: #0f2b41 }
.terminal-220442736-r2 { fill: #c5c8c6 }
.terminal-220442736-r3 { fill: #e1e1e1 }
.terminal-220442736-r4 { fill: #14191f }
</style>
<defs>
<clipPath id="terminal-220442736-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-220442736-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-220442736-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-220442736-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">DockLayoutExample</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-220442736-clip-terminal)">
<rect fill="#1e90ff" x="0" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="97.6" y="1.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="1.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="1.5" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="25.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="25.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="25.9" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="939.4" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="50.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="50.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="50.3" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="902.8" y="50.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="74.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="74.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="74.7" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="99.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="99.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="99.1" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="902.8" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="123.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="123.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="123.5" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="939.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="147.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="147.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="147.9" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="524.6" y="147.9" width="427" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="172.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="172.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="172.3" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="196.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="196.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="196.7" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="221.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="221.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="221.1" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="939.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="245.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="245.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="245.5" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="902.8" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="269.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="269.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="269.9" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="294.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="294.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="294.3" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="902.8" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="318.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="318.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="318.7" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="939.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="343.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="343.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="343.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="524.6" y="343.1" width="427" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="367.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="367.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="367.5" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="391.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="391.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="391.9" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="416.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="416.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="416.3" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="939.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="440.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="440.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="440.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="902.8" y="440.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="465.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="465.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="465.1" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="489.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="489.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="489.5" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="902.8" y="489.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="513.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="513.9" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="513.9" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="939.4" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="538.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="538.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="538.3" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="524.6" y="538.3" width="427" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e90ff" x="0" y="562.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff1493" x="183" y="562.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="562.7" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-220442736-matrix">
<text class="terminal-220442736-r1" x="0" y="20" textLength="97.6" clip-path="url(#terminal-220442736-line-0)">Sidebar1</text><text class="terminal-220442736-r3" x="366" y="20" textLength="585.6" clip-path="url(#terminal-220442736-line-0)">Docking&#160;a&#160;widget&#160;removes&#160;it&#160;from&#160;the&#160;layout&#160;and&#160;</text><text class="terminal-220442736-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-220442736-line-0)">
</text><text class="terminal-220442736-r3" x="366" y="44.4" textLength="573.4" clip-path="url(#terminal-220442736-line-1)">fixes&#160;its&#160;position,&#160;aligned&#160;to&#160;either&#160;the&#160;top,&#160;</text><text class="terminal-220442736-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-220442736-line-1)">
</text><text class="terminal-220442736-r3" x="366" y="68.8" textLength="536.8" clip-path="url(#terminal-220442736-line-2)">right,&#160;bottom,&#160;or&#160;left&#160;edges&#160;of&#160;a&#160;container.</text><text class="terminal-220442736-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-220442736-line-2)">
</text><text class="terminal-220442736-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-220442736-line-3)">
</text><text class="terminal-220442736-r3" x="366" y="117.6" textLength="536.8" clip-path="url(#terminal-220442736-line-4)">Docked&#160;widgets&#160;will&#160;not&#160;scroll&#160;out&#160;of&#160;view,&#160;</text><text class="terminal-220442736-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-220442736-line-4)">
</text><text class="terminal-220442736-r3" x="366" y="142" textLength="573.4" clip-path="url(#terminal-220442736-line-5)">making&#160;them&#160;ideal&#160;for&#160;sticky&#160;headers,&#160;footers,&#160;</text><text class="terminal-220442736-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-220442736-line-5)">
</text><text class="terminal-220442736-r3" x="366" y="166.4" textLength="158.6" clip-path="url(#terminal-220442736-line-6)">and&#160;sidebars.</text><text class="terminal-220442736-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-220442736-line-6)">
</text><text class="terminal-220442736-r4" x="951.6" y="190.8" textLength="24.4" clip-path="url(#terminal-220442736-line-7)">▇▇</text><text class="terminal-220442736-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-220442736-line-7)">
</text><text class="terminal-220442736-r3" x="366" y="215.2" textLength="585.6" clip-path="url(#terminal-220442736-line-8)">Docking&#160;a&#160;widget&#160;removes&#160;it&#160;from&#160;the&#160;layout&#160;and&#160;</text><text class="terminal-220442736-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-220442736-line-8)">
</text><text class="terminal-220442736-r3" x="366" y="239.6" textLength="573.4" clip-path="url(#terminal-220442736-line-9)">fixes&#160;its&#160;position,&#160;aligned&#160;to&#160;either&#160;the&#160;top,&#160;</text><text class="terminal-220442736-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-220442736-line-9)">
</text><text class="terminal-220442736-r3" x="366" y="264" textLength="536.8" clip-path="url(#terminal-220442736-line-10)">right,&#160;bottom,&#160;or&#160;left&#160;edges&#160;of&#160;a&#160;container.</text><text class="terminal-220442736-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-220442736-line-10)">
</text><text class="terminal-220442736-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-220442736-line-11)">
</text><text class="terminal-220442736-r3" x="366" y="312.8" textLength="536.8" clip-path="url(#terminal-220442736-line-12)">Docked&#160;widgets&#160;will&#160;not&#160;scroll&#160;out&#160;of&#160;view,&#160;</text><text class="terminal-220442736-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-220442736-line-12)">
</text><text class="terminal-220442736-r3" x="366" y="337.2" textLength="573.4" clip-path="url(#terminal-220442736-line-13)">making&#160;them&#160;ideal&#160;for&#160;sticky&#160;headers,&#160;footers,&#160;</text><text class="terminal-220442736-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-220442736-line-13)">
</text><text class="terminal-220442736-r3" x="366" y="361.6" textLength="158.6" clip-path="url(#terminal-220442736-line-14)">and&#160;sidebars.</text><text class="terminal-220442736-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-220442736-line-14)">
</text><text class="terminal-220442736-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-220442736-line-15)">
</text><text class="terminal-220442736-r3" x="366" y="410.4" textLength="585.6" clip-path="url(#terminal-220442736-line-16)">Docking&#160;a&#160;widget&#160;removes&#160;it&#160;from&#160;the&#160;layout&#160;and&#160;</text><text class="terminal-220442736-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-220442736-line-16)">
</text><text class="terminal-220442736-r3" x="366" y="434.8" textLength="573.4" clip-path="url(#terminal-220442736-line-17)">fixes&#160;its&#160;position,&#160;aligned&#160;to&#160;either&#160;the&#160;top,&#160;</text><text class="terminal-220442736-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-220442736-line-17)">
</text><text class="terminal-220442736-r3" x="366" y="459.2" textLength="536.8" clip-path="url(#terminal-220442736-line-18)">right,&#160;bottom,&#160;or&#160;left&#160;edges&#160;of&#160;a&#160;container.</text><text class="terminal-220442736-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-220442736-line-18)">
</text><text class="terminal-220442736-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-220442736-line-19)">
</text><text class="terminal-220442736-r3" x="366" y="508" textLength="536.8" clip-path="url(#terminal-220442736-line-20)">Docked&#160;widgets&#160;will&#160;not&#160;scroll&#160;out&#160;of&#160;view,&#160;</text><text class="terminal-220442736-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-220442736-line-20)">
</text><text class="terminal-220442736-r3" x="366" y="532.4" textLength="573.4" clip-path="url(#terminal-220442736-line-21)">making&#160;them&#160;ideal&#160;for&#160;sticky&#160;headers,&#160;footers,&#160;</text><text class="terminal-220442736-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-220442736-line-21)">
</text><text class="terminal-220442736-r3" x="366" y="556.8" textLength="158.6" clip-path="url(#terminal-220442736-line-22)">and&#160;sidebars.</text><text class="terminal-220442736-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-220442736-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_footer_render
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-1908614482-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1908614482-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1908614482-r1 { fill: #e1e1e1 }
.terminal-1908614482-r2 { fill: #c5c8c6 }
.terminal-1908614482-r3 { fill: #dde8f3;font-weight: bold }
.terminal-1908614482-r4 { fill: #ddedf9 }
</style>
<defs>
<clipPath id="terminal-1908614482-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1908614482-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1908614482-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1908614482-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">FooterApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-1908614482-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0053aa" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0053aa" x="207.4" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="244" y="562.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="463.6" y="562.7" width="512.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1908614482-matrix">
<text class="terminal-1908614482-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1908614482-line-0)">
</text><text class="terminal-1908614482-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1908614482-line-1)">
</text><text class="terminal-1908614482-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1908614482-line-2)">
</text><text class="terminal-1908614482-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1908614482-line-3)">
</text><text class="terminal-1908614482-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1908614482-line-4)">
</text><text class="terminal-1908614482-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1908614482-line-5)">
</text><text class="terminal-1908614482-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1908614482-line-6)">
</text><text class="terminal-1908614482-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1908614482-line-7)">
</text><text class="terminal-1908614482-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1908614482-line-8)">
</text><text class="terminal-1908614482-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1908614482-line-9)">
</text><text class="terminal-1908614482-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1908614482-line-10)">
</text><text class="terminal-1908614482-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1908614482-line-11)">
</text><text class="terminal-1908614482-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1908614482-line-12)">
</text><text class="terminal-1908614482-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1908614482-line-13)">
</text><text class="terminal-1908614482-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1908614482-line-14)">
</text><text class="terminal-1908614482-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1908614482-line-15)">
</text><text class="terminal-1908614482-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1908614482-line-16)">
</text><text class="terminal-1908614482-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1908614482-line-17)">
</text><text class="terminal-1908614482-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1908614482-line-18)">
</text><text class="terminal-1908614482-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1908614482-line-19)">
</text><text class="terminal-1908614482-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1908614482-line-20)">
</text><text class="terminal-1908614482-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1908614482-line-21)">
</text><text class="terminal-1908614482-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1908614482-line-22)">
</text><text class="terminal-1908614482-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1908614482-line-23)">&#160;Q&#160;</text><text class="terminal-1908614482-r4" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-1908614482-line-23)">&#160;Quit&#160;the&#160;app&#160;</text><text class="terminal-1908614482-r3" x="207.4" y="581.2" textLength="36.6" clip-path="url(#terminal-1908614482-line-23)">&#160;?&#160;</text><text class="terminal-1908614482-r4" x="244" y="581.2" textLength="219.6" clip-path="url(#terminal-1908614482-line-23)">&#160;Show&#160;help&#160;screen&#160;</text>
</g>
</g>
</svg>
'''
# ---
# name: test_fr_units
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2391317464-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2391317464-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2391317464-r1 { fill: #ffffff }
.terminal-2391317464-r2 { fill: #c5c8c6 }
.terminal-2391317464-r3 { fill: #e2e2e2 }
</style>
<defs>
<clipPath id="terminal-2391317464-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2391317464-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2391317464-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2391317464-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">FRApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2391317464-clip-terminal)">
<rect fill="#262626" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="85.4" y="25.9" width="878.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="99.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="147.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="147.9" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="172.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="172.3" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="172.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="172.3" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="890.6" y="172.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="927.2" y="172.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="196.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="890.6" y="196.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="221.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="890.6" y="221.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="245.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="890.6" y="245.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="269.9" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="890.6" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="294.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="890.6" y="294.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="318.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="318.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="890.6" y="318.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="343.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="890.6" y="343.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="367.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="367.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="890.6" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="391.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="391.9" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="890.6" y="391.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="416.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="416.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="890.6" y="416.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="440.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="440.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="890.6" y="440.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="465.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="465.1" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="465.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="513.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="85.4" y="513.9" width="878.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="538.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2391317464-matrix">
<text class="terminal-2391317464-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-2391317464-line-0)">┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓</text><text class="terminal-2391317464-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2391317464-line-0)">
</text><text class="terminal-2391317464-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-1)">┃</text><text class="terminal-2391317464-r3" x="12.2" y="44.4" textLength="73.2" clip-path="url(#terminal-2391317464-line-1)">HEADER</text><text class="terminal-2391317464-r1" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-1)">┃</text><text class="terminal-2391317464-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-1)">
</text><text class="terminal-2391317464-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-2)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-2)">┃</text><text class="terminal-2391317464-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-2)">
</text><text class="terminal-2391317464-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-3)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-3)">┃</text><text class="terminal-2391317464-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-3)">
</text><text class="terminal-2391317464-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-4)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-4)">┃</text><text class="terminal-2391317464-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-4)">
</text><text class="terminal-2391317464-r1" x="0" y="142" textLength="976" clip-path="url(#terminal-2391317464-line-5)">┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛</text><text class="terminal-2391317464-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2391317464-line-5)">
</text><text class="terminal-2391317464-r1" x="0" y="166.4" textLength="122" clip-path="url(#terminal-2391317464-line-6)">┏━━━━━━━━┓</text><text class="terminal-2391317464-r1" x="122" y="166.4" textLength="756.4" clip-path="url(#terminal-2391317464-line-6)">┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓</text><text class="terminal-2391317464-r1" x="878.4" y="166.4" textLength="97.6" clip-path="url(#terminal-2391317464-line-6)">┏━━━━━━┓</text><text class="terminal-2391317464-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-6)">
</text><text class="terminal-2391317464-r1" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-7)">┃</text><text class="terminal-2391317464-r3" x="12.2" y="190.8" textLength="36.6" clip-path="url(#terminal-2391317464-line-7)">foo</text><text class="terminal-2391317464-r1" x="109.8" y="190.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-7)">┃</text><text class="terminal-2391317464-r1" x="122" y="190.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-7)">┃</text><text class="terminal-2391317464-r3" x="134.2" y="190.8" textLength="36.6" clip-path="url(#terminal-2391317464-line-7)">bar</text><text class="terminal-2391317464-r1" x="866.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-7)">┃</text><text class="terminal-2391317464-r1" x="878.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-7)">┃</text><text class="terminal-2391317464-r3" x="890.6" y="190.8" textLength="36.6" clip-path="url(#terminal-2391317464-line-7)">baz</text><text class="terminal-2391317464-r1" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-7)">┃</text><text class="terminal-2391317464-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-7)">
</text><text class="terminal-2391317464-r1" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-8)">┃</text><text class="terminal-2391317464-r1" x="109.8" y="215.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-8)">┃</text><text class="terminal-2391317464-r1" x="122" y="215.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-8)">┃</text><text class="terminal-2391317464-r1" x="866.2" y="215.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-8)">┃</text><text class="terminal-2391317464-r1" x="878.4" y="215.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-8)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-8)">┃</text><text class="terminal-2391317464-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-8)">
</text><text class="terminal-2391317464-r1" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-9)">┃</text><text class="terminal-2391317464-r1" x="109.8" y="239.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-9)">┃</text><text class="terminal-2391317464-r1" x="122" y="239.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-9)">┃</text><text class="terminal-2391317464-r1" x="866.2" y="239.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-9)">┃</text><text class="terminal-2391317464-r1" x="878.4" y="239.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-9)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-9)">┃</text><text class="terminal-2391317464-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-9)">
</text><text class="terminal-2391317464-r1" x="0" y="264" textLength="12.2" clip-path="url(#terminal-2391317464-line-10)">┃</text><text class="terminal-2391317464-r1" x="109.8" y="264" textLength="12.2" clip-path="url(#terminal-2391317464-line-10)">┃</text><text class="terminal-2391317464-r1" x="122" y="264" textLength="12.2" clip-path="url(#terminal-2391317464-line-10)">┃</text><text class="terminal-2391317464-r1" x="866.2" y="264" textLength="12.2" clip-path="url(#terminal-2391317464-line-10)">┃</text><text class="terminal-2391317464-r1" x="878.4" y="264" textLength="12.2" clip-path="url(#terminal-2391317464-line-10)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="264" textLength="12.2" clip-path="url(#terminal-2391317464-line-10)">┃</text><text class="terminal-2391317464-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2391317464-line-10)">
</text><text class="terminal-2391317464-r1" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-11)">┃</text><text class="terminal-2391317464-r1" x="109.8" y="288.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-11)">┃</text><text class="terminal-2391317464-r1" x="122" y="288.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-11)">┃</text><text class="terminal-2391317464-r1" x="866.2" y="288.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-11)">┃</text><text class="terminal-2391317464-r1" x="878.4" y="288.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-11)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="288.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-11)">┃</text><text class="terminal-2391317464-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-11)">
</text><text class="terminal-2391317464-r1" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-12)">┃</text><text class="terminal-2391317464-r1" x="109.8" y="312.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-12)">┃</text><text class="terminal-2391317464-r1" x="122" y="312.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-12)">┃</text><text class="terminal-2391317464-r1" x="866.2" y="312.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-12)">┃</text><text class="terminal-2391317464-r1" x="878.4" y="312.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-12)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="312.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-12)">┃</text><text class="terminal-2391317464-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-12)">
</text><text class="terminal-2391317464-r1" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-13)">┃</text><text class="terminal-2391317464-r1" x="109.8" y="337.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-13)">┃</text><text class="terminal-2391317464-r1" x="122" y="337.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-13)">┃</text><text class="terminal-2391317464-r1" x="866.2" y="337.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-13)">┃</text><text class="terminal-2391317464-r1" x="878.4" y="337.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-13)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="337.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-13)">┃</text><text class="terminal-2391317464-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-13)">
</text><text class="terminal-2391317464-r1" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-14)">┃</text><text class="terminal-2391317464-r1" x="109.8" y="361.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-14)">┃</text><text class="terminal-2391317464-r1" x="122" y="361.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-14)">┃</text><text class="terminal-2391317464-r1" x="866.2" y="361.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-14)">┃</text><text class="terminal-2391317464-r1" x="878.4" y="361.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-14)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="361.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-14)">┃</text><text class="terminal-2391317464-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-14)">
</text><text class="terminal-2391317464-r1" x="0" y="386" textLength="12.2" clip-path="url(#terminal-2391317464-line-15)">┃</text><text class="terminal-2391317464-r1" x="109.8" y="386" textLength="12.2" clip-path="url(#terminal-2391317464-line-15)">┃</text><text class="terminal-2391317464-r1" x="122" y="386" textLength="12.2" clip-path="url(#terminal-2391317464-line-15)">┃</text><text class="terminal-2391317464-r1" x="866.2" y="386" textLength="12.2" clip-path="url(#terminal-2391317464-line-15)">┃</text><text class="terminal-2391317464-r1" x="878.4" y="386" textLength="12.2" clip-path="url(#terminal-2391317464-line-15)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="386" textLength="12.2" clip-path="url(#terminal-2391317464-line-15)">┃</text><text class="terminal-2391317464-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2391317464-line-15)">
</text><text class="terminal-2391317464-r1" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-16)">┃</text><text class="terminal-2391317464-r1" x="109.8" y="410.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-16)">┃</text><text class="terminal-2391317464-r1" x="122" y="410.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-16)">┃</text><text class="terminal-2391317464-r1" x="866.2" y="410.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-16)">┃</text><text class="terminal-2391317464-r1" x="878.4" y="410.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-16)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="410.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-16)">┃</text><text class="terminal-2391317464-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-16)">
</text><text class="terminal-2391317464-r1" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-17)">┃</text><text class="terminal-2391317464-r1" x="109.8" y="434.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-17)">┃</text><text class="terminal-2391317464-r1" x="122" y="434.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-17)">┃</text><text class="terminal-2391317464-r1" x="866.2" y="434.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-17)">┃</text><text class="terminal-2391317464-r1" x="878.4" y="434.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-17)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="434.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-17)">┃</text><text class="terminal-2391317464-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-17)">
</text><text class="terminal-2391317464-r1" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-18)">┃</text><text class="terminal-2391317464-r1" x="109.8" y="459.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-18)">┃</text><text class="terminal-2391317464-r1" x="122" y="459.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-18)">┃</text><text class="terminal-2391317464-r1" x="866.2" y="459.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-18)">┃</text><text class="terminal-2391317464-r1" x="878.4" y="459.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-18)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="459.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-18)">┃</text><text class="terminal-2391317464-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2391317464-line-18)">
</text><text class="terminal-2391317464-r1" x="0" y="483.6" textLength="122" clip-path="url(#terminal-2391317464-line-19)">┗━━━━━━━━┛</text><text class="terminal-2391317464-r1" x="122" y="483.6" textLength="756.4" clip-path="url(#terminal-2391317464-line-19)">┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛</text><text class="terminal-2391317464-r1" x="878.4" y="483.6" textLength="97.6" clip-path="url(#terminal-2391317464-line-19)">┗━━━━━━┛</text><text class="terminal-2391317464-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2391317464-line-19)">
</text><text class="terminal-2391317464-r1" x="0" y="508" textLength="976" clip-path="url(#terminal-2391317464-line-20)">┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓</text><text class="terminal-2391317464-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2391317464-line-20)">
</text><text class="terminal-2391317464-r1" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-21)">┃</text><text class="terminal-2391317464-r3" x="12.2" y="532.4" textLength="73.2" clip-path="url(#terminal-2391317464-line-21)">FOOTER</text><text class="terminal-2391317464-r1" x="963.8" y="532.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-21)">┃</text><text class="terminal-2391317464-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2391317464-line-21)">
</text><text class="terminal-2391317464-r1" x="0" y="556.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-22)">┃</text><text class="terminal-2391317464-r1" x="963.8" y="556.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-22)">┃</text><text class="terminal-2391317464-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2391317464-line-22)">
</text><text class="terminal-2391317464-r1" x="0" y="581.2" textLength="976" clip-path="url(#terminal-2391317464-line-23)">┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛</text>
</g>
</g>
</svg>
'''
# ---
# name: test_grid_layout_basic
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2808014621-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2808014621-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2808014621-r1 { fill: #008000 }
.terminal-2808014621-r2 { fill: #c5c8c6 }
.terminal-2808014621-r3 { fill: #e1e1e1 }
</style>
<defs>
<clipPath id="terminal-2808014621-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2808014621-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2808014621-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2808014621-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">GridLayoutExample</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2808014621-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="1.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="1.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="25.9" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="25.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="25.9" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="25.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="50.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="50.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="50.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="74.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="74.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="74.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="99.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="99.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="99.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="123.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="123.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="123.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="147.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="147.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="147.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="172.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="172.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="172.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="196.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="196.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="196.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="221.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="221.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="221.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="245.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="245.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="245.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="269.9" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="269.9" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="294.3" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="294.3" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="318.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="61" y="318.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="318.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="318.7" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="318.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="695.4" y="318.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="343.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="343.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="343.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="367.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="367.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="367.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="391.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="391.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="391.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="416.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="416.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="416.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="440.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="440.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="440.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="465.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="465.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="465.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="489.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="489.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="489.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="513.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="513.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="513.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="538.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="538.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="538.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="562.7" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="562.7" width="329.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2808014621-matrix">
<text class="terminal-2808014621-r1" x="0" y="20" textLength="317.2" clip-path="url(#terminal-2808014621-line-0)">┌────────────────────────┐</text><text class="terminal-2808014621-r1" x="317.2" y="20" textLength="329.4" clip-path="url(#terminal-2808014621-line-0)">┌─────────────────────────┐</text><text class="terminal-2808014621-r1" x="646.6" y="20" textLength="329.4" clip-path="url(#terminal-2808014621-line-0)">┌─────────────────────────┐</text><text class="terminal-2808014621-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2808014621-line-0)">
</text><text class="terminal-2808014621-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-1)">│</text><text class="terminal-2808014621-r3" x="12.2" y="44.4" textLength="36.6" clip-path="url(#terminal-2808014621-line-1)">One</text><text class="terminal-2808014621-r1" x="305" y="44.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-1)">│</text><text class="terminal-2808014621-r1" x="317.2" y="44.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-1)">│</text><text class="terminal-2808014621-r3" x="329.4" y="44.4" textLength="36.6" clip-path="url(#terminal-2808014621-line-1)">Two</text><text class="terminal-2808014621-r1" x="634.4" y="44.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-1)">│</text><text class="terminal-2808014621-r1" x="646.6" y="44.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-1)">│</text><text class="terminal-2808014621-r3" x="658.8" y="44.4" textLength="61" clip-path="url(#terminal-2808014621-line-1)">Three</text><text class="terminal-2808014621-r1" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-1)">│</text><text class="terminal-2808014621-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-1)">
</text><text class="terminal-2808014621-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-2)">│</text><text class="terminal-2808014621-r1" x="305" y="68.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-2)">│</text><text class="terminal-2808014621-r1" x="317.2" y="68.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-2)">│</text><text class="terminal-2808014621-r1" x="634.4" y="68.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-2)">│</text><text class="terminal-2808014621-r1" x="646.6" y="68.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-2)">│</text><text class="terminal-2808014621-r1" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-2)">│</text><text class="terminal-2808014621-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-2)">
</text><text class="terminal-2808014621-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-3)">│</text><text class="terminal-2808014621-r1" x="305" y="93.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-3)">│</text><text class="terminal-2808014621-r1" x="317.2" y="93.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-3)">│</text><text class="terminal-2808014621-r1" x="634.4" y="93.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-3)">│</text><text class="terminal-2808014621-r1" x="646.6" y="93.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-3)">│</text><text class="terminal-2808014621-r1" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-3)">│</text><text class="terminal-2808014621-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-3)">
</text><text class="terminal-2808014621-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-4)">│</text><text class="terminal-2808014621-r1" x="305" y="117.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-4)">│</text><text class="terminal-2808014621-r1" x="317.2" y="117.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-4)">│</text><text class="terminal-2808014621-r1" x="634.4" y="117.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-4)">│</text><text class="terminal-2808014621-r1" x="646.6" y="117.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-4)">│</text><text class="terminal-2808014621-r1" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-4)">│</text><text class="terminal-2808014621-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-4)">
</text><text class="terminal-2808014621-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-2808014621-line-5)">│</text><text class="terminal-2808014621-r1" x="305" y="142" textLength="12.2" clip-path="url(#terminal-2808014621-line-5)">│</text><text class="terminal-2808014621-r1" x="317.2" y="142" textLength="12.2" clip-path="url(#terminal-2808014621-line-5)">│</text><text class="terminal-2808014621-r1" x="634.4" y="142" textLength="12.2" clip-path="url(#terminal-2808014621-line-5)">│</text><text class="terminal-2808014621-r1" x="646.6" y="142" textLength="12.2" clip-path="url(#terminal-2808014621-line-5)">│</text><text class="terminal-2808014621-r1" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-2808014621-line-5)">│</text><text class="terminal-2808014621-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2808014621-line-5)">
</text><text class="terminal-2808014621-r1" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-6)">│</text><text class="terminal-2808014621-r1" x="305" y="166.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-6)">│</text><text class="terminal-2808014621-r1" x="317.2" y="166.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-6)">│</text><text class="terminal-2808014621-r1" x="634.4" y="166.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-6)">│</text><text class="terminal-2808014621-r1" x="646.6" y="166.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-6)">│</text><text class="terminal-2808014621-r1" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-6)">│</text><text class="terminal-2808014621-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-6)">
</text><text class="terminal-2808014621-r1" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-7)">│</text><text class="terminal-2808014621-r1" x="305" y="190.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-7)">│</text><text class="terminal-2808014621-r1" x="317.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-7)">│</text><text class="terminal-2808014621-r1" x="634.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-7)">│</text><text class="terminal-2808014621-r1" x="646.6" y="190.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-7)">│</text><text class="terminal-2808014621-r1" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-7)">│</text><text class="terminal-2808014621-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-7)">
</text><text class="terminal-2808014621-r1" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-8)">│</text><text class="terminal-2808014621-r1" x="305" y="215.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-8)">│</text><text class="terminal-2808014621-r1" x="317.2" y="215.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-8)">│</text><text class="terminal-2808014621-r1" x="634.4" y="215.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-8)">│</text><text class="terminal-2808014621-r1" x="646.6" y="215.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-8)">│</text><text class="terminal-2808014621-r1" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-8)">│</text><text class="terminal-2808014621-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-8)">
</text><text class="terminal-2808014621-r1" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-9)">│</text><text class="terminal-2808014621-r1" x="305" y="239.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-9)">│</text><text class="terminal-2808014621-r1" x="317.2" y="239.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-9)">│</text><text class="terminal-2808014621-r1" x="634.4" y="239.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-9)">│</text><text class="terminal-2808014621-r1" x="646.6" y="239.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-9)">│</text><text class="terminal-2808014621-r1" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-9)">│</text><text class="terminal-2808014621-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-9)">
</text><text class="terminal-2808014621-r1" x="0" y="264" textLength="12.2" clip-path="url(#terminal-2808014621-line-10)">│</text><text class="terminal-2808014621-r1" x="305" y="264" textLength="12.2" clip-path="url(#terminal-2808014621-line-10)">│</text><text class="terminal-2808014621-r1" x="317.2" y="264" textLength="12.2" clip-path="url(#terminal-2808014621-line-10)">│</text><text class="terminal-2808014621-r1" x="634.4" y="264" textLength="12.2" clip-path="url(#terminal-2808014621-line-10)">│</text><text class="terminal-2808014621-r1" x="646.6" y="264" textLength="12.2" clip-path="url(#terminal-2808014621-line-10)">│</text><text class="terminal-2808014621-r1" x="963.8" y="264" textLength="12.2" clip-path="url(#terminal-2808014621-line-10)">│</text><text class="terminal-2808014621-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2808014621-line-10)">
</text><text class="terminal-2808014621-r1" x="0" y="288.4" textLength="317.2" clip-path="url(#terminal-2808014621-line-11)">└────────────────────────┘</text><text class="terminal-2808014621-r1" x="317.2" y="288.4" textLength="329.4" clip-path="url(#terminal-2808014621-line-11)">└─────────────────────────┘</text><text class="terminal-2808014621-r1" x="646.6" y="288.4" textLength="329.4" clip-path="url(#terminal-2808014621-line-11)">└─────────────────────────┘</text><text class="terminal-2808014621-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-11)">
</text><text class="terminal-2808014621-r1" x="0" y="312.8" textLength="317.2" clip-path="url(#terminal-2808014621-line-12)">┌────────────────────────┐</text><text class="terminal-2808014621-r1" x="317.2" y="312.8" textLength="329.4" clip-path="url(#terminal-2808014621-line-12)">┌─────────────────────────┐</text><text class="terminal-2808014621-r1" x="646.6" y="312.8" textLength="329.4" clip-path="url(#terminal-2808014621-line-12)">┌─────────────────────────┐</text><text class="terminal-2808014621-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-12)">
</text><text class="terminal-2808014621-r1" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-13)">│</text><text class="terminal-2808014621-r3" x="12.2" y="337.2" textLength="48.8" clip-path="url(#terminal-2808014621-line-13)">Four</text><text class="terminal-2808014621-r1" x="305" y="337.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-13)">│</text><text class="terminal-2808014621-r1" x="317.2" y="337.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-13)">│</text><text class="terminal-2808014621-r3" x="329.4" y="337.2" textLength="48.8" clip-path="url(#terminal-2808014621-line-13)">Five</text><text class="terminal-2808014621-r1" x="634.4" y="337.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-13)">│</text><text class="terminal-2808014621-r1" x="646.6" y="337.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-13)">│</text><text class="terminal-2808014621-r3" x="658.8" y="337.2" textLength="36.6" clip-path="url(#terminal-2808014621-line-13)">Six</text><text class="terminal-2808014621-r1" x="963.8" y="337.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-13)">│</text><text class="terminal-2808014621-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-13)">
</text><text class="terminal-2808014621-r1" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-14)">│</text><text class="terminal-2808014621-r1" x="305" y="361.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-14)">│</text><text class="terminal-2808014621-r1" x="317.2" y="361.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-14)">│</text><text class="terminal-2808014621-r1" x="634.4" y="361.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-14)">│</text><text class="terminal-2808014621-r1" x="646.6" y="361.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-14)">│</text><text class="terminal-2808014621-r1" x="963.8" y="361.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-14)">│</text><text class="terminal-2808014621-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-14)">
</text><text class="terminal-2808014621-r1" x="0" y="386" textLength="12.2" clip-path="url(#terminal-2808014621-line-15)">│</text><text class="terminal-2808014621-r1" x="305" y="386" textLength="12.2" clip-path="url(#terminal-2808014621-line-15)">│</text><text class="terminal-2808014621-r1" x="317.2" y="386" textLength="12.2" clip-path="url(#terminal-2808014621-line-15)">│</text><text class="terminal-2808014621-r1" x="634.4" y="386" textLength="12.2" clip-path="url(#terminal-2808014621-line-15)">│</text><text class="terminal-2808014621-r1" x="646.6" y="386" textLength="12.2" clip-path="url(#terminal-2808014621-line-15)">│</text><text class="terminal-2808014621-r1" x="963.8" y="386" textLength="12.2" clip-path="url(#terminal-2808014621-line-15)">│</text><text class="terminal-2808014621-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2808014621-line-15)">
</text><text class="terminal-2808014621-r1" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-16)">│</text><text class="terminal-2808014621-r1" x="305" y="410.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-16)">│</text><text class="terminal-2808014621-r1" x="317.2" y="410.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-16)">│</text><text class="terminal-2808014621-r1" x="634.4" y="410.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-16)">│</text><text class="terminal-2808014621-r1" x="646.6" y="410.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-16)">│</text><text class="terminal-2808014621-r1" x="963.8" y="410.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-16)">│</text><text class="terminal-2808014621-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-16)">
</text><text class="terminal-2808014621-r1" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-17)">│</text><text class="terminal-2808014621-r1" x="305" y="434.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-17)">│</text><text class="terminal-2808014621-r1" x="317.2" y="434.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-17)">│</text><text class="terminal-2808014621-r1" x="634.4" y="434.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-17)">│</text><text class="terminal-2808014621-r1" x="646.6" y="434.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-17)">│</text><text class="terminal-2808014621-r1" x="963.8" y="434.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-17)">│</text><text class="terminal-2808014621-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-17)">
</text><text class="terminal-2808014621-r1" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-18)">│</text><text class="terminal-2808014621-r1" x="305" y="459.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-18)">│</text><text class="terminal-2808014621-r1" x="317.2" y="459.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-18)">│</text><text class="terminal-2808014621-r1" x="634.4" y="459.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-18)">│</text><text class="terminal-2808014621-r1" x="646.6" y="459.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-18)">│</text><text class="terminal-2808014621-r1" x="963.8" y="459.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-18)">│</text><text class="terminal-2808014621-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2808014621-line-18)">
</text><text class="terminal-2808014621-r1" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-19)">│</text><text class="terminal-2808014621-r1" x="305" y="483.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-19)">│</text><text class="terminal-2808014621-r1" x="317.2" y="483.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-19)">│</text><text class="terminal-2808014621-r1" x="634.4" y="483.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-19)">│</text><text class="terminal-2808014621-r1" x="646.6" y="483.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-19)">│</text><text class="terminal-2808014621-r1" x="963.8" y="483.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-19)">│</text><text class="terminal-2808014621-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2808014621-line-19)">
</text><text class="terminal-2808014621-r1" x="0" y="508" textLength="12.2" clip-path="url(#terminal-2808014621-line-20)">│</text><text class="terminal-2808014621-r1" x="305" y="508" textLength="12.2" clip-path="url(#terminal-2808014621-line-20)">│</text><text class="terminal-2808014621-r1" x="317.2" y="508" textLength="12.2" clip-path="url(#terminal-2808014621-line-20)">│</text><text class="terminal-2808014621-r1" x="634.4" y="508" textLength="12.2" clip-path="url(#terminal-2808014621-line-20)">│</text><text class="terminal-2808014621-r1" x="646.6" y="508" textLength="12.2" clip-path="url(#terminal-2808014621-line-20)">│</text><text class="terminal-2808014621-r1" x="963.8" y="508" textLength="12.2" clip-path="url(#terminal-2808014621-line-20)">│</text><text class="terminal-2808014621-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2808014621-line-20)">
</text><text class="terminal-2808014621-r1" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-21)">│</text><text class="terminal-2808014621-r1" x="305" y="532.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-21)">│</text><text class="terminal-2808014621-r1" x="317.2" y="532.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-21)">│</text><text class="terminal-2808014621-r1" x="634.4" y="532.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-21)">│</text><text class="terminal-2808014621-r1" x="646.6" y="532.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-21)">│</text><text class="terminal-2808014621-r1" x="963.8" y="532.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-21)">│</text><text class="terminal-2808014621-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2808014621-line-21)">
</text><text class="terminal-2808014621-r1" x="0" y="556.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-22)">│</text><text class="terminal-2808014621-r1" x="305" y="556.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-22)">│</text><text class="terminal-2808014621-r1" x="317.2" y="556.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-22)">│</text><text class="terminal-2808014621-r1" x="634.4" y="556.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-22)">│</text><text class="terminal-2808014621-r1" x="646.6" y="556.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-22)">│</text><text class="terminal-2808014621-r1" x="963.8" y="556.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-22)">│</text><text class="terminal-2808014621-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2808014621-line-22)">
</text><text class="terminal-2808014621-r1" x="0" y="581.2" textLength="317.2" clip-path="url(#terminal-2808014621-line-23)">└────────────────────────┘</text><text class="terminal-2808014621-r1" x="317.2" y="581.2" textLength="329.4" clip-path="url(#terminal-2808014621-line-23)">└─────────────────────────┘</text><text class="terminal-2808014621-r1" x="646.6" y="581.2" textLength="329.4" clip-path="url(#terminal-2808014621-line-23)">└─────────────────────────┘</text>
</g>
</g>
</svg>
'''
# ---
# name: test_grid_layout_basic_overflow
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-947520513-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-947520513-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-947520513-r1 { fill: #008000 }
.terminal-947520513-r2 { fill: #c5c8c6 }
.terminal-947520513-r3 { fill: #e1e1e1 }
</style>
<defs>
<clipPath id="terminal-947520513-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-947520513-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-947520513-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-947520513-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">GridLayoutExample</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-947520513-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="1.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="1.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="25.9" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="25.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="25.9" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="25.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="50.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="50.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="50.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="74.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="74.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="74.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="99.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="99.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="99.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="123.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="123.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="123.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="147.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="147.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="147.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="172.3" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="172.3" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="196.7" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="196.7" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="221.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="61" y="221.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="221.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="221.1" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="221.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="695.4" y="221.1" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="245.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="245.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="245.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="269.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="294.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="294.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="294.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="318.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="318.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="318.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="343.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="343.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="343.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="367.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="367.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="391.9" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="416.3" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="73.2" y="416.3" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="416.3" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="440.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="440.7" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="465.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="465.1" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="489.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="489.5" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="513.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="513.9" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="538.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="538.3" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="562.7" width="658.8" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-947520513-matrix">
<text class="terminal-947520513-r1" x="0" y="20" textLength="317.2" clip-path="url(#terminal-947520513-line-0)">┌────────────────────────┐</text><text class="terminal-947520513-r1" x="317.2" y="20" textLength="329.4" clip-path="url(#terminal-947520513-line-0)">┌─────────────────────────┐</text><text class="terminal-947520513-r1" x="646.6" y="20" textLength="329.4" clip-path="url(#terminal-947520513-line-0)">┌─────────────────────────┐</text><text class="terminal-947520513-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-947520513-line-0)">
</text><text class="terminal-947520513-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-947520513-line-1)">│</text><text class="terminal-947520513-r3" x="12.2" y="44.4" textLength="36.6" clip-path="url(#terminal-947520513-line-1)">One</text><text class="terminal-947520513-r1" x="305" y="44.4" textLength="12.2" clip-path="url(#terminal-947520513-line-1)">│</text><text class="terminal-947520513-r1" x="317.2" y="44.4" textLength="12.2" clip-path="url(#terminal-947520513-line-1)">│</text><text class="terminal-947520513-r3" x="329.4" y="44.4" textLength="36.6" clip-path="url(#terminal-947520513-line-1)">Two</text><text class="terminal-947520513-r1" x="634.4" y="44.4" textLength="12.2" clip-path="url(#terminal-947520513-line-1)">│</text><text class="terminal-947520513-r1" x="646.6" y="44.4" textLength="12.2" clip-path="url(#terminal-947520513-line-1)">│</text><text class="terminal-947520513-r3" x="658.8" y="44.4" textLength="61" clip-path="url(#terminal-947520513-line-1)">Three</text><text class="terminal-947520513-r1" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-947520513-line-1)">│</text><text class="terminal-947520513-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-947520513-line-1)">
</text><text class="terminal-947520513-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-947520513-line-2)">│</text><text class="terminal-947520513-r1" x="305" y="68.8" textLength="12.2" clip-path="url(#terminal-947520513-line-2)">│</text><text class="terminal-947520513-r1" x="317.2" y="68.8" textLength="12.2" clip-path="url(#terminal-947520513-line-2)">│</text><text class="terminal-947520513-r1" x="634.4" y="68.8" textLength="12.2" clip-path="url(#terminal-947520513-line-2)">│</text><text class="terminal-947520513-r1" x="646.6" y="68.8" textLength="12.2" clip-path="url(#terminal-947520513-line-2)">│</text><text class="terminal-947520513-r1" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-947520513-line-2)">│</text><text class="terminal-947520513-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-947520513-line-2)">
</text><text class="terminal-947520513-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-947520513-line-3)">│</text><text class="terminal-947520513-r1" x="305" y="93.2" textLength="12.2" clip-path="url(#terminal-947520513-line-3)">│</text><text class="terminal-947520513-r1" x="317.2" y="93.2" textLength="12.2" clip-path="url(#terminal-947520513-line-3)">│</text><text class="terminal-947520513-r1" x="634.4" y="93.2" textLength="12.2" clip-path="url(#terminal-947520513-line-3)">│</text><text class="terminal-947520513-r1" x="646.6" y="93.2" textLength="12.2" clip-path="url(#terminal-947520513-line-3)">│</text><text class="terminal-947520513-r1" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-947520513-line-3)">│</text><text class="terminal-947520513-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-947520513-line-3)">
</text><text class="terminal-947520513-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-947520513-line-4)">│</text><text class="terminal-947520513-r1" x="305" y="117.6" textLength="12.2" clip-path="url(#terminal-947520513-line-4)">│</text><text class="terminal-947520513-r1" x="317.2" y="117.6" textLength="12.2" clip-path="url(#terminal-947520513-line-4)">│</text><text class="terminal-947520513-r1" x="634.4" y="117.6" textLength="12.2" clip-path="url(#terminal-947520513-line-4)">│</text><text class="terminal-947520513-r1" x="646.6" y="117.6" textLength="12.2" clip-path="url(#terminal-947520513-line-4)">│</text><text class="terminal-947520513-r1" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-947520513-line-4)">│</text><text class="terminal-947520513-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-947520513-line-4)">
</text><text class="terminal-947520513-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-947520513-line-5)">│</text><text class="terminal-947520513-r1" x="305" y="142" textLength="12.2" clip-path="url(#terminal-947520513-line-5)">│</text><text class="terminal-947520513-r1" x="317.2" y="142" textLength="12.2" clip-path="url(#terminal-947520513-line-5)">│</text><text class="terminal-947520513-r1" x="634.4" y="142" textLength="12.2" clip-path="url(#terminal-947520513-line-5)">│</text><text class="terminal-947520513-r1" x="646.6" y="142" textLength="12.2" clip-path="url(#terminal-947520513-line-5)">│</text><text class="terminal-947520513-r1" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-947520513-line-5)">│</text><text class="terminal-947520513-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-947520513-line-5)">
</text><text class="terminal-947520513-r1" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-947520513-line-6)">│</text><text class="terminal-947520513-r1" x="305" y="166.4" textLength="12.2" clip-path="url(#terminal-947520513-line-6)">│</text><text class="terminal-947520513-r1" x="317.2" y="166.4" textLength="12.2" clip-path="url(#terminal-947520513-line-6)">│</text><text class="terminal-947520513-r1" x="634.4" y="166.4" textLength="12.2" clip-path="url(#terminal-947520513-line-6)">│</text><text class="terminal-947520513-r1" x="646.6" y="166.4" textLength="12.2" clip-path="url(#terminal-947520513-line-6)">│</text><text class="terminal-947520513-r1" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-947520513-line-6)">│</text><text class="terminal-947520513-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-947520513-line-6)">
</text><text class="terminal-947520513-r1" x="0" y="190.8" textLength="317.2" clip-path="url(#terminal-947520513-line-7)">└────────────────────────┘</text><text class="terminal-947520513-r1" x="317.2" y="190.8" textLength="329.4" clip-path="url(#terminal-947520513-line-7)">└─────────────────────────┘</text><text class="terminal-947520513-r1" x="646.6" y="190.8" textLength="329.4" clip-path="url(#terminal-947520513-line-7)">└─────────────────────────┘</text><text class="terminal-947520513-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-947520513-line-7)">
</text><text class="terminal-947520513-r1" x="0" y="215.2" textLength="317.2" clip-path="url(#terminal-947520513-line-8)">┌────────────────────────┐</text><text class="terminal-947520513-r1" x="317.2" y="215.2" textLength="329.4" clip-path="url(#terminal-947520513-line-8)">┌─────────────────────────┐</text><text class="terminal-947520513-r1" x="646.6" y="215.2" textLength="329.4" clip-path="url(#terminal-947520513-line-8)">┌─────────────────────────┐</text><text class="terminal-947520513-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-947520513-line-8)">
</text><text class="terminal-947520513-r1" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-947520513-line-9)">│</text><text class="terminal-947520513-r3" x="12.2" y="239.6" textLength="48.8" clip-path="url(#terminal-947520513-line-9)">Four</text><text class="terminal-947520513-r1" x="305" y="239.6" textLength="12.2" clip-path="url(#terminal-947520513-line-9)">│</text><text class="terminal-947520513-r1" x="317.2" y="239.6" textLength="12.2" clip-path="url(#terminal-947520513-line-9)">│</text><text class="terminal-947520513-r3" x="329.4" y="239.6" textLength="48.8" clip-path="url(#terminal-947520513-line-9)">Five</text><text class="terminal-947520513-r1" x="634.4" y="239.6" textLength="12.2" clip-path="url(#terminal-947520513-line-9)">│</text><text class="terminal-947520513-r1" x="646.6" y="239.6" textLength="12.2" clip-path="url(#terminal-947520513-line-9)">│</text><text class="terminal-947520513-r3" x="658.8" y="239.6" textLength="36.6" clip-path="url(#terminal-947520513-line-9)">Six</text><text class="terminal-947520513-r1" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-947520513-line-9)">│</text><text class="terminal-947520513-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-947520513-line-9)">
</text><text class="terminal-947520513-r1" x="0" y="264" textLength="12.2" clip-path="url(#terminal-947520513-line-10)">│</text><text class="terminal-947520513-r1" x="305" y="264" textLength="12.2" clip-path="url(#terminal-947520513-line-10)">│</text><text class="terminal-947520513-r1" x="317.2" y="264" textLength="12.2" clip-path="url(#terminal-947520513-line-10)">│</text><text class="terminal-947520513-r1" x="634.4" y="264" textLength="12.2" clip-path="url(#terminal-947520513-line-10)">│</text><text class="terminal-947520513-r1" x="646.6" y="264" textLength="12.2" clip-path="url(#terminal-947520513-line-10)">│</text><text class="terminal-947520513-r1" x="963.8" y="264" textLength="12.2" clip-path="url(#terminal-947520513-line-10)">│</text><text class="terminal-947520513-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-947520513-line-10)">
</text><text class="terminal-947520513-r1" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-947520513-line-11)">│</text><text class="terminal-947520513-r1" x="305" y="288.4" textLength="12.2" clip-path="url(#terminal-947520513-line-11)">│</text><text class="terminal-947520513-r1" x="317.2" y="288.4" textLength="12.2" clip-path="url(#terminal-947520513-line-11)">│</text><text class="terminal-947520513-r1" x="634.4" y="288.4" textLength="12.2" clip-path="url(#terminal-947520513-line-11)">│</text><text class="terminal-947520513-r1" x="646.6" y="288.4" textLength="12.2" clip-path="url(#terminal-947520513-line-11)">│</text><text class="terminal-947520513-r1" x="963.8" y="288.4" textLength="12.2" clip-path="url(#terminal-947520513-line-11)">│</text><text class="terminal-947520513-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-947520513-line-11)">
</text><text class="terminal-947520513-r1" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-947520513-line-12)">│</text><text class="terminal-947520513-r1" x="305" y="312.8" textLength="12.2" clip-path="url(#terminal-947520513-line-12)">│</text><text class="terminal-947520513-r1" x="317.2" y="312.8" textLength="12.2" clip-path="url(#terminal-947520513-line-12)">│</text><text class="terminal-947520513-r1" x="634.4" y="312.8" textLength="12.2" clip-path="url(#terminal-947520513-line-12)">│</text><text class="terminal-947520513-r1" x="646.6" y="312.8" textLength="12.2" clip-path="url(#terminal-947520513-line-12)">│</text><text class="terminal-947520513-r1" x="963.8" y="312.8" textLength="12.2" clip-path="url(#terminal-947520513-line-12)">│</text><text class="terminal-947520513-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-947520513-line-12)">
</text><text class="terminal-947520513-r1" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-947520513-line-13)">│</text><text class="terminal-947520513-r1" x="305" y="337.2" textLength="12.2" clip-path="url(#terminal-947520513-line-13)">│</text><text class="terminal-947520513-r1" x="317.2" y="337.2" textLength="12.2" clip-path="url(#terminal-947520513-line-13)">│</text><text class="terminal-947520513-r1" x="634.4" y="337.2" textLength="12.2" clip-path="url(#terminal-947520513-line-13)">│</text><text class="terminal-947520513-r1" x="646.6" y="337.2" textLength="12.2" clip-path="url(#terminal-947520513-line-13)">│</text><text class="terminal-947520513-r1" x="963.8" y="337.2" textLength="12.2" clip-path="url(#terminal-947520513-line-13)">│</text><text class="terminal-947520513-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-947520513-line-13)">
</text><text class="terminal-947520513-r1" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-947520513-line-14)">│</text><text class="terminal-947520513-r1" x="305" y="361.6" textLength="12.2" clip-path="url(#terminal-947520513-line-14)">│</text><text class="terminal-947520513-r1" x="317.2" y="361.6" textLength="12.2" clip-path="url(#terminal-947520513-line-14)">│</text><text class="terminal-947520513-r1" x="634.4" y="361.6" textLength="12.2" clip-path="url(#terminal-947520513-line-14)">│</text><text class="terminal-947520513-r1" x="646.6" y="361.6" textLength="12.2" clip-path="url(#terminal-947520513-line-14)">│</text><text class="terminal-947520513-r1" x="963.8" y="361.6" textLength="12.2" clip-path="url(#terminal-947520513-line-14)">│</text><text class="terminal-947520513-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-947520513-line-14)">
</text><text class="terminal-947520513-r1" x="0" y="386" textLength="317.2" clip-path="url(#terminal-947520513-line-15)">└────────────────────────┘</text><text class="terminal-947520513-r1" x="317.2" y="386" textLength="329.4" clip-path="url(#terminal-947520513-line-15)">└─────────────────────────┘</text><text class="terminal-947520513-r1" x="646.6" y="386" textLength="329.4" clip-path="url(#terminal-947520513-line-15)">└─────────────────────────┘</text><text class="terminal-947520513-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-947520513-line-15)">
</text><text class="terminal-947520513-r1" x="0" y="410.4" textLength="317.2" clip-path="url(#terminal-947520513-line-16)">┌────────────────────────┐</text><text class="terminal-947520513-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-947520513-line-16)">
</text><text class="terminal-947520513-r1" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-947520513-line-17)">│</text><text class="terminal-947520513-r3" x="12.2" y="434.8" textLength="61" clip-path="url(#terminal-947520513-line-17)">Seven</text><text class="terminal-947520513-r1" x="305" y="434.8" textLength="12.2" clip-path="url(#terminal-947520513-line-17)">│</text><text class="terminal-947520513-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-947520513-line-17)">
</text><text class="terminal-947520513-r1" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-947520513-line-18)">│</text><text class="terminal-947520513-r1" x="305" y="459.2" textLength="12.2" clip-path="url(#terminal-947520513-line-18)">│</text><text class="terminal-947520513-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-947520513-line-18)">
</text><text class="terminal-947520513-r1" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-947520513-line-19)">│</text><text class="terminal-947520513-r1" x="305" y="483.6" textLength="12.2" clip-path="url(#terminal-947520513-line-19)">│</text><text class="terminal-947520513-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-947520513-line-19)">
</text><text class="terminal-947520513-r1" x="0" y="508" textLength="12.2" clip-path="url(#terminal-947520513-line-20)">│</text><text class="terminal-947520513-r1" x="305" y="508" textLength="12.2" clip-path="url(#terminal-947520513-line-20)">│</text><text class="terminal-947520513-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-947520513-line-20)">
</text><text class="terminal-947520513-r1" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-947520513-line-21)">│</text><text class="terminal-947520513-r1" x="305" y="532.4" textLength="12.2" clip-path="url(#terminal-947520513-line-21)">│</text><text class="terminal-947520513-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-947520513-line-21)">
</text><text class="terminal-947520513-r1" x="0" y="556.8" textLength="12.2" clip-path="url(#terminal-947520513-line-22)">│</text><text class="terminal-947520513-r1" x="305" y="556.8" textLength="12.2" clip-path="url(#terminal-947520513-line-22)">│</text><text class="terminal-947520513-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-947520513-line-22)">
</text><text class="terminal-947520513-r1" x="0" y="581.2" textLength="317.2" clip-path="url(#terminal-947520513-line-23)">└────────────────────────┘</text>
</g>
</g>
</svg>
'''
# ---
# name: test_grid_layout_gutter
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-721777988-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-721777988-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-721777988-r1 { fill: #efddef }
.terminal-721777988-r2 { fill: #c5c8c6 }
.terminal-721777988-r3 { fill: #f0fcf0 }
</style>
<defs>
<clipPath id="terminal-721777988-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-721777988-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-721777988-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-721777988-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">GridLayoutExample</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-721777988-clip-terminal)">
<rect fill="#8b008b" x="0" y="1.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="36.6" y="1.5" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="1.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="366" y="1.5" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="1.5" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="719.8" y="1.5" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="25.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="25.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="25.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="50.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="50.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="50.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="74.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="74.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="74.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="99.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="99.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="99.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="123.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="123.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="123.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="147.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="147.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="147.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="172.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="172.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="172.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="196.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="196.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="196.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="221.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="221.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="221.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="245.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="245.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="245.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="48.8" y="294.3" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="378.2" y="294.3" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="294.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="695.4" y="294.3" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="318.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="318.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="318.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="343.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="343.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="343.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="367.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="367.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="367.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="391.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="391.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="391.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="416.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="416.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="416.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="440.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="440.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="440.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="465.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="465.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="465.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="489.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="489.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="489.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="513.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="513.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="513.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="538.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="538.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="538.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="0" y="562.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="317.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="329.4" y="562.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#90ee90" x="646.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#8b008b" x="658.8" y="562.7" width="317.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-721777988-matrix">
<text class="terminal-721777988-r1" x="0" y="20" textLength="36.6" clip-path="url(#terminal-721777988-line-0)">One</text><text class="terminal-721777988-r1" x="329.4" y="20" textLength="36.6" clip-path="url(#terminal-721777988-line-0)">Two</text><text class="terminal-721777988-r1" x="658.8" y="20" textLength="61" clip-path="url(#terminal-721777988-line-0)">Three</text><text class="terminal-721777988-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-721777988-line-0)">
</text><text class="terminal-721777988-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-721777988-line-1)">
</text><text class="terminal-721777988-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-721777988-line-2)">
</text><text class="terminal-721777988-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-721777988-line-3)">
</text><text class="terminal-721777988-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-721777988-line-4)">
</text><text class="terminal-721777988-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-721777988-line-5)">
</text><text class="terminal-721777988-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-721777988-line-6)">
</text><text class="terminal-721777988-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-721777988-line-7)">
</text><text class="terminal-721777988-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-721777988-line-8)">
</text><text class="terminal-721777988-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-721777988-line-9)">
</text><text class="terminal-721777988-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-721777988-line-10)">
</text><text class="terminal-721777988-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-721777988-line-11)">
</text><text class="terminal-721777988-r1" x="0" y="312.8" textLength="48.8" clip-path="url(#terminal-721777988-line-12)">Four</text><text class="terminal-721777988-r1" x="329.4" y="312.8" textLength="48.8" clip-path="url(#terminal-721777988-line-12)">Five</text><text class="terminal-721777988-r1" x="658.8" y="312.8" textLength="36.6" clip-path="url(#terminal-721777988-line-12)">Six</text><text class="terminal-721777988-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-721777988-line-12)">
</text><text class="terminal-721777988-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-721777988-line-13)">
</text><text class="terminal-721777988-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-721777988-line-14)">
</text><text class="terminal-721777988-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-721777988-line-15)">
</text><text class="terminal-721777988-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-721777988-line-16)">
</text><text class="terminal-721777988-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-721777988-line-17)">
</text><text class="terminal-721777988-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-721777988-line-18)">
</text><text class="terminal-721777988-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-721777988-line-19)">
</text><text class="terminal-721777988-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-721777988-line-20)">
</text><text class="terminal-721777988-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-721777988-line-21)">
</text><text class="terminal-721777988-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-721777988-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_header_render
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2939949418-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2939949418-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2939949418-r1 { fill: #c5c8c6 }
.terminal-2939949418-r2 { fill: #e8e7e5 }
.terminal-2939949418-r3 { fill: #e1e1e1 }
</style>
<defs>
<clipPath id="terminal-2939949418-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2939949418-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2939949418-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2939949418-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">HeaderApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2939949418-clip-terminal)">
<rect fill="#534838" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="24.4" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="97.6" y="1.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="414.8" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="524.6" y="1.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="854" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2939949418-matrix">
<text class="terminal-2939949418-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2939949418-line-0)">⭘</text><text class="terminal-2939949418-r2" x="414.8" y="20" textLength="109.8" clip-path="url(#terminal-2939949418-line-0)">HeaderApp</text><text class="terminal-2939949418-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2939949418-line-0)">
</text><text class="terminal-2939949418-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2939949418-line-1)">
</text><text class="terminal-2939949418-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2939949418-line-2)">
</text><text class="terminal-2939949418-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2939949418-line-3)">
</text><text class="terminal-2939949418-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2939949418-line-4)">
</text><text class="terminal-2939949418-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2939949418-line-5)">
</text><text class="terminal-2939949418-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2939949418-line-6)">
</text><text class="terminal-2939949418-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2939949418-line-7)">
</text><text class="terminal-2939949418-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2939949418-line-8)">
</text><text class="terminal-2939949418-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2939949418-line-9)">
</text><text class="terminal-2939949418-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2939949418-line-10)">
</text><text class="terminal-2939949418-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2939949418-line-11)">
</text><text class="terminal-2939949418-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2939949418-line-12)">
</text><text class="terminal-2939949418-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2939949418-line-13)">
</text><text class="terminal-2939949418-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2939949418-line-14)">
</text><text class="terminal-2939949418-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2939949418-line-15)">
</text><text class="terminal-2939949418-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2939949418-line-16)">
</text><text class="terminal-2939949418-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2939949418-line-17)">
</text><text class="terminal-2939949418-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2939949418-line-18)">
</text><text class="terminal-2939949418-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2939949418-line-19)">
</text><text class="terminal-2939949418-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2939949418-line-20)">
</text><text class="terminal-2939949418-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2939949418-line-21)">
</text><text class="terminal-2939949418-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2939949418-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_horizontal_layout
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-543913381-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-543913381-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-543913381-r1 { fill: #008000 }
.terminal-543913381-r2 { fill: #c5c8c6 }
.terminal-543913381-r3 { fill: #e1e1e1 }
</style>
<defs>
<clipPath id="terminal-543913381-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-543913381-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-543913381-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-543913381-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">HorizontalLayoutExample</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-543913381-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="1.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="1.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="25.9" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="25.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="25.9" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="25.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="50.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="50.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="50.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="74.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="74.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="74.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="99.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="99.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="99.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="123.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="123.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="123.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="147.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="147.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="147.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="172.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="172.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="172.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="196.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="196.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="196.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="221.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="221.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="221.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="245.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="245.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="245.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="269.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="294.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="294.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="294.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="318.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="318.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="318.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="343.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="343.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="343.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="367.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="367.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="367.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="391.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="391.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="391.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="416.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="416.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="416.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="440.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="440.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="440.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="465.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="465.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="465.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="489.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="489.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="489.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="513.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="513.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="513.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="538.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="538.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="538.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="562.7" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="646.6" y="562.7" width="329.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-543913381-matrix">
<text class="terminal-543913381-r1" x="0" y="20" textLength="317.2" clip-path="url(#terminal-543913381-line-0)">┌────────────────────────┐</text><text class="terminal-543913381-r1" x="317.2" y="20" textLength="329.4" clip-path="url(#terminal-543913381-line-0)">┌─────────────────────────┐</text><text class="terminal-543913381-r1" x="646.6" y="20" textLength="329.4" clip-path="url(#terminal-543913381-line-0)">┌─────────────────────────┐</text><text class="terminal-543913381-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-543913381-line-0)">
</text><text class="terminal-543913381-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-543913381-line-1)">│</text><text class="terminal-543913381-r3" x="12.2" y="44.4" textLength="36.6" clip-path="url(#terminal-543913381-line-1)">One</text><text class="terminal-543913381-r1" x="305" y="44.4" textLength="12.2" clip-path="url(#terminal-543913381-line-1)">│</text><text class="terminal-543913381-r1" x="317.2" y="44.4" textLength="12.2" clip-path="url(#terminal-543913381-line-1)">│</text><text class="terminal-543913381-r3" x="329.4" y="44.4" textLength="36.6" clip-path="url(#terminal-543913381-line-1)">Two</text><text class="terminal-543913381-r1" x="634.4" y="44.4" textLength="12.2" clip-path="url(#terminal-543913381-line-1)">│</text><text class="terminal-543913381-r1" x="646.6" y="44.4" textLength="12.2" clip-path="url(#terminal-543913381-line-1)">│</text><text class="terminal-543913381-r3" x="658.8" y="44.4" textLength="61" clip-path="url(#terminal-543913381-line-1)">Three</text><text class="terminal-543913381-r1" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-543913381-line-1)">│</text><text class="terminal-543913381-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-543913381-line-1)">
</text><text class="terminal-543913381-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-543913381-line-2)">│</text><text class="terminal-543913381-r1" x="305" y="68.8" textLength="12.2" clip-path="url(#terminal-543913381-line-2)">│</text><text class="terminal-543913381-r1" x="317.2" y="68.8" textLength="12.2" clip-path="url(#terminal-543913381-line-2)">│</text><text class="terminal-543913381-r1" x="634.4" y="68.8" textLength="12.2" clip-path="url(#terminal-543913381-line-2)">│</text><text class="terminal-543913381-r1" x="646.6" y="68.8" textLength="12.2" clip-path="url(#terminal-543913381-line-2)">│</text><text class="terminal-543913381-r1" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-543913381-line-2)">│</text><text class="terminal-543913381-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-543913381-line-2)">
</text><text class="terminal-543913381-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-543913381-line-3)">│</text><text class="terminal-543913381-r1" x="305" y="93.2" textLength="12.2" clip-path="url(#terminal-543913381-line-3)">│</text><text class="terminal-543913381-r1" x="317.2" y="93.2" textLength="12.2" clip-path="url(#terminal-543913381-line-3)">│</text><text class="terminal-543913381-r1" x="634.4" y="93.2" textLength="12.2" clip-path="url(#terminal-543913381-line-3)">│</text><text class="terminal-543913381-r1" x="646.6" y="93.2" textLength="12.2" clip-path="url(#terminal-543913381-line-3)">│</text><text class="terminal-543913381-r1" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-543913381-line-3)">│</text><text class="terminal-543913381-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-543913381-line-3)">
</text><text class="terminal-543913381-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-543913381-line-4)">│</text><text class="terminal-543913381-r1" x="305" y="117.6" textLength="12.2" clip-path="url(#terminal-543913381-line-4)">│</text><text class="terminal-543913381-r1" x="317.2" y="117.6" textLength="12.2" clip-path="url(#terminal-543913381-line-4)">│</text><text class="terminal-543913381-r1" x="634.4" y="117.6" textLength="12.2" clip-path="url(#terminal-543913381-line-4)">│</text><text class="terminal-543913381-r1" x="646.6" y="117.6" textLength="12.2" clip-path="url(#terminal-543913381-line-4)">│</text><text class="terminal-543913381-r1" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-543913381-line-4)">│</text><text class="terminal-543913381-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-543913381-line-4)">
</text><text class="terminal-543913381-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-543913381-line-5)">│</text><text class="terminal-543913381-r1" x="305" y="142" textLength="12.2" clip-path="url(#terminal-543913381-line-5)">│</text><text class="terminal-543913381-r1" x="317.2" y="142" textLength="12.2" clip-path="url(#terminal-543913381-line-5)">│</text><text class="terminal-543913381-r1" x="634.4" y="142" textLength="12.2" clip-path="url(#terminal-543913381-line-5)">│</text><text class="terminal-543913381-r1" x="646.6" y="142" textLength="12.2" clip-path="url(#terminal-543913381-line-5)">│</text><text class="terminal-543913381-r1" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-543913381-line-5)">│</text><text class="terminal-543913381-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-543913381-line-5)">
</text><text class="terminal-543913381-r1" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-543913381-line-6)">│</text><text class="terminal-543913381-r1" x="305" y="166.4" textLength="12.2" clip-path="url(#terminal-543913381-line-6)">│</text><text class="terminal-543913381-r1" x="317.2" y="166.4" textLength="12.2" clip-path="url(#terminal-543913381-line-6)">│</text><text class="terminal-543913381-r1" x="634.4" y="166.4" textLength="12.2" clip-path="url(#terminal-543913381-line-6)">│</text><text class="terminal-543913381-r1" x="646.6" y="166.4" textLength="12.2" clip-path="url(#terminal-543913381-line-6)">│</text><text class="terminal-543913381-r1" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-543913381-line-6)">│</text><text class="terminal-543913381-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-543913381-line-6)">
</text><text class="terminal-543913381-r1" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-543913381-line-7)">│</text><text class="terminal-543913381-r1" x="305" y="190.8" textLength="12.2" clip-path="url(#terminal-543913381-line-7)">│</text><text class="terminal-543913381-r1" x="317.2" y="190.8" textLength="12.2" clip-path="url(#terminal-543913381-line-7)">│</text><text class="terminal-543913381-r1" x="634.4" y="190.8" textLength="12.2" clip-path="url(#terminal-543913381-line-7)">│</text><text class="terminal-543913381-r1" x="646.6" y="190.8" textLength="12.2" clip-path="url(#terminal-543913381-line-7)">│</text><text class="terminal-543913381-r1" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-543913381-line-7)">│</text><text class="terminal-543913381-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-543913381-line-7)">
</text><text class="terminal-543913381-r1" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-543913381-line-8)">│</text><text class="terminal-543913381-r1" x="305" y="215.2" textLength="12.2" clip-path="url(#terminal-543913381-line-8)">│</text><text class="terminal-543913381-r1" x="317.2" y="215.2" textLength="12.2" clip-path="url(#terminal-543913381-line-8)">│</text><text class="terminal-543913381-r1" x="634.4" y="215.2" textLength="12.2" clip-path="url(#terminal-543913381-line-8)">│</text><text class="terminal-543913381-r1" x="646.6" y="215.2" textLength="12.2" clip-path="url(#terminal-543913381-line-8)">│</text><text class="terminal-543913381-r1" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-543913381-line-8)">│</text><text class="terminal-543913381-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-543913381-line-8)">
</text><text class="terminal-543913381-r1" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-543913381-line-9)">│</text><text class="terminal-543913381-r1" x="305" y="239.6" textLength="12.2" clip-path="url(#terminal-543913381-line-9)">│</text><text class="terminal-543913381-r1" x="317.2" y="239.6" textLength="12.2" clip-path="url(#terminal-543913381-line-9)">│</text><text class="terminal-543913381-r1" x="634.4" y="239.6" textLength="12.2" clip-path="url(#terminal-543913381-line-9)">│</text><text class="terminal-543913381-r1" x="646.6" y="239.6" textLength="12.2" clip-path="url(#terminal-543913381-line-9)">│</text><text class="terminal-543913381-r1" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-543913381-line-9)">│</text><text class="terminal-543913381-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-543913381-line-9)">
</text><text class="terminal-543913381-r1" x="0" y="264" textLength="12.2" clip-path="url(#terminal-543913381-line-10)">│</text><text class="terminal-543913381-r1" x="305" y="264" textLength="12.2" clip-path="url(#terminal-543913381-line-10)">│</text><text class="terminal-543913381-r1" x="317.2" y="264" textLength="12.2" clip-path="url(#terminal-543913381-line-10)">│</text><text class="terminal-543913381-r1" x="634.4" y="264" textLength="12.2" clip-path="url(#terminal-543913381-line-10)">│</text><text class="terminal-543913381-r1" x="646.6" y="264" textLength="12.2" clip-path="url(#terminal-543913381-line-10)">│</text><text class="terminal-543913381-r1" x="963.8" y="264" textLength="12.2" clip-path="url(#terminal-543913381-line-10)">│</text><text class="terminal-543913381-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-543913381-line-10)">
</text><text class="terminal-543913381-r1" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-543913381-line-11)">│</text><text class="terminal-543913381-r1" x="305" y="288.4" textLength="12.2" clip-path="url(#terminal-543913381-line-11)">│</text><text class="terminal-543913381-r1" x="317.2" y="288.4" textLength="12.2" clip-path="url(#terminal-543913381-line-11)">│</text><text class="terminal-543913381-r1" x="634.4" y="288.4" textLength="12.2" clip-path="url(#terminal-543913381-line-11)">│</text><text class="terminal-543913381-r1" x="646.6" y="288.4" textLength="12.2" clip-path="url(#terminal-543913381-line-11)">│</text><text class="terminal-543913381-r1" x="963.8" y="288.4" textLength="12.2" clip-path="url(#terminal-543913381-line-11)">│</text><text class="terminal-543913381-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-543913381-line-11)">
</text><text class="terminal-543913381-r1" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-543913381-line-12)">│</text><text class="terminal-543913381-r1" x="305" y="312.8" textLength="12.2" clip-path="url(#terminal-543913381-line-12)">│</text><text class="terminal-543913381-r1" x="317.2" y="312.8" textLength="12.2" clip-path="url(#terminal-543913381-line-12)">│</text><text class="terminal-543913381-r1" x="634.4" y="312.8" textLength="12.2" clip-path="url(#terminal-543913381-line-12)">│</text><text class="terminal-543913381-r1" x="646.6" y="312.8" textLength="12.2" clip-path="url(#terminal-543913381-line-12)">│</text><text class="terminal-543913381-r1" x="963.8" y="312.8" textLength="12.2" clip-path="url(#terminal-543913381-line-12)">│</text><text class="terminal-543913381-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-543913381-line-12)">
</text><text class="terminal-543913381-r1" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-543913381-line-13)">│</text><text class="terminal-543913381-r1" x="305" y="337.2" textLength="12.2" clip-path="url(#terminal-543913381-line-13)">│</text><text class="terminal-543913381-r1" x="317.2" y="337.2" textLength="12.2" clip-path="url(#terminal-543913381-line-13)">│</text><text class="terminal-543913381-r1" x="634.4" y="337.2" textLength="12.2" clip-path="url(#terminal-543913381-line-13)">│</text><text class="terminal-543913381-r1" x="646.6" y="337.2" textLength="12.2" clip-path="url(#terminal-543913381-line-13)">│</text><text class="terminal-543913381-r1" x="963.8" y="337.2" textLength="12.2" clip-path="url(#terminal-543913381-line-13)">│</text><text class="terminal-543913381-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-543913381-line-13)">
</text><text class="terminal-543913381-r1" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-543913381-line-14)">│</text><text class="terminal-543913381-r1" x="305" y="361.6" textLength="12.2" clip-path="url(#terminal-543913381-line-14)">│</text><text class="terminal-543913381-r1" x="317.2" y="361.6" textLength="12.2" clip-path="url(#terminal-543913381-line-14)">│</text><text class="terminal-543913381-r1" x="634.4" y="361.6" textLength="12.2" clip-path="url(#terminal-543913381-line-14)">│</text><text class="terminal-543913381-r1" x="646.6" y="361.6" textLength="12.2" clip-path="url(#terminal-543913381-line-14)">│</text><text class="terminal-543913381-r1" x="963.8" y="361.6" textLength="12.2" clip-path="url(#terminal-543913381-line-14)">│</text><text class="terminal-543913381-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-543913381-line-14)">
</text><text class="terminal-543913381-r1" x="0" y="386" textLength="12.2" clip-path="url(#terminal-543913381-line-15)">│</text><text class="terminal-543913381-r1" x="305" y="386" textLength="12.2" clip-path="url(#terminal-543913381-line-15)">│</text><text class="terminal-543913381-r1" x="317.2" y="386" textLength="12.2" clip-path="url(#terminal-543913381-line-15)">│</text><text class="terminal-543913381-r1" x="634.4" y="386" textLength="12.2" clip-path="url(#terminal-543913381-line-15)">│</text><text class="terminal-543913381-r1" x="646.6" y="386" textLength="12.2" clip-path="url(#terminal-543913381-line-15)">│</text><text class="terminal-543913381-r1" x="963.8" y="386" textLength="12.2" clip-path="url(#terminal-543913381-line-15)">│</text><text class="terminal-543913381-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-543913381-line-15)">
</text><text class="terminal-543913381-r1" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-543913381-line-16)">│</text><text class="terminal-543913381-r1" x="305" y="410.4" textLength="12.2" clip-path="url(#terminal-543913381-line-16)">│</text><text class="terminal-543913381-r1" x="317.2" y="410.4" textLength="12.2" clip-path="url(#terminal-543913381-line-16)">│</text><text class="terminal-543913381-r1" x="634.4" y="410.4" textLength="12.2" clip-path="url(#terminal-543913381-line-16)">│</text><text class="terminal-543913381-r1" x="646.6" y="410.4" textLength="12.2" clip-path="url(#terminal-543913381-line-16)">│</text><text class="terminal-543913381-r1" x="963.8" y="410.4" textLength="12.2" clip-path="url(#terminal-543913381-line-16)">│</text><text class="terminal-543913381-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-543913381-line-16)">
</text><text class="terminal-543913381-r1" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-543913381-line-17)">│</text><text class="terminal-543913381-r1" x="305" y="434.8" textLength="12.2" clip-path="url(#terminal-543913381-line-17)">│</text><text class="terminal-543913381-r1" x="317.2" y="434.8" textLength="12.2" clip-path="url(#terminal-543913381-line-17)">│</text><text class="terminal-543913381-r1" x="634.4" y="434.8" textLength="12.2" clip-path="url(#terminal-543913381-line-17)">│</text><text class="terminal-543913381-r1" x="646.6" y="434.8" textLength="12.2" clip-path="url(#terminal-543913381-line-17)">│</text><text class="terminal-543913381-r1" x="963.8" y="434.8" textLength="12.2" clip-path="url(#terminal-543913381-line-17)">│</text><text class="terminal-543913381-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-543913381-line-17)">
</text><text class="terminal-543913381-r1" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-543913381-line-18)">│</text><text class="terminal-543913381-r1" x="305" y="459.2" textLength="12.2" clip-path="url(#terminal-543913381-line-18)">│</text><text class="terminal-543913381-r1" x="317.2" y="459.2" textLength="12.2" clip-path="url(#terminal-543913381-line-18)">│</text><text class="terminal-543913381-r1" x="634.4" y="459.2" textLength="12.2" clip-path="url(#terminal-543913381-line-18)">│</text><text class="terminal-543913381-r1" x="646.6" y="459.2" textLength="12.2" clip-path="url(#terminal-543913381-line-18)">│</text><text class="terminal-543913381-r1" x="963.8" y="459.2" textLength="12.2" clip-path="url(#terminal-543913381-line-18)">│</text><text class="terminal-543913381-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-543913381-line-18)">
</text><text class="terminal-543913381-r1" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-543913381-line-19)">│</text><text class="terminal-543913381-r1" x="305" y="483.6" textLength="12.2" clip-path="url(#terminal-543913381-line-19)">│</text><text class="terminal-543913381-r1" x="317.2" y="483.6" textLength="12.2" clip-path="url(#terminal-543913381-line-19)">│</text><text class="terminal-543913381-r1" x="634.4" y="483.6" textLength="12.2" clip-path="url(#terminal-543913381-line-19)">│</text><text class="terminal-543913381-r1" x="646.6" y="483.6" textLength="12.2" clip-path="url(#terminal-543913381-line-19)">│</text><text class="terminal-543913381-r1" x="963.8" y="483.6" textLength="12.2" clip-path="url(#terminal-543913381-line-19)">│</text><text class="terminal-543913381-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-543913381-line-19)">
</text><text class="terminal-543913381-r1" x="0" y="508" textLength="12.2" clip-path="url(#terminal-543913381-line-20)">│</text><text class="terminal-543913381-r1" x="305" y="508" textLength="12.2" clip-path="url(#terminal-543913381-line-20)">│</text><text class="terminal-543913381-r1" x="317.2" y="508" textLength="12.2" clip-path="url(#terminal-543913381-line-20)">│</text><text class="terminal-543913381-r1" x="634.4" y="508" textLength="12.2" clip-path="url(#terminal-543913381-line-20)">│</text><text class="terminal-543913381-r1" x="646.6" y="508" textLength="12.2" clip-path="url(#terminal-543913381-line-20)">│</text><text class="terminal-543913381-r1" x="963.8" y="508" textLength="12.2" clip-path="url(#terminal-543913381-line-20)">│</text><text class="terminal-543913381-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-543913381-line-20)">
</text><text class="terminal-543913381-r1" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-543913381-line-21)">│</text><text class="terminal-543913381-r1" x="305" y="532.4" textLength="12.2" clip-path="url(#terminal-543913381-line-21)">│</text><text class="terminal-543913381-r1" x="317.2" y="532.4" textLength="12.2" clip-path="url(#terminal-543913381-line-21)">│</text><text class="terminal-543913381-r1" x="634.4" y="532.4" textLength="12.2" clip-path="url(#terminal-543913381-line-21)">│</text><text class="terminal-543913381-r1" x="646.6" y="532.4" textLength="12.2" clip-path="url(#terminal-543913381-line-21)">│</text><text class="terminal-543913381-r1" x="963.8" y="532.4" textLength="12.2" clip-path="url(#terminal-543913381-line-21)">│</text><text class="terminal-543913381-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-543913381-line-21)">
</text><text class="terminal-543913381-r1" x="0" y="556.8" textLength="12.2" clip-path="url(#terminal-543913381-line-22)">│</text><text class="terminal-543913381-r1" x="305" y="556.8" textLength="12.2" clip-path="url(#terminal-543913381-line-22)">│</text><text class="terminal-543913381-r1" x="317.2" y="556.8" textLength="12.2" clip-path="url(#terminal-543913381-line-22)">│</text><text class="terminal-543913381-r1" x="634.4" y="556.8" textLength="12.2" clip-path="url(#terminal-543913381-line-22)">│</text><text class="terminal-543913381-r1" x="646.6" y="556.8" textLength="12.2" clip-path="url(#terminal-543913381-line-22)">│</text><text class="terminal-543913381-r1" x="963.8" y="556.8" textLength="12.2" clip-path="url(#terminal-543913381-line-22)">│</text><text class="terminal-543913381-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-543913381-line-22)">
</text><text class="terminal-543913381-r1" x="0" y="581.2" textLength="317.2" clip-path="url(#terminal-543913381-line-23)">└────────────────────────┘</text><text class="terminal-543913381-r1" x="317.2" y="581.2" textLength="329.4" clip-path="url(#terminal-543913381-line-23)">└─────────────────────────┘</text><text class="terminal-543913381-r1" x="646.6" y="581.2" textLength="329.4" clip-path="url(#terminal-543913381-line-23)">└─────────────────────────┘</text>
</g>
</g>
</svg>
'''
# ---
# name: test_input_and_focus
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-4091889985-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-4091889985-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-4091889985-r1 { fill: #1e1e1e }
.terminal-4091889985-r2 { fill: #121212 }
.terminal-4091889985-r3 { fill: #c5c8c6 }
.terminal-4091889985-r4 { fill: #e2e2e2 }
.terminal-4091889985-r5 { fill: #0178d4 }
.terminal-4091889985-r6 { fill: #e1e1e1 }
</style>
<defs>
<clipPath id="terminal-4091889985-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-4091889985-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4091889985-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4091889985-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">InputApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-4091889985-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="1.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="36.6" y="25.9" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="939.4" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="36.6" y="99.1" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#e1e1e1" x="97.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="99.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="939.4" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4091889985-matrix">
<text class="terminal-4091889985-r1" x="0" y="20" textLength="12.2" clip-path="url(#terminal-4091889985-line-0)">▊</text><text class="terminal-4091889985-r2" x="12.2" y="20" textLength="951.6" clip-path="url(#terminal-4091889985-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4091889985-r2" x="963.8" y="20" textLength="12.2" clip-path="url(#terminal-4091889985-line-0)">▎</text><text class="terminal-4091889985-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4091889985-line-0)">
</text><text class="terminal-4091889985-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-4091889985-line-1)">▊</text><text class="terminal-4091889985-r4" x="36.6" y="44.4" textLength="902.8" clip-path="url(#terminal-4091889985-line-1)">Darren&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4091889985-r2" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-4091889985-line-1)">▎</text><text class="terminal-4091889985-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4091889985-line-1)">
</text><text class="terminal-4091889985-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-4091889985-line-2)">▊</text><text class="terminal-4091889985-r2" x="12.2" y="68.8" textLength="951.6" clip-path="url(#terminal-4091889985-line-2)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4091889985-r2" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-4091889985-line-2)">▎</text><text class="terminal-4091889985-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4091889985-line-2)">
</text><text class="terminal-4091889985-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-4091889985-line-3)">▊</text><text class="terminal-4091889985-r5" x="12.2" y="93.2" textLength="951.6" clip-path="url(#terminal-4091889985-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4091889985-r5" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-4091889985-line-3)">▎</text><text class="terminal-4091889985-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4091889985-line-3)">
</text><text class="terminal-4091889985-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-4091889985-line-4)">▊</text><text class="terminal-4091889985-r4" x="36.6" y="117.6" textLength="61" clip-path="url(#terminal-4091889985-line-4)">Burns</text><text class="terminal-4091889985-r5" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-4091889985-line-4)">▎</text><text class="terminal-4091889985-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4091889985-line-4)">
</text><text class="terminal-4091889985-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-4091889985-line-5)">▊</text><text class="terminal-4091889985-r5" x="12.2" y="142" textLength="951.6" clip-path="url(#terminal-4091889985-line-5)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4091889985-r5" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-4091889985-line-5)">▎</text><text class="terminal-4091889985-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4091889985-line-5)">
</text><text class="terminal-4091889985-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4091889985-line-6)">
</text><text class="terminal-4091889985-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4091889985-line-7)">
</text><text class="terminal-4091889985-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4091889985-line-8)">
</text><text class="terminal-4091889985-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4091889985-line-9)">
</text><text class="terminal-4091889985-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4091889985-line-10)">
</text><text class="terminal-4091889985-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4091889985-line-11)">
</text><text class="terminal-4091889985-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4091889985-line-12)">
</text><text class="terminal-4091889985-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4091889985-line-13)">
</text><text class="terminal-4091889985-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4091889985-line-14)">
</text><text class="terminal-4091889985-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4091889985-line-15)">
</text><text class="terminal-4091889985-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4091889985-line-16)">
</text><text class="terminal-4091889985-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4091889985-line-17)">
</text><text class="terminal-4091889985-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4091889985-line-18)">
</text><text class="terminal-4091889985-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4091889985-line-19)">
</text><text class="terminal-4091889985-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4091889985-line-20)">
</text><text class="terminal-4091889985-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4091889985-line-21)">
</text><text class="terminal-4091889985-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4091889985-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_layers
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-3301495769-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3301495769-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3301495769-r1 { fill: #e1e1e1 }
.terminal-3301495769-r2 { fill: #c5c8c6 }
.terminal-3301495769-r3 { fill: #ddefef }
.terminal-3301495769-r4 { fill: #211500 }
</style>
<defs>
<clipPath id="terminal-3301495769-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3301495769-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3301495769-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3301495769-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">LayersExample</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-3301495769-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="317.2" y="196.7" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="196.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="317.2" y="221.1" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="221.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="317.2" y="245.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="245.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="317.2" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="366" y="269.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="610" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="317.2" y="294.3" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="294.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="317.2" y="318.7" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="318.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="317.2" y="343.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="463.6" y="343.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffa500" x="658.8" y="343.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="805.2" y="343.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="317.2" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#008b8b" x="463.6" y="367.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffa500" x="658.8" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="805.2" y="367.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffa500" x="463.6" y="391.9" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="805.2" y="391.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffa500" x="463.6" y="416.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffa500" x="512.4" y="416.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffa500" x="756.4" y="416.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="805.2" y="416.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffa500" x="463.6" y="440.7" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="805.2" y="440.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffa500" x="463.6" y="465.1" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="805.2" y="465.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffa500" x="463.6" y="489.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="805.2" y="489.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffa500" x="463.6" y="513.9" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="805.2" y="513.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3301495769-matrix">
<text class="terminal-3301495769-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3301495769-line-0)">
</text><text class="terminal-3301495769-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3301495769-line-1)">
</text><text class="terminal-3301495769-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3301495769-line-2)">
</text><text class="terminal-3301495769-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3301495769-line-3)">
</text><text class="terminal-3301495769-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3301495769-line-4)">
</text><text class="terminal-3301495769-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3301495769-line-5)">
</text><text class="terminal-3301495769-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3301495769-line-6)">
</text><text class="terminal-3301495769-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3301495769-line-7)">
</text><text class="terminal-3301495769-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3301495769-line-8)">
</text><text class="terminal-3301495769-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3301495769-line-9)">
</text><text class="terminal-3301495769-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3301495769-line-10)">
</text><text class="terminal-3301495769-r3" x="366" y="288.4" textLength="244" clip-path="url(#terminal-3301495769-line-11)">box1&#160;(layer&#160;=&#160;above)</text><text class="terminal-3301495769-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3301495769-line-11)">
</text><text class="terminal-3301495769-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3301495769-line-12)">
</text><text class="terminal-3301495769-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3301495769-line-13)">
</text><text class="terminal-3301495769-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3301495769-line-14)">
</text><text class="terminal-3301495769-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3301495769-line-15)">
</text><text class="terminal-3301495769-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3301495769-line-16)">
</text><text class="terminal-3301495769-r4" x="512.4" y="434.8" textLength="244" clip-path="url(#terminal-3301495769-line-17)">box2&#160;(layer&#160;=&#160;below)</text><text class="terminal-3301495769-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3301495769-line-17)">
</text><text class="terminal-3301495769-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3301495769-line-18)">
</text><text class="terminal-3301495769-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3301495769-line-19)">
</text><text class="terminal-3301495769-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3301495769-line-20)">
</text><text class="terminal-3301495769-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3301495769-line-21)">
</text><text class="terminal-3301495769-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3301495769-line-22)">
</text>
</g>
</g>
</svg>
'''
# ---
# name: test_vertical_layout
'''
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-660754755-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-660754755-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-660754755-r1 { fill: #008000 }
.terminal-660754755-r2 { fill: #c5c8c6 }
.terminal-660754755-r3 { fill: #e1e1e1 }
</style>
<defs>
<clipPath id="terminal-660754755-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-660754755-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-660754755-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-660754755-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">VerticalLayoutExample</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-660754755-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="25.9" width="915" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="99.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="147.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="221.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="221.1" width="915" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="245.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="269.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="294.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="318.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="343.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="416.3" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="73.2" y="416.3" width="890.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="440.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="465.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="489.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="513.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="538.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-660754755-matrix">
<text class="terminal-660754755-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-660754755-line-0)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-660754755-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-660754755-line-0)">
</text><text class="terminal-660754755-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-660754755-line-1)">│</text><text class="terminal-660754755-r3" x="12.2" y="44.4" textLength="36.6" clip-path="url(#terminal-660754755-line-1)">One</text><text class="terminal-660754755-r1" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-660754755-line-1)">│</text><text class="terminal-660754755-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-660754755-line-1)">
</text><text class="terminal-660754755-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-660754755-line-2)">│</text><text class="terminal-660754755-r1" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-660754755-line-2)">│</text><text class="terminal-660754755-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-660754755-line-2)">
</text><text class="terminal-660754755-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-660754755-line-3)">│</text><text class="terminal-660754755-r1" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-660754755-line-3)">│</text><text class="terminal-660754755-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-660754755-line-3)">
</text><text class="terminal-660754755-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-660754755-line-4)">│</text><text class="terminal-660754755-r1" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-660754755-line-4)">│</text><text class="terminal-660754755-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-660754755-line-4)">
</text><text class="terminal-660754755-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-660754755-line-5)">│</text><text class="terminal-660754755-r1" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-660754755-line-5)">│</text><text class="terminal-660754755-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-660754755-line-5)">
</text><text class="terminal-660754755-r1" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-660754755-line-6)">│</text><text class="terminal-660754755-r1" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-660754755-line-6)">│</text><text class="terminal-660754755-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-660754755-line-6)">
</text><text class="terminal-660754755-r1" x="0" y="190.8" textLength="976" clip-path="url(#terminal-660754755-line-7)">└──────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-660754755-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-660754755-line-7)">
</text><text class="terminal-660754755-r1" x="0" y="215.2" textLength="976" clip-path="url(#terminal-660754755-line-8)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-660754755-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-660754755-line-8)">
</text><text class="terminal-660754755-r1" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-660754755-line-9)">│</text><text class="terminal-660754755-r3" x="12.2" y="239.6" textLength="36.6" clip-path="url(#terminal-660754755-line-9)">Two</text><text class="terminal-660754755-r1" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-660754755-line-9)">│</text><text class="terminal-660754755-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-660754755-line-9)">
</text><text class="terminal-660754755-r1" x="0" y="264" textLength="12.2" clip-path="url(#terminal-660754755-line-10)">│</text><text class="terminal-660754755-r1" x="963.8" y="264" textLength="12.2" clip-path="url(#terminal-660754755-line-10)">│</text><text class="terminal-660754755-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-660754755-line-10)">
</text><text class="terminal-660754755-r1" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-660754755-line-11)">│</text><text class="terminal-660754755-r1" x="963.8" y="288.4" textLength="12.2" clip-path="url(#terminal-660754755-line-11)">│</text><text class="terminal-660754755-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-660754755-line-11)">
</text><text class="terminal-660754755-r1" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-660754755-line-12)">│</text><text class="terminal-660754755-r1" x="963.8" y="312.8" textLength="12.2" clip-path="url(#terminal-660754755-line-12)">│</text><text class="terminal-660754755-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-660754755-line-12)">
</text><text class="terminal-660754755-r1" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-660754755-line-13)">│</text><text class="terminal-660754755-r1" x="963.8" y="337.2" textLength="12.2" clip-path="url(#terminal-660754755-line-13)">│</text><text class="terminal-660754755-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-660754755-line-13)">
</text><text class="terminal-660754755-r1" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-660754755-line-14)">│</text><text class="terminal-660754755-r1" x="963.8" y="361.6" textLength="12.2" clip-path="url(#terminal-660754755-line-14)">│</text><text class="terminal-660754755-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-660754755-line-14)">
</text><text class="terminal-660754755-r1" x="0" y="386" textLength="976" clip-path="url(#terminal-660754755-line-15)">└──────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-660754755-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-660754755-line-15)">
</text><text class="terminal-660754755-r1" x="0" y="410.4" textLength="976" clip-path="url(#terminal-660754755-line-16)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-660754755-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-660754755-line-16)">
</text><text class="terminal-660754755-r1" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-660754755-line-17)">│</text><text class="terminal-660754755-r3" x="12.2" y="434.8" textLength="61" clip-path="url(#terminal-660754755-line-17)">Three</text><text class="terminal-660754755-r1" x="963.8" y="434.8" textLength="12.2" clip-path="url(#terminal-660754755-line-17)">│</text><text class="terminal-660754755-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-660754755-line-17)">
</text><text class="terminal-660754755-r1" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-660754755-line-18)">│</text><text class="terminal-660754755-r1" x="963.8" y="459.2" textLength="12.2" clip-path="url(#terminal-660754755-line-18)">│</text><text class="terminal-660754755-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-660754755-line-18)">
</text><text class="terminal-660754755-r1" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-660754755-line-19)">│</text><text class="terminal-660754755-r1" x="963.8" y="483.6" textLength="12.2" clip-path="url(#terminal-660754755-line-19)">│</text><text class="terminal-660754755-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-660754755-line-19)">
</text><text class="terminal-660754755-r1" x="0" y="508" textLength="12.2" clip-path="url(#terminal-660754755-line-20)">│</text><text class="terminal-660754755-r1" x="963.8" y="508" textLength="12.2" clip-path="url(#terminal-660754755-line-20)">│</text><text class="terminal-660754755-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-660754755-line-20)">
</text><text class="terminal-660754755-r1" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-660754755-line-21)">│</text><text class="terminal-660754755-r1" x="963.8" y="532.4" textLength="12.2" clip-path="url(#terminal-660754755-line-21)">│</text><text class="terminal-660754755-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-660754755-line-21)">
</text><text class="terminal-660754755-r1" x="0" y="556.8" textLength="12.2" clip-path="url(#terminal-660754755-line-22)">│</text><text class="terminal-660754755-r1" x="963.8" y="556.8" textLength="12.2" clip-path="url(#terminal-660754755-line-22)">│</text><text class="terminal-660754755-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-660754755-line-22)">
</text><text class="terminal-660754755-r1" x="0" y="581.2" textLength="976" clip-path="url(#terminal-660754755-line-23)">└──────────────────────────────────────────────────────────────────────────────┘</text>
</g>
</g>
</svg>
'''
# ---
Reference in New Issue View Git Blame Copy Permalink