<script lang="ts">
	export let height = '192';
	export let width = 'auto';
	export let href: string;
</script>

<svg
	xmlns="http://www.w3.org/2000/svg"
	version="1.1"
	viewBox="0 0 2104 416"
	class="diagram select-none hidden sm:block"
	text-anchor="middle"
	font-family="monospace"
	font-size="13px"
	stroke-linecap="round"
	fill="currentColor"
	{height}
	{width}
>
	<a {href}>
		<path d="M 112,352 L 232,112" fill="none" stroke="black" />
		<path d="M 160,352 L 280,112" fill="none" stroke="black" />
		<circle cx="680" cy="144" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="680" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="680" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="680" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="680" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="680" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="680" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="680" cy="256" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="688" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="688" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="696" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="696" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="704" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="704" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="712" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="712" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="720" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="720" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="720" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="720" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="720" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="720" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="728" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="728" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="736" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="736" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="744" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="744" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="752" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="752" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="752" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="752" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="760" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="760" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="760" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="760" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="768" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="768" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="768" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="768" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="776" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="776" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="784" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="784" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="792" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="792" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="800" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="800" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
		<circle cx="808" cy="256" r="6" class="opendot" fill="none" stroke="currentColor" />
		<g class="text">
			<text x="256" y="116">/////</text>
			<text x="504" y="116">yyyyyyy</text>
			<text x="648" y="116">yyyyyyy</text>
			<text x="768" y="116">o</text>
			<text x="836" y="116">uuuuuu</text>
			<text x="916" y="116">uuuuuu</text>
			<text x="984" y="116">wwwwwww</text>
			<text x="1120" y="116">wwwww</text>
			<text x="1256" y="116">wwwwwww</text>
			<text x="1364" y="116">eeeeeeeeeeee</text>
			<text x="1460" y="116">nnnn</text>
			<text x="1524" y="116">nnnnnnnn</text>
			<text x="1656" y="116">wwwwwww</text>
			<text x="1792" y="116">wwwww</text>
			<text x="1952" y="116">wwwwwwwuuuuuu</text>
			<text x="2060" y="116">uuuuuu</text>
			<text x="80" y="132">&lt;&lt;&lt;&lt;&lt;&lt;&lt;</text>
			<text x="248" y="132">:::::</text>
			<text x="312" y="132">&gt;&gt;&gt;&gt;&gt;&gt;&gt;</text>
			<text x="512" y="132">y:::::y</text>
			<text x="640" y="132">y:::::y</text>
			<text x="744" y="132">:::::::::::</text>
			<text x="836" y="132">u::::u</text>
			<text x="916" y="132">u::::u</text>
			<text x="992" y="132">w:::::w</text>
			<text x="1120" y="132">w:::::w</text>
			<text x="1248" y="132">w:::::w</text>
			<text x="1364" y="132">ee::::::::::::ee</text>
			<text x="1508" y="132">n:::nn::::::::nn</text>
			<text x="1664" y="132">w:::::w</text>
			<text x="1792" y="132">w:::::w</text>
			<text x="1948" y="132">w:::::w u::::u</text>
			<text x="2060" y="132">u::::u</text>
			<text x="72" y="148">&lt;:::::&lt;</text>
			<text x="240" y="148">:::::</text>
			<text x="320" y="148">&gt;:::::&gt;</text>
			<text x="520" y="148">y:::::y</text>
			<text x="632" y="148">y:::::y</text>
			<text x="772" y="148">:::::::::::::::ou::::u</text>
			<text x="916" y="148">u::::u</text>
			<text x="1000" y="148">w:::::w</text>
			<text x="1120" y="148">w:::::::w</text>
			<text x="1240" y="148">w:::::w</text>
			<text x="1436" y="148">e::::::eeeee:::::een::::::::::::::nn</text>
			<text x="1672" y="148">w:::::w</text>
			<text x="1792" y="148">w:::::::w</text>
			<text x="1912" y="148">w:::::w</text>
			<text x="1980" y="148">u::::u</text>
			<text x="2060" y="148">u::::u</text>
			<text x="64" y="164">&lt;:::::&lt;</text>
			<text x="232" y="164">:::::</text>
			<text x="328" y="164">&gt;:::::&gt;</text>
			<text x="528" y="164">y:::::y</text>
			<text x="624" y="164">y:::::y</text>
			<text x="716" y="164">:::::ooo</text>
			<text x="812" y="164">:::::ou::::u</text>
			<text x="916" y="164">u::::u</text>
			<text x="1008" y="164">w:::::w</text>
			<text x="1120" y="164">w:::::::::w</text>
			<text x="1232" y="164">w:::::w</text>
			<text x="1316" y="164">e::::::e</text>
			<text x="1488" y="164">e:::::enn:::::::::::::::n</text>
			<text x="1680" y="164">w:::::w</text>
			<text x="1792" y="164">w:::::::::w</text>
			<text x="1904" y="164">w:::::w</text>
			<text x="1980" y="164">u::::u</text>
			<text x="2060" y="164">u::::u</text>
			<text x="56" y="180">&lt;:::::&lt;</text>
			<text x="224" y="180">:::::</text>
			<text x="336" y="180">&gt;:::::&gt;</text>
			<text x="536" y="180">y:::::y</text>
			<text x="616" y="180">y:::::y</text>
			<text x="700" y="180">::::</text>
			<text x="816" y="180">::::ou::::u</text>
			<text x="916" y="180">u::::u</text>
			<text x="1016" y="180">w:::::w</text>
			<text x="1120" y="180">w:::::w:::::w</text>
			<text x="1224" y="180">w:::::w</text>
			<text x="1364" y="180">e:::::::eeeee::::::e</text>
			<text x="1524" y="180">n:::::nnnn:::::n</text>
			<text x="1688" y="180">w:::::w</text>
			<text x="1792" y="180">w:::::w:::::w</text>
			<text x="1896" y="180">w:::::w</text>
			<text x="1980" y="180">u::::u</text>
			<text x="2060" y="180">u::::u</text>
			<text x="48" y="196">&lt;:::::&lt;</text>
			<text x="216" y="196">:::::</text>
			<text x="344" y="196">&gt;:::::&gt;</text>
			<text x="576" y="196">y:::::y y:::::y</text>
			<text x="700" y="196">::::</text>
			<text x="816" y="196">::::ou::::u</text>
			<text x="916" y="196">u::::u</text>
			<text x="1120" y="196">w:::::w w:::::w w:::::w w:::::w</text>
			<text x="1360" y="196">e:::::::::::::::::e</text>
			<text x="1484" y="196">n::::n</text>
			<text x="1564" y="196">n::::n</text>
			<text x="1792" y="196">w:::::w w:::::w w:::::w w:::::w</text>
			<text x="1980" y="196">u::::u</text>
			<text x="2060" y="196">u::::u</text>
			<text x="40" y="212">&lt;:::::&lt;</text>
			<text x="208" y="212">:::::</text>
			<text x="352" y="212">&gt;:::::&gt;</text>
			<text x="576" y="212">y:::::y:::::y</text>
			<text x="700" y="212">::::</text>
			<text x="816" y="212">::::ou::::u</text>
			<text x="916" y="212">u::::u</text>
			<text x="1056" y="212">w:::::w:::::w</text>
			<text x="1184" y="212">w:::::w:::::w</text>
			<text x="1356" y="212">e::::::eeeeeeeeeee</text>
			<text x="1484" y="212">n::::n</text>
			<text x="1564" y="212">n::::n</text>
			<text x="1728" y="212">w:::::w:::::w</text>
			<text x="1856" y="212">w:::::w:::::w</text>
			<text x="1980" y="212">u::::u</text>
			<text x="2060" y="212">u::::u</text>
			<text x="32" y="228">&lt;:::::&lt;</text>
			<text x="200" y="228">:::::</text>
			<text x="360" y="228">&gt;:::::&gt;</text>
			<text x="576" y="228">y:::::::::y</text>
			<text x="700" y="228">::::</text>
			<text x="856" y="228">::::ou:::::uuuu:::::u</text>
			<text x="1056" y="228">w:::::::::w</text>
			<text x="1184" y="228">w:::::::::w</text>
			<text x="1320" y="228">e:::::::e</text>
			<text x="1484" y="228">n::::n</text>
			<text x="1564" y="228">n::::n</text>
			<text x="1728" y="228">w:::::::::w</text>
			<text x="1856" y="228">w:::::::::w</text>
			<text x="2020" y="228">u:::::uuuu:::::u</text>
			<text x="40" y="244">&lt;:::::&lt;</text>
			<text x="192" y="244">:::::</text>
			<text x="352" y="244">&gt;:::::&gt;</text>
			<text x="576" y="244">y:::::::y</text>
			<text x="716" y="244">:::::ooo</text>
			<text x="860" y="244">:::::ou:::::::::::::::uu</text>
			<text x="1056" y="244">w:::::::w</text>
			<text x="1184" y="244">w:::::::w</text>
			<text x="1324" y="244">e::::::::e</text>
			<text x="1484" y="244">n::::n</text>
			<text x="1564" y="244">n::::n</text>
			<text x="1728" y="244">w:::::::w</text>
			<text x="1856" y="244">w:::::::w</text>
			<text x="2028" y="244">u:::::::::::::::uu</text>
			<text x="48" y="260">&lt;:::::&lt;</text>
			<text x="184" y="260">:::::</text>
			<text x="344" y="260">&gt;:::::&gt;</text>
			<text x="576" y="260">y:::::y</text>
			<text x="744" y="260">:::::::::::::::</text>
			<text x="888" y="260">u:::::::::::::::u</text>
			<text x="1056" y="260">w:::::w</text>
			<text x="1184" y="260">w:::::w</text>
			<text x="1360" y="260">e::::::::eeeeeeee</text>
			<text x="1484" y="260">n::::n</text>
			<text x="1564" y="260">n::::n</text>
			<text x="1728" y="260">w:::::w</text>
			<text x="1856" y="260">w:::::w</text>
			<text x="2032" y="260">u:::::::::::::::u</text>
			<text x="56" y="276">&lt;:::::&lt;</text>
			<text x="176" y="276">:::::</text>
			<text x="336" y="276">&gt;:::::&gt;</text>
			<text x="568" y="276">y:::::y</text>
			<text x="744" y="276">:::::::::::</text>
			<text x="892" y="276">uu::::::::uu:::u</text>
			<text x="1056" y="276">w:::w</text>
			<text x="1184" y="276">w:::w</text>
			<text x="1364" y="276">ee:::::::::::::e</text>
			<text x="1484" y="276">n::::n</text>
			<text x="1564" y="276">n::::n</text>
			<text x="1728" y="276">w:::w</text>
			<text x="1856" y="276">w:::w</text>
			<text x="2036" y="276">uu::::::::uu:::u</text>
			<text x="64" y="292">&lt;:::::&lt;</text>
			<text x="168" y="292">:::::</text>
			<text x="328" y="292">&gt;:::::&gt;</text>
			<text x="560" y="292">y:::::y</text>
			<text x="768" y="292">o</text>
			<text x="876" y="292">uuuuuuuu</text>
			<text x="940" y="292">uuuu</text>
			<text x="1056" y="292">www</text>
			<text x="1184" y="292">www</text>
			<text x="1372" y="292">eeeeeeeeeeeeee</text>
			<text x="1484" y="292">nnnnnn</text>
			<text x="1564" y="292">nnnnnn</text>
			<text x="1728" y="292">www</text>
			<text x="1856" y="292">www</text>
			<text x="2020" y="292">uuuuuuuu</text>
			<text x="2084" y="292">uuuu</text>
			<text x="72" y="308">&lt;:::::&lt;</text>
			<text x="160" y="308">:::::</text>
			<text x="320" y="308">&gt;:::::&gt;</text>
			<text x="552" y="308">y:::::y</text>
			<text x="80" y="324">&lt;&lt;&lt;&lt;&lt;&lt;&lt;</text>
			<text x="152" y="324">:::::</text>
			<text x="312" y="324">&gt;&gt;&gt;&gt;&gt;&gt;&gt;</text>
			<text x="544" y="324">y:::::y</text>
			<text x="144" y="340">:::::</text>
			<text x="536" y="340">y:::::y</text>
			<text x="136" y="356">/////</text>
			<text x="528" y="356">y:::::y</text>
			<text x="512" y="372">yyyyyyy</text>
		</g>
	</a>
</svg>
