docs/public/img/illustration/4.tree-house-layer.svg
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 1923 1115" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;">
<g transform="matrix(1,0,0,1,0,4)">
<g id="Layer-1" serif:id="Layer 1">
<g id="Tree-House" serif:id="Tree House">
<g transform="matrix(1,0,0,1,663.468,713.046)">
<path d="M0,-103.132C3.69,-131.494 45.025,-136.154 55.066,-109.579L51.663,-115.318C83.849,-139.625 125.989,-97.282 101.563,-65.218L107.577,-77.936C185.837,-76.627 160.021,36.493 88.212,7.234L55.607,7.234" style="fill:rgb(60,109,62);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,670.494,718.497)">
<path d="M0,-103.131C3.689,-131.493 45.025,-136.153 55.066,-109.579L51.663,-115.318C83.849,-139.625 125.989,-97.282 101.563,-65.218L107.577,-77.935C185.837,-76.626 160.021,36.494 88.212,7.235L55.606,7.235" style="fill:rgb(74,137,77);fill-rule:nonzero;"/>
</g>
<g transform="matrix(-0.999478,-0.03231,-0.03231,0.999478,708.046,919.617)">
<path d="M90.194,-130.554C89.567,-82.184 97.415,-53.647 119.944,-34.791C113.677,-35.02 96.693,-35.524 90.194,-35.753C48.101,-34.623 33.624,5.881 -35.23,7.012C28.782,-5.52 56.464,-69.722 55.852,-141.204" style="fill:rgb(142,86,48);fill-rule:nonzero;"/>
</g>
<g transform="matrix(-0.999478,-0.03231,-0.03231,0.999478,695.046,919.617)">
<clipPath id="_clip1">
<path d="M77.201,-130.973C76.574,-82.603 84.421,-54.067 106.951,-35.212C103.651,-35.332 97.377,-35.528 91.228,-35.721C85.703,-35.895 80.277,-36.065 77.2,-36.173C35.108,-35.044 20.631,5.462 -48.223,6.592C15.789,-5.941 43.471,-70.142 42.858,-141.624L77.201,-130.973Z" clip-rule="nonzero"/>
</clipPath>
<g clip-path="url(#_clip1)">
<path d="M90.194,-130.554C89.567,-82.184 97.415,-53.647 119.944,-34.791C113.677,-35.02 96.693,-35.524 90.194,-35.753C48.101,-34.623 33.624,5.881 -35.23,7.012C28.782,-5.52 56.464,-69.722 55.852,-141.204" style="fill:rgb(153,93,48);fill-rule:nonzero;"/>
</g>
</g>
<g transform="matrix(1,0,0,1,720.66,754.588)">
<path d="M0,29.764C13.771,15.383 24.491,32.004 37.187,23.086C38.819,21.719 41.275,19.518 43.545,19.431C43.546,19.431 59.525,17.755 59.525,17.755C67.702,14.348 47.226,8.757 59.451,4.908C66.826,-2.257 33.394,-1.385 27.873,-2.588C4.594,0.988 -194.917,-6.525 -208.597,8.026C-208.61,11.136 -187.93,9.644 -188.104,14.17C-188.079,16.444 -197.085,16.893 -197.308,20.957C-197.68,28.698 -167.388,16.444 -162.104,19.146C-157.563,21.85 -163.493,26.762 -158.531,31.749C-153.222,36.289 -129.728,22.587 -112.684,22.587C-104.766,21.941 -102.487,32.196 -96.012,32.196C-79.368,32.473 -78.568,24.936 -70.334,24.144C-61.18,23.264 -48.994,32.636 -35.373,31.594C-21.033,32.471 -5.22,34.207 0,29.764" style="fill:rgb(60,109,62);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,641.118,761.269)">
<path d="M0,-161.452L-72.286,-98.096L-73.699,0L74.045,0L74.045,-99.882L0,-161.452Z" style="fill:rgb(61,37,20);fill-rule:nonzero;"/>
</g>
<g transform="matrix(-0.429823,0.902913,0.902913,0.429823,729.151,719.053)">
<clipPath id="_clip2">
<path d="M18.454,-168.773L107.634,-127.886L44.13,5.515L-46.055,-37.416L-69.821,-130.737L18.454,-168.773Z" clip-rule="nonzero"/>
</clipPath>
<g clip-path="url(#_clip2)">
<path d="M-64.828,-111.129L103.59,-111.129L39.061,24.424L-81.061,-51.422L-64.828,-111.129Z" style="fill:rgb(51,31,17);fill-rule:nonzero;"/>
</g>
</g>
<g transform="matrix(1,0,0,1,757.838,603.654)">
<path d="M0,89.74L-113.501,-10.181C-115.243,-11.714 -117.852,-11.714 -119.593,-10.181L-233.094,89.74C-237.889,93.877 -231.367,101.454 -226.578,97.14C-224.249,97.09 -118.349,-1.951 -115.408,1.282C-115.403,1.282 -6.516,97.141 -6.516,97.141C-1.839,101.422 4.909,93.907 0,89.74" style="fill:rgb(153,93,48);fill-rule:nonzero;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,577.334)">
<rect x="693.696" y="263.721" width="34.535" height="9.974" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(0.935049,-0.354519,-0.354519,-0.935049,605.052,592.163)">
<path d="M3.185,-21.403L5.185,-21.403C5.798,18.117 -49.629,31.9 -67.613,-2.988C-102.755,6.321 -127.048,-39.083 -101.159,-63.835C-100.785,-62.287 2.285,-22.239 3.185,-21.403" style="fill:rgb(60,109,62);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,536.99,569.105)">
<path d="M0,114.571C-30.166,100.144 -20.82,52.14 12.948,50.457L13.331,59.991C6.15,16.366 68.314,0 83.867,40.738" style="fill:rgb(74,137,77);fill-rule:nonzero;"/>
</g>
<g transform="matrix(-1,0,0,1,1502.46,373.551)">
<rect x="743.563" y="353.481" width="15.332" height="34.237" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,417.761)">
<rect x="693.696" y="343.508" width="34.535" height="9.973" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,437.706)">
<rect x="693.696" y="333.535" width="34.535" height="9.974" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,457.654)">
<rect x="693.696" y="323.561" width="34.535" height="9.974" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,597.28)">
<rect x="693.696" y="253.748" width="34.535" height="9.974" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,617.227)">
<rect x="693.696" y="243.775" width="34.535" height="9.973" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,636.552)">
<rect x="693.696" y="234.112" width="34.535" height="9.974" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,656.5)">
<rect x="693.696" y="224.138" width="34.535" height="9.974" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,675.826)">
<rect x="693.696" y="214.475" width="34.535" height="9.974" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,695.771)">
<rect x="693.696" y="204.503" width="34.535" height="9.973" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,715.098)">
<rect x="693.696" y="194.839" width="34.535" height="9.974" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,735.044)">
<rect x="693.696" y="184.866" width="34.535" height="9.974" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,477.601)">
<rect x="693.696" y="313.588" width="34.535" height="9.973" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,497.546)">
<rect x="693.696" y="303.615" width="34.535" height="9.974" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,517.494)">
<rect x="693.696" y="293.641" width="34.535" height="9.974" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,537.439)">
<rect x="693.696" y="283.669" width="34.535" height="9.973" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1421.93,557.386)">
<rect x="693.696" y="273.695" width="34.535" height="9.974" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(1,0,0,1,727.859,745.019)">
<path d="M0,-64.88L0,16.25L-18.458,16.25L-18.458,-81.13" style="fill:rgb(132,80,44);fill-rule:nonzero;"/>
</g>
<g transform="matrix(-1,0,0,1,1267.27,373.551)">
<rect x="573.571" y="353.481" width="120.126" height="34.237" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1162.47,373.551)">
<rect x="573.571" y="353.481" width="15.332" height="34.237" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1346.46,373.551)">
<rect x="665.563" y="353.481" width="15.332" height="34.237" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1223.8,373.551)">
<rect x="604.235" y="353.481" width="15.332" height="34.237" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-1,0,0,1,1285.13,373.551)">
<rect x="634.899" y="353.481" width="15.332" height="34.237" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(1,0,0,1,573.571,761.269)">
<path d="M0,-98.096L0,0L-18.458,0L-18.458,-81.473" style="fill:rgb(132,80,44);fill-rule:nonzero;"/>
</g>
<g transform="matrix(-1,0,0,1,1487.13,373.551)">
<rect x="728.231" y="353.481" width="30.664" height="34.237" style="fill:none;stroke:rgb(153,93,48);stroke-width:2px;"/>
</g>
<g transform="matrix(-0.304391,0.952547,0.952547,0.304391,636.989,856.984)">
<path d="M-31.456,-22.971C-13.523,-19.642 2.723,-19.338 16.775,-22.971" style="fill:none;fill-rule:nonzero;stroke:rgb(165,100,55);stroke-width:3px;"/>
</g>
<g transform="matrix(-0.283195,0.959062,0.959062,0.283195,546.285,663.195)">
<path d="M-29.839,-14.379C-20.729,-24.224 -1.08,-25.793 8.407,-14.379" style="fill:none;fill-rule:nonzero;stroke:rgb(86,150,86);stroke-width:4px;"/>
</g>
<g transform="matrix(-0.595966,-0.80301,-0.80301,0.595966,814.248,649.245)">
<path d="M-32.554,18.972C-24.024,8.621 1.343,8.121 11.47,18.972" style="fill:none;fill-rule:nonzero;stroke:rgb(86,150,86);stroke-width:4px;"/>
</g>
<g transform="matrix(0.999547,0.030085,0.030085,-0.999547,545.938,628.558)">
<path d="M0.01,-0.058C1.177,0.734 2.902,0.736 3.866,-0.058" style="fill:none;fill-rule:nonzero;stroke:rgb(86,150,86);stroke-width:4px;"/>
</g>
<g transform="matrix(-0.965966,-0.258669,-0.258669,0.965966,582.425,587.637)">
<path d="M-27.541,4.595C-18.313,0.767 -9.013,1.048 0.344,4.595" style="fill:none;fill-rule:nonzero;stroke:rgb(86,150,86);stroke-width:4px;"/>
</g>
<g transform="matrix(-0.965966,-0.258669,-0.258669,0.965966,739.283,599.357)">
<path d="M-27.541,4.595C-18.312,0.766 -9.013,1.048 0.344,4.595" style="fill:none;fill-rule:nonzero;stroke:rgb(86,150,86);stroke-width:4px;"/>
</g>
<g transform="matrix(-0.920293,0.39123,0.39123,0.920293,571.935,595.838)">
<path d="M-4.528,-0.922C-2.721,-1.506 -1.205,-1.367 0.188,-0.923" style="fill:none;fill-rule:nonzero;stroke:rgb(86,150,86);stroke-width:4px;"/>
</g>
<g transform="matrix(-0.920293,0.39123,0.39123,0.920293,686.888,601.514)">
<path d="M-4.528,-0.922C-2.721,-1.505 -1.205,-1.366 0.188,-0.923" style="fill:none;fill-rule:nonzero;stroke:rgb(86,150,86);stroke-width:3px;"/>
</g>
<g transform="matrix(1,0,0,1,591.18,612.753)">
<path d="M0,0C0.035,2.379 -3.703,2.379 -3.667,0C-3.702,-2.379 0.035,-2.379 0,0" style="fill:rgb(86,150,86);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,791.481,694.05)">
<path d="M0,-0.001C0.035,2.378 -3.702,2.379 -3.667,-0.001C-3.702,-2.38 0.035,-2.38 0,-0.001" style="fill:rgb(86,150,86);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,582.44,626.899)">
<path d="M0,0C0.035,2.379 -3.703,2.379 -3.667,0C-3.702,-2.379 0.035,-2.379 0,0" style="fill:rgb(86,150,86);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,574.251,612.413)">
<path d="M0,0.001C0.041,2.821 -4.39,2.821 -4.348,0C-4.389,-2.82 0.042,-2.82 0,0.001" style="fill:rgb(86,150,86);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,770.149,616.377)">
<path d="M0,0C0.035,2.379 -3.702,2.379 -3.667,0C-3.702,-2.379 0.035,-2.379 0,0" style="fill:rgb(86,150,86);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,735.311,625.065)">
<path d="M0,0.001C0.035,2.38 -3.702,2.38 -3.667,0C-3.702,-2.378 0.035,-2.379 0,0.001" style="fill:rgb(86,150,86);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,683.396,605.088)">
<path d="M0,-0.001C0.035,2.378 -3.702,2.379 -3.667,-0.001C-3.702,-2.38 0.035,-2.38 0,-0.001" style="fill:rgb(86,150,86);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,745.737,636.525)">
<path d="M0,-0.001C0.042,2.82 -4.389,2.82 -4.348,-0.001C-4.389,-2.821 0.042,-2.821 0,-0.001" style="fill:rgb(86,150,86);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,726.29,638.171)">
<path d="M0,0C0.042,2.82 -4.39,2.82 -4.348,0C-4.389,-2.82 0.042,-2.82 0,0" style="fill:rgb(86,150,86);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,547.874,647.173)">
<path d="M0,0.001C0.042,2.821 -4.39,2.821 -4.348,0C-4.389,-2.82 0.042,-2.82 0,0.001" style="fill:rgb(86,150,86);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,772.323,691.47)">
<path d="M0,-0.001C0.042,2.82 -4.39,2.82 -4.348,-0.001C-4.389,-2.821 0.042,-2.821 0,-0.001" style="fill:rgb(86,150,86);fill-rule:nonzero;"/>
</g>
</g>
</g>
</g>
</svg>