Files
hfgos_falbella_theme/components/test.svg
T
2026-09-02 21:48:52 +02:00

1415 lines
75 KiB
XML

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1920"
height="1080"
viewBox="0 0 508 285.75"
version="1.1"
id="svg9458"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="test.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview9460"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.52382043"
inkscape:cx="909.66287"
inkscape:cy="544.07958"
inkscape:window-width="1887"
inkscape:window-height="1000"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="g27658" />
<defs
id="defs9455">
<linearGradient
inkscape:collect="always"
id="linearGradient16693">
<stop
style="stop-color:#6d353a;stop-opacity:1;"
offset="0"
id="stop16691" />
<stop
style="stop-color:#265a78;stop-opacity:1;"
offset="1"
id="stop16689" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient16220">
<stop
style="stop-color:#265a78;stop-opacity:1;"
offset="0"
id="stop16216" />
<stop
style="stop-color:#6d353a;stop-opacity:1;"
offset="1"
id="stop16218" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient15660">
<stop
style="stop-color:#265a78;stop-opacity:1;"
offset="0"
id="stop15656" />
<stop
style="stop-color:#1c3d4c;stop-opacity:1;"
offset="1"
id="stop15658" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient12755">
<stop
style="stop-color:#435c7b;stop-opacity:1;"
offset="0"
id="stop12751" />
<stop
style="stop-color:#435c7b;stop-opacity:0;"
offset="1"
id="stop12753" />
</linearGradient>
<rect
x="60.151138"
y="303.76356"
width="496.86289"
height="131.51953"
id="rect12612" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient12755"
id="linearGradient12757"
x1="16.388924"
y1="24.044765"
x2="133.86846"
y2="24.044765"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient15660"
id="linearGradient15662"
x1="16.388924"
y1="53.251905"
x2="133.86846"
y2="53.251905"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient16220"
id="linearGradient16075"
gradientUnits="userSpaceOnUse"
x1="16.388924"
y1="53.251905"
x2="133.86846"
y2="53.251905"
gradientTransform="translate(-1.1484375e-6,29.20714)" />
<rect
x="60.151138"
y="303.76355"
width="730.44298"
height="113.54337"
id="rect12612-9" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient16693"
id="radialGradient16687"
cx="312.20145"
cy="66.927711"
fx="312.20145"
fy="66.927711"
r="37.264355"
gradientTransform="matrix(0.89418359,0,0,1.102996,37.714853,-20.569098)"
gradientUnits="userSpaceOnUse" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient15660"
id="radialGradient16699"
cx="380.96802"
cy="53.251904"
fx="380.96802"
fy="53.251904"
r="33.321175"
gradientTransform="matrix(1,0,0,1.233523,-134.25052,-12.435546)"
gradientUnits="userSpaceOnUse" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient12755"
id="radialGradient16718"
cx="176.55473"
cy="53.251904"
fx="176.55473"
fy="53.251904"
r="33.321175"
gradientTransform="matrix(1,0,0,1.233523,0,-12.435546)"
gradientUnits="userSpaceOnUse" />
<rect
x="60.151138"
y="303.76356"
width="496.86289"
height="131.51953"
id="rect17119" />
<meshgradient
inkscape:collect="always"
id="meshgradient17133"
gradientUnits="userSpaceOnUse"
x="16.388924"
y="70.563751">
<meshrow
id="meshrow17135">
<meshpatch
id="meshpatch17137">
<stop
path="c 19.5799,0 39.1598,0 58.7398,0"
style="stop-color:#6d353a;stop-opacity:1"
id="stop17139" />
<stop
path="c 0,3.9651 0,7.9302 0,11.8953"
style="stop-color:#265a78;stop-opacity:1"
id="stop17141" />
<stop
path="c -19.5799,0 -39.1598,0 -58.7398,0"
style="stop-color:#6d353a;stop-opacity:1"
id="stop17143" />
<stop
path="c 0,-3.9651 0,-7.9302 0,-11.8953"
style="stop-color:#265a78;stop-opacity:1"
id="stop17145" />
</meshpatch>
<meshpatch
id="meshpatch17147">
<stop
path="c 19.5799,0 39.1598,0 58.7398,0"
id="stop17149" />
<stop
path="c 0,3.9651 0,7.9302 0,11.8953"
style="stop-color:#6d353a;stop-opacity:1"
id="stop17151" />
<stop
path="c -19.5799,0 -39.1598,0 -58.7398,0"
style="stop-color:#265a78;stop-opacity:1"
id="stop17153" />
</meshpatch>
</meshrow>
<meshrow
id="meshrow17155">
<meshpatch
id="meshpatch17157">
<stop
path="c 0,3.9651 0,7.9302 0,11.8953"
id="stop17159" />
<stop
path="c -19.5799,0 -39.1598,0 -58.7398,0"
style="stop-color:#265a78;stop-opacity:1"
id="stop17161" />
<stop
path="c 0,-3.9651 0,-7.9302 0,-11.8953"
style="stop-color:#6d353a;stop-opacity:1"
id="stop17163" />
</meshpatch>
<meshpatch
id="meshpatch17165">
<stop
path="c 0,3.9651 0,7.9302 0,11.8953"
id="stop17167" />
<stop
path="c -19.5799,0 -39.1598,0 -58.7398,0"
style="stop-color:#6d353a;stop-opacity:1"
id="stop17169" />
</meshpatch>
</meshrow>
</meshgradient>
<meshgradient
inkscape:collect="always"
id="meshgradient20247"
gradientUnits="userSpaceOnUse"
x="16.388924"
y="41.356609">
<meshrow
id="meshrow20249">
<meshpatch
id="meshpatch20251">
<stop
path="c 19.5799,0 39.1598,0 58.7398,0"
style="stop-color:#1c3d4c;stop-opacity:1"
id="stop20253" />
<stop
path="c 0,3.9651 0,7.9302 0,11.8953"
style="stop-color:#265a78;stop-opacity:1"
id="stop20255" />
<stop
path="c -19.5799,0 -39.1598,0 -58.7398,0"
style="stop-color:#1c3d4c;stop-opacity:1"
id="stop20257" />
<stop
path="c 0,-3.9651 0,-7.9302 0,-11.8953"
style="stop-color:#265a78;stop-opacity:1"
id="stop20259" />
</meshpatch>
<meshpatch
id="meshpatch20261">
<stop
path="c 19.5799,0 39.1598,0 58.7398,0"
id="stop20263" />
<stop
path="c 0,3.9651 0,7.9302 0,11.8953"
style="stop-color:#1c3d4c;stop-opacity:1"
id="stop20265" />
<stop
path="c -19.5799,0 -39.1598,0 -58.7398,0"
style="stop-color:#265a78;stop-opacity:1"
id="stop20267" />
</meshpatch>
</meshrow>
<meshrow
id="meshrow20269">
<meshpatch
id="meshpatch20271">
<stop
path="c 0,3.9651 0,7.9302 0,11.8953"
id="stop20273" />
<stop
path="c -19.5799,0 -39.1598,0 -58.7398,0"
style="stop-color:#265a78;stop-opacity:1"
id="stop20275" />
<stop
path="c 0,-3.9651 0,-7.9302 0,-11.8953"
style="stop-color:#1c3d4c;stop-opacity:1"
id="stop20277" />
</meshpatch>
<meshpatch
id="meshpatch20279">
<stop
path="c 0,3.9651 0,7.9302 0,11.8953"
id="stop20281" />
<stop
path="c -19.5799,0 -39.1598,0 -58.7398,0"
style="stop-color:#1c3d4c;stop-opacity:1"
id="stop20283" />
</meshpatch>
</meshrow>
</meshgradient>
<meshgradient
inkscape:collect="always"
id="meshgradient23189"
gradientUnits="userSpaceOnUse"
x="16.388924"
y="12.149469">
<meshrow
id="meshrow23191">
<meshpatch
id="meshpatch23193">
<stop
path="c 19.5799,0 39.1598,0 58.7398,0"
style="stop-color:#435c7b;stop-opacity:1"
id="stop23195" />
<stop
path="c 0,3.9651 0,7.9302 0,11.8953"
style="stop-color:#435c7b;stop-opacity:0"
id="stop23197" />
<stop
path="c -19.5799,0 -39.1598,0 -58.7398,0"
style="stop-color:#435c7b;stop-opacity:1"
id="stop23199" />
<stop
path="c 0,-3.9651 0,-7.9302 0,-11.8953"
style="stop-color:#435c7b;stop-opacity:0"
id="stop23201" />
</meshpatch>
<meshpatch
id="meshpatch23203">
<stop
path="c 19.5799,0 39.1598,0 58.7398,0"
id="stop23205" />
<stop
path="c 0,3.9651 0,7.9302 0,11.8953"
style="stop-color:#435c7b;stop-opacity:1"
id="stop23207" />
<stop
path="c -19.5799,0 -39.1598,0 -58.7398,0"
style="stop-color:#435c7b;stop-opacity:0"
id="stop23209" />
</meshpatch>
</meshrow>
<meshrow
id="meshrow23211">
<meshpatch
id="meshpatch23213">
<stop
path="c 0,3.9651 0,7.9302 0,11.8953"
id="stop23215" />
<stop
path="c -19.5799,0 -39.1598,0 -58.7398,0"
style="stop-color:#435c7b;stop-opacity:0"
id="stop23217" />
<stop
path="c 0,-3.9651 0,-7.9302 0,-11.8953"
style="stop-color:#435c7b;stop-opacity:1"
id="stop23219" />
</meshpatch>
<meshpatch
id="meshpatch23221">
<stop
path="c 0,3.9651 0,7.9302 0,11.8953"
id="stop23223" />
<stop
path="c -19.5799,0 -39.1598,0 -58.7398,0"
style="stop-color:#435c7b;stop-opacity:1"
id="stop23225" />
</meshpatch>
</meshrow>
</meshgradient>
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter26601"
x="-0.029253057"
y="-0.13365039"
width="1.0585061"
height="1.2673008">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="1.4195302"
id="feGaussianBlur26603" />
</filter>
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter26601-0"
x="-0.029253057"
y="-0.13365039"
width="1.0585061"
height="1.2673008">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="1.4195302"
id="feGaussianBlur26603-6" />
</filter>
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter26601-0-6"
x="-0.029253057"
y="-0.13365039"
width="1.0585061"
height="1.2673008">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="1.4195302"
id="feGaussianBlur26603-6-5" />
</filter>
<rect
x="60.151138"
y="303.76355"
width="496.86288"
height="131.51953"
id="rect17119-5" />
<rect
x="60.151138"
y="303.76355"
width="588.73844"
height="139.25971"
id="rect12612-5" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient15660"
id="linearGradient15662-4"
x1="16.388924"
y1="53.251904"
x2="133.86845"
y2="53.251904"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1,0,0,1.0838561,137.29847,136.6546)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient12755"
id="linearGradient27521"
gradientUnits="userSpaceOnUse"
x1="16.388924"
y1="24.044765"
x2="133.86846"
y2="24.044765"
gradientTransform="matrix(1,0,0,1.0838561,137.29847,136.6546)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient16220"
id="linearGradient27523"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1,0,0,1.0838561,137.29847,168.31094)"
x1="16.388924"
y1="53.251905"
x2="133.86846"
y2="53.251905" />
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Roughen"
id="filter27572"
x="0"
y="0"
width="1"
height="1">
<feTurbulence
type="turbulence"
numOctaves="2"
seed="50"
baseFrequency="5 5"
result="turbulence"
id="feTurbulence27568" />
<feDisplacementMap
in="SourceGraphic"
in2="turbulence"
scale="25.7402"
yChannelSelector="G"
xChannelSelector="R"
id="feDisplacementMap27570"
result="fbSourceGraphic" />
<feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix27610" />
<feTurbulence
id="feTurbulence27612"
type="turbulence"
numOctaves="2"
seed="100"
baseFrequency="5 5"
result="turbulence"
in="fbSourceGraphic" />
<feDisplacementMap
in2="turbulence"
id="feDisplacementMap27614"
in="fbSourceGraphic"
scale="25"
yChannelSelector="G"
xChannelSelector="R" />
</filter>
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Roughen"
id="filter27638"
x="0"
y="0"
width="1"
height="1">
<feTurbulence
type="turbulence"
numOctaves="2"
seed="50"
baseFrequency="1 1"
result="turbulence"
id="feTurbulence27634" />
<feDisplacementMap
in="SourceGraphic"
in2="turbulence"
scale="10"
yChannelSelector="G"
xChannelSelector="R"
id="feDisplacementMap27636" />
</filter>
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Roughen"
id="filter27644"
x="0"
y="0"
width="1"
height="1">
<feTurbulence
type="turbulence"
numOctaves="2"
seed="50"
baseFrequency="1 1"
result="turbulence"
id="feTurbulence27640" />
<feDisplacementMap
in="SourceGraphic"
in2="turbulence"
scale="10"
yChannelSelector="G"
xChannelSelector="R"
id="feDisplacementMap27642" />
</filter>
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Roughen"
id="filter27650"
x="0"
y="0"
width="1"
height="1">
<feTurbulence
type="turbulence"
numOctaves="2"
seed="50"
baseFrequency="1 1"
result="turbulence"
id="feTurbulence27646" />
<feDisplacementMap
in="SourceGraphic"
in2="turbulence"
scale="10"
yChannelSelector="G"
xChannelSelector="R"
id="feDisplacementMap27648" />
</filter>
<rect
x="60.151138"
y="303.76356"
width="496.86289"
height="131.51953"
id="rect28188" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient12755"
id="linearGradient28190"
gradientUnits="userSpaceOnUse"
x1="16.388924"
y1="24.044765"
x2="133.86846"
y2="24.044765"
gradientTransform="translate(299.91918,134.65002)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient15660"
id="linearGradient28192"
gradientUnits="userSpaceOnUse"
x1="16.388924"
y1="53.251905"
x2="133.86846"
y2="53.251905"
gradientTransform="translate(299.91918,138.791)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient16220"
id="linearGradient28194"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(299.91918,172.13912)"
x1="16.388924"
y1="53.251905"
x2="133.86846"
y2="53.251905" />
<mask
maskUnits="userSpaceOnUse"
id="mask28748">
<g
id="g28760"
transform="translate(0,66.382842)">
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28750"
sodipodi:type="arc"
sodipodi:cx="334.80093"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 329.38053,159.23368 a 5.4222136,5.0222473 0 0 1 5.55147,-4.89115 5.4222136,5.0222473 0 0 1 5.28977,5.13395 5.4222136,5.0222473 0 0 1 -5.53414,4.90798 5.4222136,5.0222473 0 0 1 -5.3079,-5.11786" />
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28752"
sodipodi:type="arc"
sodipodi:cx="355.20267"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 349.78226,159.23368 a 5.4222136,5.0222473 0 0 1 5.55147,-4.89115 5.4222136,5.0222473 0 0 1 5.28977,5.13395 5.4222136,5.0222473 0 0 1 -5.53413,4.90798 5.4222136,5.0222473 0 0 1 -5.30791,-5.11786" />
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28754"
sodipodi:type="arc"
sodipodi:cx="375.6044"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 370.18399,159.23368 a 5.4222136,5.0222473 0 0 1 5.55148,-4.89115 5.4222136,5.0222473 0 0 1 5.28977,5.13395 5.4222136,5.0222473 0 0 1 -5.53414,4.90798 5.4222136,5.0222473 0 0 1 -5.30791,-5.11786" />
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28756"
sodipodi:type="arc"
sodipodi:cx="396.00613"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 390.58573,159.23368 a 5.4222136,5.0222473 0 0 1 5.55147,-4.89115 5.4222136,5.0222473 0 0 1 5.28977,5.13395 5.4222136,5.0222473 0 0 1 -5.53414,4.90798 5.4222136,5.0222473 0 0 1 -5.3079,-5.11786" />
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28758"
sodipodi:type="arc"
sodipodi:cx="416.40787"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 410.98746,159.23368 a 5.4222136,5.0222473 0 0 1 5.55148,-4.89115 5.4222136,5.0222473 0 0 1 5.28976,5.13395 5.4222136,5.0222473 0 0 1 -5.53413,4.90798 5.4222136,5.0222473 0 0 1 -5.30791,-5.11786" />
</g>
</mask>
<mask
maskUnits="userSpaceOnUse"
id="mask28762">
<g
id="g28774"
transform="translate(0,32.055202)">
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28764"
sodipodi:type="arc"
sodipodi:cx="334.80093"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 329.38053,159.23368 a 5.4222136,5.0222473 0 0 1 5.55147,-4.89115 5.4222136,5.0222473 0 0 1 5.28977,5.13395 5.4222136,5.0222473 0 0 1 -5.53414,4.90798 5.4222136,5.0222473 0 0 1 -5.3079,-5.11786" />
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28766"
sodipodi:type="arc"
sodipodi:cx="355.20267"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 349.78226,159.23368 a 5.4222136,5.0222473 0 0 1 5.55147,-4.89115 5.4222136,5.0222473 0 0 1 5.28977,5.13395 5.4222136,5.0222473 0 0 1 -5.53413,4.90798 5.4222136,5.0222473 0 0 1 -5.30791,-5.11786" />
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28768"
sodipodi:type="arc"
sodipodi:cx="375.6044"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 370.18399,159.23368 a 5.4222136,5.0222473 0 0 1 5.55148,-4.89115 5.4222136,5.0222473 0 0 1 5.28977,5.13395 5.4222136,5.0222473 0 0 1 -5.53414,4.90798 5.4222136,5.0222473 0 0 1 -5.30791,-5.11786" />
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28770"
sodipodi:type="arc"
sodipodi:cx="396.00613"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 390.58573,159.23368 a 5.4222136,5.0222473 0 0 1 5.55147,-4.89115 5.4222136,5.0222473 0 0 1 5.28977,5.13395 5.4222136,5.0222473 0 0 1 -5.53414,4.90798 5.4222136,5.0222473 0 0 1 -5.3079,-5.11786" />
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28772"
sodipodi:type="arc"
sodipodi:cx="416.40787"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 410.98746,159.23368 a 5.4222136,5.0222473 0 0 1 5.55148,-4.89115 5.4222136,5.0222473 0 0 1 5.28976,5.13395 5.4222136,5.0222473 0 0 1 -5.53413,4.90798 5.4222136,5.0222473 0 0 1 -5.30791,-5.11786" />
</g>
</mask>
<mask
maskUnits="userSpaceOnUse"
id="mask28776">
<g
id="g28788">
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28778"
sodipodi:type="arc"
sodipodi:cx="334.80093"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 329.38053,159.23368 a 5.4222136,5.0222473 0 0 1 5.55147,-4.89115 5.4222136,5.0222473 0 0 1 5.28977,5.13395 5.4222136,5.0222473 0 0 1 -5.53414,4.90798 5.4222136,5.0222473 0 0 1 -5.3079,-5.11786" />
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28780"
sodipodi:type="arc"
sodipodi:cx="355.20267"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 349.78226,159.23368 a 5.4222136,5.0222473 0 0 1 5.55147,-4.89115 5.4222136,5.0222473 0 0 1 5.28977,5.13395 5.4222136,5.0222473 0 0 1 -5.53413,4.90798 5.4222136,5.0222473 0 0 1 -5.30791,-5.11786" />
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28782"
sodipodi:type="arc"
sodipodi:cx="375.6044"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 370.18399,159.23368 a 5.4222136,5.0222473 0 0 1 5.55148,-4.89115 5.4222136,5.0222473 0 0 1 5.28977,5.13395 5.4222136,5.0222473 0 0 1 -5.53414,4.90798 5.4222136,5.0222473 0 0 1 -5.30791,-5.11786" />
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28784"
sodipodi:type="arc"
sodipodi:cx="396.00613"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 390.58573,159.23368 a 5.4222136,5.0222473 0 0 1 5.55147,-4.89115 5.4222136,5.0222473 0 0 1 5.28977,5.13395 5.4222136,5.0222473 0 0 1 -5.53414,4.90798 5.4222136,5.0222473 0 0 1 -5.3079,-5.11786" />
<path
style="fill:#fffdfd;fill-opacity:1;stroke:none;stroke-width:1.92643;-inkscape-stroke:none;stop-color:#000000"
id="path28786"
sodipodi:type="arc"
sodipodi:cx="416.40787"
sodipodi:cy="159.36331"
sodipodi:rx="5.4222136"
sodipodi:ry="5.0222473"
sodipodi:start="3.1674061"
sodipodi:end="3.1608511"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 410.98746,159.23368 a 5.4222136,5.0222473 0 0 1 5.55148,-4.89115 5.4222136,5.0222473 0 0 1 5.28976,5.13395 5.4222136,5.0222473 0 0 1 -5.53413,4.90798 5.4222136,5.0222473 0 0 1 -5.30791,-5.11786" />
</g>
</mask>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<rect
style="fill:#3d526a;fill-rule:evenodd;stroke-width:0.264583"
id="rect11809"
width="508"
height="285.75"
x="0"
y="0"
sodipodi:insensitive="true" />
<g
id="g14376"
transform="rotate(180,276.53901,34.31233)">
<path
id="rect9426"
style="fill:#232729;fill-rule:evenodd;stroke-width:0.435348"
d="m 293.28677,82.062732 h 19.52849 v 19.500388 h -19.52849 z" />
<path
id="rect9426-0-2-6"
style="fill:#0c729f;fill-rule:evenodd;stroke-width:0.435348"
d="m 488.57717,82.062729 h 19.52849 v 19.500391 h -19.52849 z" />
<path
d="m 312.81579,82.063036 h 19.52863 v 0 19.500324 h -2.6e-4 -19.52837 v 0 z"
style="fill:#202e34;stroke-width:0.435348px"
id="path83488" />
<path
d="m 332.34495,82.063036 h 19.52837 v 0 19.500324 0 h -19.52837 v 0 z"
style="fill:#1e3640;stroke-width:0.435348px"
id="path83490" />
<path
d="m 351.87384,82.063036 h 19.52864 v 0 19.500324 h -2.7e-4 -19.52837 v 0 z"
style="fill:#1c3d4c;stroke-width:0.435348px"
id="path83492" />
<path
d="m 371.403,82.063036 h 19.52837 v 0 19.500324 h -2.6e-4 -19.52811 v -2.7e-4 z"
style="fill:#194558;stroke-width:0.435348px"
id="path83494" />
<path
d="m 390.9319,82.063036 h 19.52863 v 0 19.500324 h -2.6e-4 -19.52837 v -2.7e-4 z"
style="fill:#174c64;stroke-width:0.435348px"
id="path83496" />
<path
d="m 410.46106,82.063036 h 19.52837 v 0 19.500324 h -2.7e-4 -19.5281 v -2.7e-4 z"
style="fill:#15546f;stroke-width:0.435348px"
id="path83498" />
<path
d="m 429.98996,82.063036 h 19.52863 v 0 19.500324 h -2.7e-4 -19.52836 v -2.7e-4 z"
style="fill:#125b7b;stroke-width:0.435348px"
id="path83500" />
<path
d="m 449.51912,82.063036 h 19.52836 v 0 19.500324 h -2.6e-4 -19.5281 v -2.7e-4 z"
style="fill:#106387;stroke-width:0.435348px"
id="path83502" />
<path
d="m 469.04801,82.063036 h 19.52863 v 0 19.500324 h -2.6e-4 -19.52837 v -2.7e-4 z"
style="fill:#0e6a93;stroke-width:0.435348px"
id="path83504" />
<path
id="rect9426-7"
style="fill:#332c2c;fill-opacity:1;fill-rule:evenodd;stroke-width:0.435348"
d="m 293.28691,199.06843 h 19.52848 v 19.50038 h -19.52848 z" />
<path
id="rect9426-0-2-6-1"
style="fill:#b23133;fill-opacity:1;fill-rule:evenodd;stroke-width:0.435348"
d="m 488.57704,199.06843 h 19.52849 v 19.50038 h -19.52849 z" />
<path
d="m 312.81592,199.06814 h 19.52837 v 0 19.50032 0 h -19.52837 v 0 z"
style="fill:#3f2c2c;fill-opacity:1;stroke-width:0.435348px"
id="path85717" />
<path
d="m 332.34482,199.06814 h 19.52863 v 0 19.50032 h -2.7e-4 -19.52836 v 0 z"
style="fill:#4c2d2d;fill-opacity:1;stroke-width:0.435348px"
id="path85719" />
<path
d="m 351.87398,199.06814 h 19.52836 v 0 19.50032 h -2.6e-4 -19.5281 v 0 z"
style="fill:#592d2e;fill-opacity:1;stroke-width:0.435348px"
id="path85721" />
<path
d="m 371.40287,199.06814 h 19.52863 v 0 19.50032 h -2.6e-4 -19.52837 v 0 z"
style="fill:#652e2e;fill-opacity:1;stroke-width:0.435348px"
id="path85723" />
<path
d="m 390.93203,199.06814 h 19.52837 v 0 19.50032 h -2.7e-4 -19.5281 v 0 z"
style="fill:#722e2f;fill-opacity:1;stroke-width:0.435348px"
id="path85725" />
<path
d="m 410.46093,199.06814 h 19.52836 v 2.6e-4 19.50006 0 h -19.52836 v 0 z"
style="fill:#7f2f30;fill-opacity:1;stroke-width:0.435348px"
id="path85727" />
<path
d="m 429.98982,199.06814 h 19.52863 v 2.6e-4 19.50006 h -2.6e-4 -19.52837 v 0 z"
style="fill:#8b2f30;fill-opacity:1;stroke-width:0.435348px"
id="path85729" />
<path
d="m 449.51898,199.06814 h 19.52837 v 2.6e-4 19.50006 h -2.6e-4 -19.52811 v 0 z"
style="fill:#983031;fill-opacity:1;stroke-width:0.435348px"
id="path85731" />
<path
d="m 469.04788,199.06814 h 19.52863 v 2.6e-4 19.50006 h -2.6e-4 -19.52837 v -2.7e-4 z"
style="fill:#a53032;fill-opacity:1;stroke-width:0.435348px"
id="path85733" />
<path
d="m 293.28623,101.56365 h 19.52839 v 2.7e-4 19.50005 h -2.6e-4 -19.52813 v 0 z"
style="fill:#252729;fill-opacity:1;stroke-width:0.435348px"
id="path86439" />
<path
d="m 293.28623,121.0645 h 19.52839 v 2.6e-4 19.50033 0 h -19.52839 v -2.7e-4 z"
style="fill:#28282a;fill-opacity:1;stroke-width:0.435348px"
id="path86441" />
<path
d="m 293.28626,140.56561 h 19.52836 v 0 19.50033 0 h -19.52836 v -2.7e-4 z"
style="fill:#2b292a;fill-opacity:1;stroke-width:0.435348px"
id="path86443" />
<path
d="m 293.28629,160.06646 h 19.5286 v 0 19.50032 h -2.7e-4 -19.52833 v 0 z"
style="fill:#2d2a2b;fill-opacity:1;stroke-width:0.435348px"
id="path86445" />
<path
d="m 293.28631,179.56731 h 19.52858 v 0 19.50059 h -2.7e-4 -19.52831 v -2.7e-4 z"
style="fill:#302b2b;fill-opacity:1;stroke-width:0.435348px"
id="path86447" />
<path
d="m 312.81542,101.56389 h 19.52863 v 0 0 0 19.50032 h -2.7e-4 v 0 0 h -19.52836 v 0 0 0 z"
style="fill:#252d32;fill-opacity:1;stroke-width:0.435348px"
id="path86732" />
<path
d="m 312.81542,121.06474 h 19.52863 v 0 2.6e-4 0 19.50006 h -2.7e-4 v 0 0 h -19.52836 v 0 0 0 z"
style="fill:#2a2d31;fill-opacity:1;stroke-width:0.435348px"
id="path86734" />
<path
d="m 312.81542,140.56559 h 19.52863 v 0 0 0 19.50032 h -2.7e-4 v 0 0 h -19.52836 v 0 -2.7e-4 0 z"
style="fill:#2f2d30;fill-opacity:1;stroke-width:0.435348px"
id="path86736" />
<path
d="m 312.81568,160.06644 h 19.52837 v 0 2.6e-4 0 19.50006 0 0 h -2.7e-4 -19.5281 v 0 0 -2.7e-4 z"
style="fill:#342c2e;fill-opacity:1;stroke-width:0.435348px"
id="path86738" />
<path
d="m 312.81568,179.56729 h 19.52837 v 0 2.6e-4 2.7e-4 19.49979 0 0 h -2.7e-4 -19.5281 v 0 0 -2.7e-4 z"
style="fill:#392c2d;fill-opacity:1;stroke-width:0.435348px"
id="path86740" />
<path
d="m 332.34458,101.56389 h 19.52837 v 0 2.6e-4 0 19.50006 0 h -2.7e-4 v 0 h -19.5281 v 0 -2.7e-4 0 z"
style="fill:#25343c;fill-opacity:1;stroke-width:0.435348px"
id="path87037" />
<path
d="m 332.34458,121.06474 h 19.52837 v 0 2.6e-4 0 19.50006 0 h -2.7e-4 v 0 h -19.5281 v 0 0 0 z"
style="fill:#2d3339;fill-opacity:1;stroke-width:0.435348px"
id="path87039" />
<path
d="m 332.34458,140.56559 h 19.52837 v 0 0 0 19.50032 0 0 h -2.7e-4 -19.5281 v 0 -2.7e-4 0 z"
style="fill:#353136;fill-opacity:1;stroke-width:0.435348px"
id="path87041" />
<path
d="m 332.34458,160.06644 h 19.52863 v 0 0 2.6e-4 19.50006 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v 0 0 0 z"
style="fill:#3c3033;fill-opacity:1;stroke-width:0.435348px"
id="path87043" />
<path
d="m 332.34458,179.56729 h 19.52863 v 0 2.6e-4 0 19.50006 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v 0 0 0 z"
style="fill:#442e30;fill-opacity:1;stroke-width:0.435348px"
id="path87045" />
<path
d="m 351.87374,101.56389 h 19.52863 v 0 0 0 19.50032 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v 0 0 0 z"
style="display:inline;fill:#263a47;fill-opacity:1;stroke-width:0.435348px"
id="path87359" />
<path
d="m 351.87374,121.06474 h 19.52863 v 0 2.6e-4 0 19.50006 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v 0 0 0 z"
style="display:inline;fill:#303742;fill-opacity:1;stroke-width:0.435348px"
id="path87361" />
<path
d="m 351.87374,140.56559 h 19.52863 v 0 0 0 19.50032 h -2.6e-4 v 0 0 h -19.52837 v 0 -2.7e-4 0 z"
style="display:inline;fill:#3a353d;fill-opacity:1;stroke-width:0.435348px"
id="path87363" />
<path
d="m 351.874,160.06644 h 19.52837 v 0 2.6e-4 0 19.50006 h -2.6e-4 v 0 0 H 351.874 v 0 0 -2.7e-4 z"
style="display:inline;fill:#443238;fill-opacity:1;stroke-width:0.435348px"
id="path87365" />
<path
d="m 351.874,179.56729 h 19.52837 v 0 2.6e-4 2.7e-4 19.49979 h -2.6e-4 v 0 0 H 351.874 v 0 0 -2.7e-4 z"
style="display:inline;fill:#4e2f33;fill-opacity:1;stroke-width:0.435348px"
id="path87367" />
<path
d="m 371.4029,101.56389 h 19.52837 v 0 2.6e-4 0 19.50006 h -2.7e-4 v 0 0 h -19.5281 v -2.7e-4 0 0 z"
style="display:inline;fill:#254151;fill-opacity:1;stroke-width:0.435348px"
id="path87688" />
<path
d="m 371.4029,121.06474 h 19.52837 v 0 2.6e-4 0 19.50006 0 h -2.7e-4 v 0 h -19.5281 v 0 0 -2.7e-4 z"
style="display:inline;fill:#323d4a;fill-opacity:1;stroke-width:0.435348px"
id="path87690" />
<path
d="m 371.4029,140.56559 h 19.52837 v 0 0 0 19.50032 0 h -2.7e-4 v 0 h -19.5281 v -2.7e-4 0 0 z"
style="display:inline;fill:#3f3943;fill-opacity:1;stroke-width:0.435348px"
id="path87692" />
<path
d="m 371.4029,160.06644 h 19.52863 v 0 0 2.6e-4 19.50006 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v 0 0 -2.7e-4 z"
style="display:inline;fill:#4b353c;fill-opacity:1;stroke-width:0.435348px"
id="path87694" />
<path
d="m 371.4029,179.56729 h 19.52863 v 0 2.6e-4 0 19.50006 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v 0 0 0 z"
style="display:inline;fill:#583135;fill-opacity:1;stroke-width:0.435348px"
id="path87696" />
<path
d="m 390.93206,101.56389 h 19.52863 v 0 0 0 19.50032 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v 0 0 -2.7e-4 z"
style="display:inline;fill:#26475b;fill-opacity:1;stroke-width:0.435348px"
id="path88029" />
<path
d="m 390.93206,121.06474 h 19.52863 v 0 2.6e-4 0 19.50006 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v 0 0 -2.7e-4 z"
style="display:inline;fill:#354252;fill-opacity:1;stroke-width:0.435348px"
id="path88031" />
<path
d="m 390.93206,140.56559 h 19.52863 v 0 0 0 19.50032 h -2.6e-4 v 0 0 h -19.52837 v 0 -2.7e-4 -2.6e-4 z"
style="display:inline;fill:#443d49;fill-opacity:1;stroke-width:0.435348px"
id="path88033" />
<path
d="m 390.93232,160.06644 h 19.52837 v 0 2.6e-4 0 19.50006 h -2.6e-4 v 0 0 h -19.52811 v 0 0 -5.3e-4 z"
style="display:inline;fill:#533840;fill-opacity:1;stroke-width:0.435348px"
id="path88035" />
<path
d="m 390.93232,179.56729 h 19.52837 v 0 2.6e-4 2.7e-4 19.49979 h -2.6e-4 v 0 0 h -19.52811 v 0 0 -2.7e-4 z"
style="display:inline;fill:#623337;fill-opacity:1;stroke-width:0.435348px"
id="path88037" />
<path
d="m 410.46122,101.56389 h 19.52837 v 0 2.6e-4 2.7e-4 19.49979 h -2.7e-4 v 0 0 h -19.5281 v 0 0 -2.7e-4 z"
style="display:inline;fill:#264d64;fill-opacity:1;stroke-width:0.435348px"
id="path88382" />
<path
d="m 410.46122,121.06474 h 19.52837 v 2.6e-4 0 2.7e-4 19.49979 h -2.7e-4 v 0 0 h -19.5281 v 0 0 -2.7e-4 z"
style="display:inline;fill:#38475a;fill-opacity:1;stroke-width:0.435348px"
id="path88384" />
<path
d="m 410.46122,140.56559 h 19.52837 v 0 2.6e-4 0 19.50006 h -2.7e-4 v 0 0 h -19.5281 v 0 -2.7e-4 -2.6e-4 z"
style="display:inline;fill:#4a414f;fill-opacity:1;stroke-width:0.435348px"
id="path88386" />
<path
d="m 410.46122,160.06644 h 19.52837 v 2.6e-4 0 0 19.50006 0 h -2.7e-4 -2.6e-4 -19.52784 v 0 0 -5.3e-4 z"
style="display:inline;fill:#5b3b45;fill-opacity:1;stroke-width:0.435348px"
id="path88388" />
<path
d="m 410.46122,179.56729 h 19.52837 v 2.6e-4 0 2.7e-4 19.49979 0 h -2.7e-4 -2.6e-4 -19.52784 v 0 0 -2.7e-4 z"
style="display:inline;fill:#6d353a;fill-opacity:1;stroke-width:0.435348px"
id="path88390" />
<path
d="m 429.99011,101.56389 h 19.52864 v 0 2.6e-4 2.7e-4 19.49979 h -2.7e-4 v 0 h -2.6e-4 -19.52811 v -2.7e-4 0 0 z"
style="display:inline;fill:#26536e;fill-opacity:1;stroke-width:0.435348px"
id="path88747" />
<path
d="m 429.99011,121.06474 h 19.52864 v 2.6e-4 0 2.7e-4 19.49979 h -2.7e-4 v 0 h -2.6e-4 -19.52811 v 0 -2.7e-4 0 z"
style="display:inline;fill:#3a4c62;fill-opacity:1;stroke-width:0.435348px"
id="path88749" />
<path
d="m 429.99011,140.56559 h 19.52864 v 0 2.6e-4 0 19.50006 h -2.7e-4 v 0 h -2.6e-4 -19.52811 v -2.7e-4 0 -2.6e-4 z"
style="display:inline;fill:#4e4555;fill-opacity:1;stroke-width:0.435348px"
id="path88751" />
<path
d="m 429.99011,160.06644 h 19.52864 v 2.6e-4 0 0 19.50006 h -2.7e-4 v 0 h -2.6e-4 -19.52811 v 0 -2.7e-4 -2.6e-4 z"
style="display:inline;fill:#623d49;fill-opacity:1;stroke-width:0.435348px"
id="path88753" />
<path
d="m 429.99011,179.56729 h 19.52864 v 2.6e-4 0 2.7e-4 19.49979 h -2.7e-4 v 0 h -2.6e-4 -19.52811 v 0 0 -2.7e-4 z"
style="display:inline;fill:#76363c;fill-opacity:1;stroke-width:0.435348px"
id="path88755" />
<path
d="m 449.51928,101.56389 h 19.52836 v 0 2.6e-4 2.7e-4 19.49979 h -2.6e-4 v 0 h -2.7e-4 -19.52783 v -2.7e-4 0 0 z"
style="display:inline;fill:#265a78;fill-opacity:1;stroke-width:0.435348px"
id="path89124" />
<path
d="m 449.51928,121.06474 h 19.52836 v 2.6e-4 0 2.7e-4 19.49979 h -2.6e-4 v 0 h -2.7e-4 -19.52783 v 0 -2.7e-4 0 z"
style="display:inline;fill:#3d526a;fill-opacity:1;stroke-width:0.435348px"
id="path89126" />
<path
d="m 449.51928,140.56559 h 19.52836 v 0 2.6e-4 0 19.50006 h -2.6e-4 v 0 h -2.7e-4 -19.52783 v -2.7e-4 0 -2.6e-4 z"
style="display:inline;fill:#54495c;fill-opacity:1;stroke-width:0.435348px"
id="path89128" />
<path
d="m 449.51928,160.06644 h 19.52836 v 2.6e-4 0 0 19.50006 h -2.6e-4 v 0 h -2.7e-4 -19.52783 v 0 -2.7e-4 -2.6e-4 z"
style="display:inline;fill:#6a414d;fill-opacity:1;stroke-width:0.435348px"
id="path89130" />
<path
d="m 449.51928,179.56729 h 19.52836 v 2.6e-4 0 2.7e-4 19.49979 h -2.6e-4 v 0 h -2.7e-4 -19.52783 v 0 0 -2.7e-4 z"
style="display:inline;fill:#81383f;fill-opacity:1;stroke-width:0.435348px"
id="path89132" />
<path
d="m 469.04817,101.56389 h 19.52863 v 0 2.6e-4 2.7e-4 19.49979 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v -2.7e-4 0 -2.6e-4 z"
style="display:inline;fill:#276082;fill-opacity:1;stroke-width:0.435348px"
id="path89513" />
<path
d="m 469.04817,121.06474 h 19.52863 v 2.6e-4 0 2.7e-4 19.49979 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v -2.7e-4 0 0 z"
style="display:inline;fill:#405672;fill-opacity:1;stroke-width:0.435348px"
id="path89515" />
<path
d="m 469.04817,140.56559 h 19.52863 v 0 2.6e-4 0 19.50006 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v -2.7e-4 0 -2.6e-4 z"
style="display:inline;fill:#594d62;fill-opacity:1;stroke-width:0.435348px"
id="path89517" />
<path
d="m 469.04817,160.06644 h 19.52863 v 2.6e-4 0 0 19.50006 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v -2.7e-4 0 -2.6e-4 z"
style="display:inline;fill:#724352;fill-opacity:1;stroke-width:0.435348px"
id="path89519" />
<path
d="m 469.04817,179.56729 h 19.52863 v 2.6e-4 0 2.7e-4 19.49979 h -2.6e-4 v 0 h -2.7e-4 -19.5281 v -2.7e-4 0 0 z"
style="display:inline;fill:#8b3942;fill-opacity:1;stroke-width:0.435348px"
id="path89521" />
<path
d="m 488.57733,101.56365 h 19.52863 v 0 19.50032 h -2.6e-4 -19.52837 v 0 z"
style="display:inline;fill:#27678d;fill-opacity:1;stroke-width:0.435348px"
id="path89914" />
<path
d="m 488.57733,121.0645 h 19.52863 v 2.6e-4 19.50032 h -2.6e-4 -19.52837 v -2.6e-4 z"
style="display:inline;fill:#435c7b;fill-opacity:1;stroke-width:0.435348px"
id="path89916" />
<path
d="m 488.57733,140.56561 h 19.52837 v 0 19.50033 0 h -19.52837 v -2.7e-4 z"
style="display:inline;fill:#5f5169;fill-opacity:1;stroke-width:0.435348px"
id="path89918" />
<path
d="m 488.57733,160.06646 h 19.52837 v 2.6e-4 19.50006 h -2.7e-4 -19.5281 v 0 z"
style="display:inline;fill:#7a4657;fill-opacity:1;stroke-width:0.435348px"
id="path89920" />
<path
d="m 488.57733,179.56731 h 19.52837 v 2.7e-4 19.50032 h -2.7e-4 -19.5281 v -2.7e-4 z"
style="display:inline;fill:#963b45;fill-opacity:1;stroke-width:0.435348px"
id="path89922" />
</g>
<g
id="g16332"
inkscape:label="linear gradient">
<text
xml:space="preserve"
transform="matrix(0.28397396,0,0,0.29915374,-0.69222081,10.041398)"
id="text12610"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:22.5707px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect12612);display:inline;fill:#28282a;fill-opacity:0.971248;stroke:none;stroke-width:7.281;-inkscape-stroke:none;stop-color:#000000"><tspan
x="60.150391"
y="324.30019"
id="tspan29158">Linear gradient
</tspan><tspan
x="60.150391"
y="352.51357"
id="tspan29160">Works across platforms
</tspan><tspan
x="60.150391"
y="380.72695"
id="tspan29162">Visible banding if set to screen width</tspan></text>
<path
id="rect12718"
style="fill:url(#linearGradient12757);fill-rule:evenodd;stroke-width:0.264583"
d="M 16.388924,12.149469 H 133.86846 V 35.940062 H 16.388924 Z" />
<path
id="rect12718-9"
style="fill:url(#linearGradient15662);fill-rule:evenodd;stroke-width:0.264583"
d="M 16.388924,41.356609 H 133.86846 V 65.147202 H 16.388924 Z" />
<path
id="rect12718-9-2"
style="fill:url(#linearGradient16075);fill-rule:evenodd;stroke-width:0.264583"
d="M 16.388924,70.563751 H 133.86846 V 94.354343 H 16.388924 Z" />
</g>
<g
id="g16332-5"
inkscape:label="radial gradient"
transform="translate(137.29847,-0.05382776)">
<text
xml:space="preserve"
transform="matrix(0.28397396,0,0,0.29915374,-0.69222081,10.041398)"
id="text12610-0"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:22.5707px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect12612-9);display:inline;fill:#28282a;fill-opacity:0.971248;stroke:none;stroke-width:7.281;-inkscape-stroke:none;stop-color:#000000"><tspan
x="60.150391"
y="324.30019"
id="tspan29164">Radial gradient
</tspan><tspan
x="60.150391"
y="352.51357"
id="tspan29166">Works across platforms
</tspan><tspan
x="60.150391"
y="380.72695"
id="tspan29168">Grey-on-grey example is just grainy
</tspan><tspan
x="60.150391"
y="408.94033"
id="tspan29170">Others have visible banding if set to screen width</tspan></text>
<path
id="rect12718-9-2-1"
style="fill:url(#radialGradient16687);fill-rule:evenodd;stroke-width:0.370427"
transform="translate(-128.3646,0.05382776)"
d="m 283.55911,12.149469 h 66.64235 v 82.204873 h -66.64235 z" />
<path
id="rect12718-9-6"
style="fill:url(#radialGradient16699);fill-rule:evenodd;stroke-width:0.370427"
transform="translate(-128.3646,0.05382776)"
d="m 213.39633,12.149469 h 66.64235 v 82.204873 h -66.64235 z" />
<path
id="rect12718-3"
style="fill:url(#radialGradient16718);fill-rule:evenodd;stroke-width:0.370427"
transform="translate(-128.3646,0.05382776)"
d="m 143.23357,12.149469 h 66.64235 v 82.204873 h -66.64235 z" />
</g>
<g
id="g17117"
inkscape:label="mesh gradient"
transform="translate(361.04538)">
<text
xml:space="preserve"
transform="matrix(0.28397396,0,0,0.29915374,-0.69222081,10.041398)"
id="text17109"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:22.5707px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect17119);display:inline;fill:#28282a;fill-opacity:0.971248;stroke:none;stroke-width:7.281;-inkscape-stroke:none;stop-color:#000000"><tspan
x="60.150391"
y="324.30019"
id="tspan29172">Mesh gradient
</tspan><tspan
x="60.150391"
y="352.51357"
id="tspan29174">Doesn't work outside of Inkscape</tspan></text>
<path
id="path17111"
style="fill:url(#meshgradient23189);fill-rule:evenodd;stroke-width:0.264583;fill-opacity:1"
d="M 16.388924,12.149469 H 133.86846 V 35.940062 H 16.388924 Z" />
<path
id="path17113"
style="fill:url(#meshgradient20247);fill-rule:evenodd;stroke-width:0.264583;fill-opacity:1"
d="M 16.388924,41.356609 H 133.86846 V 65.147202 H 16.388924 Z" />
<path
id="path17115"
style="fill:url(#meshgradient17133);fill-rule:evenodd;stroke-width:0.264583;fill-opacity:1"
d="M 16.388924,70.563751 H 133.86846 V 94.354343 H 16.388924 Z" />
</g>
<g
id="g27202"
inkscape:label="blur">
<g
id="g26399"
style="filter:url(#filter26601)">
<path
id="rect24874"
style="fill:#435c7b;fill-rule:evenodd;stroke-width:0.278303"
d="M 16.388924,145.11298 H 45.504446 V 170.6039 H 16.388924 Z" />
<path
id="rect24874-6"
style="fill:#435c7b;fill-rule:evenodd;stroke-width:0.278303"
d="M 74.619972,145.11298 H 103.73549 V 170.6039 H 74.619972 Z" />
<path
id="rect24874-6-3"
style="fill:#435c7b;fill-opacity:0;fill-rule:evenodd;stroke-width:0.278303"
d="M 45.504448,145.11298 H 74.61997 V 170.6039 H 45.504448 Z" />
<path
id="rect24874-6-2"
style="fill:#435c7b;fill-opacity:0;fill-rule:evenodd;stroke-width:0.278303"
d="m 103.7355,145.11298 h 29.11552 V 170.6039 H 103.7355 Z" />
</g>
<g
id="g26399-1"
style="filter:url(#filter26601-0)"
transform="translate(-1.3096348e-7,32.455178)">
<path
id="rect24874-5"
style="fill:#265a78;fill-rule:evenodd;stroke-width:0.278303"
d="M 16.388924,145.11298 H 45.504446 V 170.6039 H 16.388924 Z" />
<path
id="rect24874-6-5"
style="fill:#265a78;fill-rule:evenodd;stroke-width:0.278303"
d="M 74.619972,145.11298 H 103.73549 V 170.6039 H 74.619972 Z" />
<path
id="rect24874-6-3-4"
style="fill:#1c3d4c;fill-rule:evenodd;stroke-width:0.278303"
d="M 45.504448,145.11298 H 74.61997 V 170.6039 H 45.504448 Z" />
<path
id="rect24874-6-2-7"
style="fill:#1c3d4c;fill-rule:evenodd;stroke-width:0.278303"
d="m 103.7355,145.11298 h 29.11552 V 170.6039 H 103.7355 Z" />
</g>
<g
id="g26399-1-6"
style="filter:url(#filter26601-0-6)"
transform="translate(-2.6192695e-7,68.317228)">
<path
id="rect24874-5-9"
style="fill:#265a78;fill-rule:evenodd;stroke-width:0.278303"
d="M 16.388924,145.11298 H 45.504446 V 170.6039 H 16.388924 Z" />
<path
id="rect24874-6-5-3"
style="fill:#265a78;fill-rule:evenodd;stroke-width:0.278303"
d="M 74.619972,145.11298 H 103.73549 V 170.6039 H 74.619972 Z" />
<path
id="rect24874-6-3-4-7"
style="fill:#6d353a;fill-rule:evenodd;stroke-width:0.278303"
d="M 45.504448,145.11298 H 74.61997 V 170.6039 H 45.504448 Z" />
<path
id="rect24874-6-2-7-4"
style="fill:#6d353a;fill-rule:evenodd;stroke-width:0.278303"
d="m 103.7355,145.11298 h 29.11552 V 170.6039 H 103.7355 Z" />
</g>
<text
xml:space="preserve"
transform="matrix(0.28397396,0,0,0.29915374,-0.69222124,152.57226)"
id="text17109-2"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:22.5707px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect17119-5);display:inline;fill:#28282a;fill-opacity:0.971248;stroke:none;stroke-width:7.281;-inkscape-stroke:none;stop-color:#000000"><tspan
x="60.150391"
y="324.30019"
id="tspan29176">Blur 20%
</tspan><tspan
x="60.150391"
y="352.51357"
id="tspan29178">Works in GTK (all?) and Qt6.7+
</tspan><tspan
x="60.150391"
y="380.72695"
id="tspan29180">Does not work in earlier versions of Qt
</tspan><tspan
x="60.150391"
y="408.94033"
id="tspan29182">I.e. Gnome, xfce, KDE but not LXQt</tspan></text>
</g>
<g
id="g27658"
inkscape:label="turbulence"
transform="matrix(1,0,0,0.99863729,0,0.37728683)">
<text
xml:space="preserve"
transform="matrix(0.28397396,0,0,0.29915374,138.41693,153.23006)"
id="text12610-6"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:22.5707px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect12612-5);display:inline;fill:#28282a;fill-opacity:0.971248;stroke:none;stroke-width:7.281;-inkscape-stroke:none;stop-color:#000000"><tspan
x="60.150391"
y="324.30019"
id="tspan29184">Turbulence (inkscape roughen)
</tspan><tspan
x="60.150391"
y="352.51357"
id="tspan29186">Freq=100, complex=2, var=50, intensity=10
</tspan><tspan
x="60.150391"
y="380.72695"
id="tspan29188">Largely eliminates banding at screen width
</tspan><tspan
x="60.150391"
y="408.94033"
id="tspan29190">Available in Gnome and xfce but not KDE or LXQt</tspan></text>
<path
id="rect12718-9-8"
style="fill:url(#linearGradient15662-4);fill-rule:evenodd;stroke-width:0.275453;filter:url(#filter27644)"
d="m 153.68739,181.47922 h 117.47954 v 25.78557 H 153.68739 Z"
transform="matrix(1,0,0,1.0548797,0,-13.111919)" />
<path
id="rect12718-9-2-4"
style="fill:url(#linearGradient27523);fill-rule:evenodd;stroke-width:0.275453;filter:url(#filter27650)"
d="m 153.68739,213.13555 h 117.47954 v 25.78558 H 153.68739 Z"
transform="matrix(1,0,0,1.0548797,0,-13.111919)" />
<path
id="path27548"
style="fill:url(#linearGradient27521);fill-rule:evenodd;stroke-width:0.275453;filter:url(#filter27638)"
d="m 153.68739,149.82288 h 117.47954 v 25.78558 H 153.68739 Z"
transform="matrix(1,0,0,1.0548797,0,-13.111919)" />
</g>
<g
id="g28800"
inkscape:label="mask"
transform="translate(29.75661,-0.28796092)">
<text
xml:space="preserve"
transform="matrix(0.28397396,0,0,0.29915374,312.00274,154.09549)"
id="text28178"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:22.5707px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect28188);display:inline;fill:#28282a;fill-opacity:0.971248;stroke:none;stroke-width:7.281;-inkscape-stroke:none;stop-color:#000000"><tspan
x="60.150391"
y="324.30019"
id="tspan29192">Mask
</tspan><tspan
x="60.150391"
y="352.51357"
id="tspan29194">Same availability as blur</tspan></text>
<path
id="path28180"
style="fill:url(#linearGradient28190);fill-rule:evenodd;stroke-width:0.264583"
d="m 316.3081,146.79949 h 117.47954 v 23.79059 H 316.3081 Z"
mask="url(#mask28776)" />
<path
id="path28182"
style="fill:url(#linearGradient28192);fill-rule:evenodd;stroke-width:0.264583"
d="M 316.3081,180.14761 H 433.78764 V 203.9382 H 316.3081 Z"
mask="url(#mask28762)" />
<path
id="path28184"
style="fill:url(#linearGradient28194);fill-rule:evenodd;stroke-width:0.264583"
d="m 316.3081,213.49573 h 117.47954 v 23.79059 H 316.3081 Z"
mask="url(#mask28748)" />
</g>
</g>
<script
id="mesh_polyfill"
type="text/javascript">
!function(){const t=&quot;http://www.w3.org/2000/svg&quot;,e=&quot;http://www.w3.org/1999/xlink&quot;,s=&quot;http://www.w3.org/1999/xhtml&quot;,r=2;if(document.createElementNS(t,&quot;meshgradient&quot;).x)return;const n=(t,e,s,r)=&gt;{let n=new x(.5*(e.x+s.x),.5*(e.y+s.y)),o=new x(.5*(t.x+e.x),.5*(t.y+e.y)),i=new x(.5*(s.x+r.x),.5*(s.y+r.y)),a=new x(.5*(n.x+o.x),.5*(n.y+o.y)),h=new x(.5*(n.x+i.x),.5*(n.y+i.y)),l=new x(.5*(a.x+h.x),.5*(a.y+h.y));return[[t,o,a,l],[l,h,i,r]]},o=t=&gt;{let e=t[0].distSquared(t[1]),s=t[2].distSquared(t[3]),r=.25*t[0].distSquared(t[2]),n=.25*t[1].distSquared(t[3]),o=e&gt;s?e:s,i=r&gt;n?r:n;return 18*(o&gt;i?o:i)},i=(t,e)=&gt;Math.sqrt(t.distSquared(e)),a=(t,e)=&gt;t.scale(2/3).add(e.scale(1/3)),h=t=&gt;{let e,s,r,n,o,i,a,h=new g;return t.match(/(\w+\(\s*[^)]+\))+/g).forEach(t=&gt;{let l=t.match(/[\w.-]+/g),d=l.shift();switch(d){case&quot;translate&quot;:2===l.length?e=new g(1,0,0,1,l[0],l[1]):(console.error(&quot;mesh.js: translate does not have 2 arguments!&quot;),e=new g(1,0,0,1,0,0)),h=h.append(e);break;case&quot;scale&quot;:1===l.length?s=new g(l[0],0,0,l[0],0,0):2===l.length?s=new g(l[0],0,0,l[1],0,0):(console.error(&quot;mesh.js: scale does not have 1 or 2 arguments!&quot;),s=new g(1,0,0,1,0,0)),h=h.append(s);break;case&quot;rotate&quot;:if(3===l.length&amp;&amp;(e=new g(1,0,0,1,l[1],l[2]),h=h.append(e)),l[0]){r=l[0]*Math.PI/180;let t=Math.cos(r),e=Math.sin(r);Math.abs(t)&lt;1e-16&amp;&amp;(t=0),Math.abs(e)&lt;1e-16&amp;&amp;(e=0),a=new g(t,e,-e,t,0,0),h=h.append(a)}else console.error(&quot;math.js: No argument to rotate transform!&quot;);3===l.length&amp;&amp;(e=new g(1,0,0,1,-l[1],-l[2]),h=h.append(e));break;case&quot;skewX&quot;:l[0]?(r=l[0]*Math.PI/180,n=Math.tan(r),o=new g(1,0,n,1,0,0),h=h.append(o)):console.error(&quot;math.js: No argument to skewX transform!&quot;);break;case&quot;skewY&quot;:l[0]?(r=l[0]*Math.PI/180,n=Math.tan(r),i=new g(1,n,0,1,0,0),h=h.append(i)):console.error(&quot;math.js: No argument to skewY transform!&quot;);break;case&quot;matrix&quot;:6===l.length?h=h.append(new g(...l)):console.error(&quot;math.js: Incorrect number of arguments for matrix!&quot;);break;default:console.error(&quot;mesh.js: Unhandled transform type: &quot;+d)}}),h},l=t=&gt;{let e=[],s=t.split(/[ ,]+/);for(let t=0,r=s.length-1;t&lt;r;t+=2)e.push(new x(parseFloat(s[t]),parseFloat(s[t+1])));return e},d=(t,e)=&gt;{for(let s in e)t.setAttribute(s,e[s])},c=(t,e,s,r,n)=&gt;{let o,i,a=[0,0,0,0];for(let h=0;h&lt;3;++h)e[h]&lt;t[h]&amp;&amp;e[h]&lt;s[h]||t[h]&lt;e[h]&amp;&amp;s[h]&lt;e[h]?a[h]=0:(a[h]=.5*((e[h]-t[h])/r+(s[h]-e[h])/n),o=Math.abs(3*(e[h]-t[h])/r),i=Math.abs(3*(s[h]-e[h])/n),a[h]&gt;o?a[h]=o:a[h]&gt;i&amp;&amp;(a[h]=i));return a},u=[[1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0],[-3,3,0,0,-2,-1,0,0,0,0,0,0,0,0,0,0],[2,-2,0,0,1,1,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0],[0,0,0,0,0,0,0,0,-3,3,0,0,-2,-1,0,0],[0,0,0,0,0,0,0,0,2,-2,0,0,1,1,0,0],[-3,0,3,0,0,0,0,0,-2,0,-1,0,0,0,0,0],[0,0,0,0,-3,0,3,0,0,0,0,0,-2,0,-1,0],[9,-9,-9,9,6,3,-6,-3,6,-6,3,-3,4,2,2,1],[-6,6,6,-6,-3,-3,3,3,-4,4,-2,2,-2,-2,-1,-1],[2,0,-2,0,0,0,0,0,1,0,1,0,0,0,0,0],[0,0,0,0,2,0,-2,0,0,0,0,0,1,0,1,0],[-6,6,6,-6,-4,-2,4,2,-3,3,-3,3,-2,-1,-2,-1],[4,-4,-4,4,2,2,-2,-2,2,-2,2,-2,1,1,1,1]],f=t=&gt;{let e=[];for(let s=0;s&lt;16;++s){e[s]=0;for(let r=0;r&lt;16;++r)e[s]+=u[s][r]*t[r]}return e},p=(t,e,s)=&gt;{const r=e*e,n=s*s,o=e*e*e,i=s*s*s;return t[0]+t[1]*e+t[2]*r+t[3]*o+t[4]*s+t[5]*s*e+t[6]*s*r+t[7]*s*o+t[8]*n+t[9]*n*e+t[10]*n*r+t[11]*n*o+t[12]*i+t[13]*i*e+t[14]*i*r+t[15]*i*o},y=t=&gt;{let e=[],s=[],r=[];for(let s=0;s&lt;4;++s)e[s]=[],e[s][0]=n(t[0][s],t[1][s],t[2][s],t[3][s]),e[s][1]=[],e[s][1].push(...n(...e[s][0][0])),e[s][1].push(...n(...e[s][0][1])),e[s][2]=[],e[s][2].push(...n(...e[s][1][0])),e[s][2].push(...n(...e[s][1][1])),e[s][2].push(...n(...e[s][1][2])),e[s][2].push(...n(...e[s][1][3]));for(let t=0;t&lt;8;++t){s[t]=[];for(let r=0;r&lt;4;++r)s[t][r]=[],s[t][r][0]=n(e[0][2][t][r],e[1][2][t][r],e[2][2][t][r],e[3][2][t][r]),s[t][r][1]=[],s[t][r][1].push(...n(...s[t][r][0][0])),s[t][r][1].push(...n(...s[t][r][0][1])),s[t][r][2]=[],s[t][r][2].push(...n(...s[t][r][1][0])),s[t][r][2].push(...n(...s[t][r][1][1])),s[t][r][2].push(...n(...s[t][r][1][2])),s[t][r][2].push(...n(...s[t][r][1][3]))}for(let t=0;t&lt;8;++t){r[t]=[];for(let e=0;e&lt;8;++e)r[t][e]=[],r[t][e][0]=s[t][0][2][e],r[t][e][1]=s[t][1][2][e],r[t][e][2]=s[t][2][2][e],r[t][e][3]=s[t][3][2][e]}return r};class x{constructor(t,e){this.x=t||0,this.y=e||0}toString(){return`(x=${this.x}, y=${this.y})`}clone(){return new x(this.x,this.y)}add(t){return new x(this.x+t.x,this.y+t.y)}scale(t){return void 0===t.x?new x(this.x*t,this.y*t):new x(this.x*t.x,this.y*t.y)}distSquared(t){let e=this.x-t.x,s=this.y-t.y;return e*e+s*s}transform(t){let e=this.x*t.a+this.y*t.c+t.e,s=this.x*t.b+this.y*t.d+t.f;return new x(e,s)}}class g{constructor(t,e,s,r,n,o){void 0===t?(this.a=1,this.b=0,this.c=0,this.d=1,this.e=0,this.f=0):(this.a=t,this.b=e,this.c=s,this.d=r,this.e=n,this.f=o)}toString(){return`affine: ${this.a} ${this.c} ${this.e} \n ${this.b} ${this.d} ${this.f}`}append(t){t instanceof g||console.error(&quot;mesh.js: argument to Affine.append is not affine!&quot;);let e=this.a*t.a+this.c*t.b,s=this.b*t.a+this.d*t.b,r=this.a*t.c+this.c*t.d,n=this.b*t.c+this.d*t.d,o=this.a*t.e+this.c*t.f+this.e,i=this.b*t.e+this.d*t.f+this.f;return new g(e,s,r,n,o,i)}}class w{constructor(t,e){this.nodes=t,this.colors=e}paintCurve(t,e){if(o(this.nodes)&gt;r){const s=n(...this.nodes);let r=[[],[]],o=[[],[]];for(let t=0;t&lt;4;++t)r[0][t]=this.colors[0][t],r[1][t]=(this.colors[0][t]+this.colors[1][t])/2,o[0][t]=r[1][t],o[1][t]=this.colors[1][t];let i=new w(s[0],r),a=new w(s[1],o);i.paintCurve(t,e),a.paintCurve(t,e)}else{let s=Math.round(this.nodes[0].x);if(s&gt;=0&amp;&amp;s&lt;e){let r=4*(~~this.nodes[0].y*e+s);t[r]=Math.round(this.colors[0][0]),t[r+1]=Math.round(this.colors[0][1]),t[r+2]=Math.round(this.colors[0][2]),t[r+3]=Math.round(this.colors[0][3])}}}}class m{constructor(t,e){this.nodes=t,this.colors=e}split(){let t=[[],[],[],[]],e=[[],[],[],[]],s=[[[],[]],[[],[]]],r=[[[],[]],[[],[]]];for(let s=0;s&lt;4;++s){const r=n(this.nodes[0][s],this.nodes[1][s],this.nodes[2][s],this.nodes[3][s]);t[0][s]=r[0][0],t[1][s]=r[0][1],t[2][s]=r[0][2],t[3][s]=r[0][3],e[0][s]=r[1][0],e[1][s]=r[1][1],e[2][s]=r[1][2],e[3][s]=r[1][3]}for(let t=0;t&lt;4;++t)s[0][0][t]=this.colors[0][0][t],s[0][1][t]=this.colors[0][1][t],s[1][0][t]=(this.colors[0][0][t]+this.colors[1][0][t])/2,s[1][1][t]=(this.colors[0][1][t]+this.colors[1][1][t])/2,r[0][0][t]=s[1][0][t],r[0][1][t]=s[1][1][t],r[1][0][t]=this.colors[1][0][t],r[1][1][t]=this.colors[1][1][t];return[new m(t,s),new m(e,r)]}paint(t,e){let s,n=!1;for(let t=0;t&lt;4;++t)if((s=o([this.nodes[0][t],this.nodes[1][t],this.nodes[2][t],this.nodes[3][t]]))&gt;r){n=!0;break}if(n){let s=this.split();s[0].paint(t,e),s[1].paint(t,e)}else{new w([...this.nodes[0]],[...this.colors[0]]).paintCurve(t,e)}}}class b{constructor(t){this.readMesh(t),this.type=t.getAttribute(&quot;type&quot;)||&quot;bilinear&quot;}readMesh(t){let e=[[]],s=[[]],r=Number(t.getAttribute(&quot;x&quot;)),n=Number(t.getAttribute(&quot;y&quot;));e[0][0]=new x(r,n);let o=t.children;for(let t=0,r=o.length;t&lt;r;++t){e[3*t+1]=[],e[3*t+2]=[],e[3*t+3]=[],s[t+1]=[];let r=o[t].children;for(let n=0,o=r.length;n&lt;o;++n){let o=r[n].children;for(let r=0,i=o.length;r&lt;i;++r){let i=r;0!==t&amp;&amp;++i;let h,d=o[r].getAttribute(&quot;path&quot;),c=&quot;l&quot;;null!=d&amp;&amp;(c=(h=d.match(/\s*([lLcC])\s*(.*)/))[1]);let u=l(h[2]);switch(c){case&quot;l&quot;:0===i?(e[3*t][3*n+3]=u[0].add(e[3*t][3*n]),e[3*t][3*n+1]=a(e[3*t][3*n],e[3*t][3*n+3]),e[3*t][3*n+2]=a(e[3*t][3*n+3],e[3*t][3*n])):1===i?(e[3*t+3][3*n+3]=u[0].add(e[3*t][3*n+3]),e[3*t+1][3*n+3]=a(e[3*t][3*n+3],e[3*t+3][3*n+3]),e[3*t+2][3*n+3]=a(e[3*t+3][3*n+3],e[3*t][3*n+3])):2===i?(0===n&amp;&amp;(e[3*t+3][3*n+0]=u[0].add(e[3*t+3][3*n+3])),e[3*t+3][3*n+1]=a(e[3*t+3][3*n],e[3*t+3][3*n+3]),e[3*t+3][3*n+2]=a(e[3*t+3][3*n+3],e[3*t+3][3*n])):(e[3*t+1][3*n]=a(e[3*t][3*n],e[3*t+3][3*n]),e[3*t+2][3*n]=a(e[3*t+3][3*n],e[3*t][3*n]));break;case&quot;L&quot;:0===i?(e[3*t][3*n+3]=u[0],e[3*t][3*n+1]=a(e[3*t][3*n],e[3*t][3*n+3]),e[3*t][3*n+2]=a(e[3*t][3*n+3],e[3*t][3*n])):1===i?(e[3*t+3][3*n+3]=u[0],e[3*t+1][3*n+3]=a(e[3*t][3*n+3],e[3*t+3][3*n+3]),e[3*t+2][3*n+3]=a(e[3*t+3][3*n+3],e[3*t][3*n+3])):2===i?(0===n&amp;&amp;(e[3*t+3][3*n+0]=u[0]),e[3*t+3][3*n+1]=a(e[3*t+3][3*n],e[3*t+3][3*n+3]),e[3*t+3][3*n+2]=a(e[3*t+3][3*n+3],e[3*t+3][3*n])):(e[3*t+1][3*n]=a(e[3*t][3*n],e[3*t+3][3*n]),e[3*t+2][3*n]=a(e[3*t+3][3*n],e[3*t][3*n]));break;case&quot;c&quot;:0===i?(e[3*t][3*n+1]=u[0].add(e[3*t][3*n]),e[3*t][3*n+2]=u[1].add(e[3*t][3*n]),e[3*t][3*n+3]=u[2].add(e[3*t][3*n])):1===i?(e[3*t+1][3*n+3]=u[0].add(e[3*t][3*n+3]),e[3*t+2][3*n+3]=u[1].add(e[3*t][3*n+3]),e[3*t+3][3*n+3]=u[2].add(e[3*t][3*n+3])):2===i?(e[3*t+3][3*n+2]=u[0].add(e[3*t+3][3*n+3]),e[3*t+3][3*n+1]=u[1].add(e[3*t+3][3*n+3]),0===n&amp;&amp;(e[3*t+3][3*n+0]=u[2].add(e[3*t+3][3*n+3]))):(e[3*t+2][3*n]=u[0].add(e[3*t+3][3*n]),e[3*t+1][3*n]=u[1].add(e[3*t+3][3*n]));break;case&quot;C&quot;:0===i?(e[3*t][3*n+1]=u[0],e[3*t][3*n+2]=u[1],e[3*t][3*n+3]=u[2]):1===i?(e[3*t+1][3*n+3]=u[0],e[3*t+2][3*n+3]=u[1],e[3*t+3][3*n+3]=u[2]):2===i?(e[3*t+3][3*n+2]=u[0],e[3*t+3][3*n+1]=u[1],0===n&amp;&amp;(e[3*t+3][3*n+0]=u[2])):(e[3*t+2][3*n]=u[0],e[3*t+1][3*n]=u[1]);break;default:console.error(&quot;mesh.js: &quot;+c+&quot; invalid path type.&quot;)}if(0===t&amp;&amp;0===n||r&gt;0){let e=window.getComputedStyle(o[r]).stopColor.match(/^rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i),a=window.getComputedStyle(o[r]).stopOpacity,h=255;a&amp;&amp;(h=Math.floor(255*a)),e&amp;&amp;(0===i?(s[t][n]=[],s[t][n][0]=Math.floor(e[1]),s[t][n][1]=Math.floor(e[2]),s[t][n][2]=Math.floor(e[3]),s[t][n][3]=h):1===i?(s[t][n+1]=[],s[t][n+1][0]=Math.floor(e[1]),s[t][n+1][1]=Math.floor(e[2]),s[t][n+1][2]=Math.floor(e[3]),s[t][n+1][3]=h):2===i?(s[t+1][n+1]=[],s[t+1][n+1][0]=Math.floor(e[1]),s[t+1][n+1][1]=Math.floor(e[2]),s[t+1][n+1][2]=Math.floor(e[3]),s[t+1][n+1][3]=h):3===i&amp;&amp;(s[t+1][n]=[],s[t+1][n][0]=Math.floor(e[1]),s[t+1][n][1]=Math.floor(e[2]),s[t+1][n][2]=Math.floor(e[3]),s[t+1][n][3]=h))}}e[3*t+1][3*n+1]=new x,e[3*t+1][3*n+2]=new x,e[3*t+2][3*n+1]=new x,e[3*t+2][3*n+2]=new x,e[3*t+1][3*n+1].x=(-4*e[3*t][3*n].x+6*(e[3*t][3*n+1].x+e[3*t+1][3*n].x)+-2*(e[3*t][3*n+3].x+e[3*t+3][3*n].x)+3*(e[3*t+3][3*n+1].x+e[3*t+1][3*n+3].x)+-1*e[3*t+3][3*n+3].x)/9,e[3*t+1][3*n+2].x=(-4*e[3*t][3*n+3].x+6*(e[3*t][3*n+2].x+e[3*t+1][3*n+3].x)+-2*(e[3*t][3*n].x+e[3*t+3][3*n+3].x)+3*(e[3*t+3][3*n+2].x+e[3*t+1][3*n].x)+-1*e[3*t+3][3*n].x)/9,e[3*t+2][3*n+1].x=(-4*e[3*t+3][3*n].x+6*(e[3*t+3][3*n+1].x+e[3*t+2][3*n].x)+-2*(e[3*t+3][3*n+3].x+e[3*t][3*n].x)+3*(e[3*t][3*n+1].x+e[3*t+2][3*n+3].x)+-1*e[3*t][3*n+3].x)/9,e[3*t+2][3*n+2].x=(-4*e[3*t+3][3*n+3].x+6*(e[3*t+3][3*n+2].x+e[3*t+2][3*n+3].x)+-2*(e[3*t+3][3*n].x+e[3*t][3*n+3].x)+3*(e[3*t][3*n+2].x+e[3*t+2][3*n].x)+-1*e[3*t][3*n].x)/9,e[3*t+1][3*n+1].y=(-4*e[3*t][3*n].y+6*(e[3*t][3*n+1].y+e[3*t+1][3*n].y)+-2*(e[3*t][3*n+3].y+e[3*t+3][3*n].y)+3*(e[3*t+3][3*n+1].y+e[3*t+1][3*n+3].y)+-1*e[3*t+3][3*n+3].y)/9,e[3*t+1][3*n+2].y=(-4*e[3*t][3*n+3].y+6*(e[3*t][3*n+2].y+e[3*t+1][3*n+3].y)+-2*(e[3*t][3*n].y+e[3*t+3][3*n+3].y)+3*(e[3*t+3][3*n+2].y+e[3*t+1][3*n].y)+-1*e[3*t+3][3*n].y)/9,e[3*t+2][3*n+1].y=(-4*e[3*t+3][3*n].y+6*(e[3*t+3][3*n+1].y+e[3*t+2][3*n].y)+-2*(e[3*t+3][3*n+3].y+e[3*t][3*n].y)+3*(e[3*t][3*n+1].y+e[3*t+2][3*n+3].y)+-1*e[3*t][3*n+3].y)/9,e[3*t+2][3*n+2].y=(-4*e[3*t+3][3*n+3].y+6*(e[3*t+3][3*n+2].y+e[3*t+2][3*n+3].y)+-2*(e[3*t+3][3*n].y+e[3*t][3*n+3].y)+3*(e[3*t][3*n+2].y+e[3*t+2][3*n].y)+-1*e[3*t][3*n].y)/9}}this.nodes=e,this.colors=s}paintMesh(t,e){let s=(this.nodes.length-1)/3,r=(this.nodes[0].length-1)/3;if(&quot;bilinear&quot;===this.type||s&lt;2||r&lt;2){let n;for(let o=0;o&lt;s;++o)for(let s=0;s&lt;r;++s){let r=[];for(let t=3*o,e=3*o+4;t&lt;e;++t)r.push(this.nodes[t].slice(3*s,3*s+4));let i=[];i.push(this.colors[o].slice(s,s+2)),i.push(this.colors[o+1].slice(s,s+2)),(n=new m(r,i)).paint(t,e)}}else{let n,o,a,h,l,d,u;const x=s,g=r;s++,r++;let w=new Array(s);for(let t=0;t&lt;s;++t){w[t]=new Array(r);for(let e=0;e&lt;r;++e)w[t][e]=[],w[t][e][0]=this.nodes[3*t][3*e],w[t][e][1]=this.colors[t][e]}for(let t=0;t&lt;s;++t)for(let e=0;e&lt;r;++e)0!==t&amp;&amp;t!==x&amp;&amp;(n=i(w[t-1][e][0],w[t][e][0]),o=i(w[t+1][e][0],w[t][e][0]),w[t][e][2]=c(w[t-1][e][1],w[t][e][1],w[t+1][e][1],n,o)),0!==e&amp;&amp;e!==g&amp;&amp;(n=i(w[t][e-1][0],w[t][e][0]),o=i(w[t][e+1][0],w[t][e][0]),w[t][e][3]=c(w[t][e-1][1],w[t][e][1],w[t][e+1][1],n,o));for(let t=0;t&lt;r;++t){w[0][t][2]=[],w[x][t][2]=[];for(let e=0;e&lt;4;++e)n=i(w[1][t][0],w[0][t][0]),o=i(w[x][t][0],w[x-1][t][0]),w[0][t][2][e]=n&gt;0?2*(w[1][t][1][e]-w[0][t][1][e])/n-w[1][t][2][e]:0,w[x][t][2][e]=o&gt;0?2*(w[x][t][1][e]-w[x-1][t][1][e])/o-w[x-1][t][2][e]:0}for(let t=0;t&lt;s;++t){w[t][0][3]=[],w[t][g][3]=[];for(let e=0;e&lt;4;++e)n=i(w[t][1][0],w[t][0][0]),o=i(w[t][g][0],w[t][g-1][0]),w[t][0][3][e]=n&gt;0?2*(w[t][1][1][e]-w[t][0][1][e])/n-w[t][1][3][e]:0,w[t][g][3][e]=o&gt;0?2*(w[t][g][1][e]-w[t][g-1][1][e])/o-w[t][g-1][3][e]:0}for(let s=0;s&lt;x;++s)for(let r=0;r&lt;g;++r){let n=i(w[s][r][0],w[s+1][r][0]),o=i(w[s][r+1][0],w[s+1][r+1][0]),c=i(w[s][r][0],w[s][r+1][0]),x=i(w[s+1][r][0],w[s+1][r+1][0]),g=[[],[],[],[]];for(let t=0;t&lt;4;++t){(d=[])[0]=w[s][r][1][t],d[1]=w[s+1][r][1][t],d[2]=w[s][r+1][1][t],d[3]=w[s+1][r+1][1][t],d[4]=w[s][r][2][t]*n,d[5]=w[s+1][r][2][t]*n,d[6]=w[s][r+1][2][t]*o,d[7]=w[s+1][r+1][2][t]*o,d[8]=w[s][r][3][t]*c,d[9]=w[s+1][r][3][t]*x,d[10]=w[s][r+1][3][t]*c,d[11]=w[s+1][r+1][3][t]*x,d[12]=0,d[13]=0,d[14]=0,d[15]=0,u=f(d);for(let e=0;e&lt;9;++e){g[t][e]=[];for(let s=0;s&lt;9;++s)g[t][e][s]=p(u,e/8,s/8),g[t][e][s]&gt;255?g[t][e][s]=255:g[t][e][s]&lt;0&amp;&amp;(g[t][e][s]=0)}}h=[];for(let t=3*s,e=3*s+4;t&lt;e;++t)h.push(this.nodes[t].slice(3*r,3*r+4));l=y(h);for(let s=0;s&lt;8;++s)for(let r=0;r&lt;8;++r)(a=new m(l[s][r],[[[g[0][s][r],g[1][s][r],g[2][s][r],g[3][s][r]],[g[0][s][r+1],g[1][s][r+1],g[2][s][r+1],g[3][s][r+1]]],[[g[0][s+1][r],g[1][s+1][r],g[2][s+1][r],g[3][s+1][r]],[g[0][s+1][r+1],g[1][s+1][r+1],g[2][s+1][r+1],g[3][s+1][r+1]]]])).paint(t,e)}}}transform(t){if(t instanceof x)for(let e=0,s=this.nodes.length;e&lt;s;++e)for(let s=0,r=this.nodes[0].length;s&lt;r;++s)this.nodes[e][s]=this.nodes[e][s].add(t);else if(t instanceof g)for(let e=0,s=this.nodes.length;e&lt;s;++e)for(let s=0,r=this.nodes[0].length;s&lt;r;++s)this.nodes[e][s]=this.nodes[e][s].transform(t)}scale(t){for(let e=0,s=this.nodes.length;e&lt;s;++e)for(let s=0,r=this.nodes[0].length;s&lt;r;++s)this.nodes[e][s]=this.nodes[e][s].scale(t)}}document.querySelectorAll(&quot;rect,circle,ellipse,path,text&quot;).forEach((r,n)=&gt;{let o=r.getAttribute(&quot;id&quot;);o||(o=&quot;patchjs_shape&quot;+n,r.setAttribute(&quot;id&quot;,o));const i=r.style.fill.match(/^url\(\s*&quot;?\s*#([^\s&quot;]+)&quot;?\s*\)/),a=r.style.stroke.match(/^url\(\s*&quot;?\s*#([^\s&quot;]+)&quot;?\s*\)/);if(i&amp;&amp;i[1]){const a=document.getElementById(i[1]);if(a&amp;&amp;&quot;meshgradient&quot;===a.nodeName){const i=r.getBBox();let l=document.createElementNS(s,&quot;canvas&quot;);d(l,{width:i.width,height:i.height});const c=l.getContext(&quot;2d&quot;);let u=c.createImageData(i.width,i.height);const f=new b(a);&quot;objectBoundingBox&quot;===a.getAttribute(&quot;gradientUnits&quot;)&amp;&amp;f.scale(new x(i.width,i.height));const p=a.getAttribute(&quot;gradientTransform&quot;);null!=p&amp;&amp;f.transform(h(p)),&quot;userSpaceOnUse&quot;===a.getAttribute(&quot;gradientUnits&quot;)&amp;&amp;f.transform(new x(-i.x,-i.y)),f.paintMesh(u.data,l.width),c.putImageData(u,0,0);const y=document.createElementNS(t,&quot;image&quot;);d(y,{width:i.width,height:i.height,x:i.x,y:i.y});let g=l.toDataURL();y.setAttributeNS(e,&quot;xlink:href&quot;,g),r.parentNode.insertBefore(y,r),r.style.fill=&quot;none&quot;;const w=document.createElementNS(t,&quot;use&quot;);w.setAttributeNS(e,&quot;xlink:href&quot;,&quot;#&quot;+o);const m=&quot;patchjs_clip&quot;+n,M=document.createElementNS(t,&quot;clipPath&quot;);M.setAttribute(&quot;id&quot;,m),M.appendChild(w),r.parentElement.insertBefore(M,r),y.setAttribute(&quot;clip-path&quot;,&quot;url(#&quot;+m+&quot;)&quot;),u=null,l=null,g=null}}if(a&amp;&amp;a[1]){const o=document.getElementById(a[1]);if(o&amp;&amp;&quot;meshgradient&quot;===o.nodeName){const i=parseFloat(r.style.strokeWidth.slice(0,-2))*(parseFloat(r.style.strokeMiterlimit)||parseFloat(r.getAttribute(&quot;stroke-miterlimit&quot;))||1),a=r.getBBox(),l=Math.trunc(a.width+i),c=Math.trunc(a.height+i),u=Math.trunc(a.x-i/2),f=Math.trunc(a.y-i/2);let p=document.createElementNS(s,&quot;canvas&quot;);d(p,{width:l,height:c});const y=p.getContext(&quot;2d&quot;);let g=y.createImageData(l,c);const w=new b(o);&quot;objectBoundingBox&quot;===o.getAttribute(&quot;gradientUnits&quot;)&amp;&amp;w.scale(new x(l,c));const m=o.getAttribute(&quot;gradientTransform&quot;);null!=m&amp;&amp;w.transform(h(m)),&quot;userSpaceOnUse&quot;===o.getAttribute(&quot;gradientUnits&quot;)&amp;&amp;w.transform(new x(-u,-f)),w.paintMesh(g.data,p.width),y.putImageData(g,0,0);const M=document.createElementNS(t,&quot;image&quot;);d(M,{width:l,height:c,x:0,y:0});let S=p.toDataURL();M.setAttributeNS(e,&quot;xlink:href&quot;,S);const k=&quot;pattern_clip&quot;+n,A=document.createElementNS(t,&quot;pattern&quot;);d(A,{id:k,patternUnits:&quot;userSpaceOnUse&quot;,width:l,height:c,x:u,y:f}),A.appendChild(M),o.parentNode.appendChild(A),r.style.stroke=&quot;url(#&quot;+k+&quot;)&quot;,g=null,p=null,S=null}}})}();
</script>
</svg>