123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666
<!doctype html><html lang="en"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"><title>AMS1117 footprint</title>
<style>
:root{color-scheme:light dark}
html,body{margin:0;height:100%;background:transparent;font-family:Satoshi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.wrap{position:relative;width:100%;height:100%;min-height:500px}
.switch{position:absolute;right:12px;bottom:12px;z-index:10;display:inline-flex;padding:3px;border-radius:10px;
  background:rgba(28,33,40,.78);backdrop-filter:blur(6px);box-shadow:0 1px 4px rgba(0,0,0,.35)}
.switch button{appearance:none;border:0;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;
  padding:8px 14px;border-radius:8px;color:#c9d1d9;background:transparent;white-space:nowrap;font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;transition:background .15s,color .15s}
.switch button[aria-selected="true"]{background:#00b8b1;color:#05221f}
.frames{position:absolute;inset:0}
.frames iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}
.frames iframe[hidden]{display:none}
</style></head><body>
<div class="wrap">
  <div class="frames">
    <iframe id="sot223" title="AMS1117 SOT-223 footprint" srcdoc="&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;title&gt;AMS1117_SOT-223 - adom-footprint&lt;/title&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1&quot;&gt;
&lt;style&gt;
/* ── adom-footprint shared viewer core (CSS) ───────────────────────────────
   Included VERBATIM by both the live app (app.html) and the static embed
   (embed.html) so the canvas, zoom toolbar and layer-panel rows look identical
   and cannot drift. Self-contained literal colours (no dependency on either
   file&#x27;s CSS vars). Class prefix: av- */

.av-vp{position:absolute;inset:0;overflow:hidden;cursor:grab;background:radial-gradient(circle at 50% 42%,#121a26 0%,#0d1117 72%)}
.av-vp.grab{cursor:grabbing}
/* DIRECT child only — the zoom-toolbar button icons (.av-tools svg) also live
   inside .av-vp; without &#x27;&gt;&#x27; they&#x27;d inherit position:absolute and stack at 0,0. */
.av-vp &gt; svg{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;display:block}

/* zoom toolbar */
/* Grouped translucent toolbar (matches adom-symbol&#x27;s .tools): one container, borderless
   buttons that highlight on hover — instead of individually-boxed buttons. */
.av-tools{position:absolute;left:10px;top:10px;display:flex;gap:3px;padding:3px;z-index:5;background:rgba(22,27,34,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #222b38;border-radius:9px}
.av-tools button{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:#cfd8e2;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,color .15s ease}
.av-tools button svg{width:16px;height:16px;display:block}
.av-tools button:hover{background:#222b38;color:#37c8a6}
.av-tools button:focus,.av-tools button:focus-visible{outline:none}
.av-panhint{position:absolute;right:10px;bottom:9px;color:#8b949e;font-size:11px;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none}

/* layer panel rows */
.av-lrow{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;cursor:pointer}
.av-lrow:hover{background:#161c27}
.av-lrow .sw{width:13px;height:13px;border-radius:3px;border:1px solid rgba(255,255,255,.15);flex:0 0 13px}
.av-lrow .sw.ring{background:transparent!important}
.av-lrow .ln{flex:1;font-size:13px}
.av-lrow .meta{font-size:10px;color:#8b949e}
.av-lrow .chk{width:16px;height:16px;border-radius:4px;border:1.5px solid #3a4757;display:grid;place-items:center;color:#0b0f17;font-size:11px}
.av-lrow.on .chk{background:#37c8a6;border-color:#37c8a6}
.av-lrow.off .ln,.av-lrow.off .sw{opacity:.4}
.av-lrow.special{background:linear-gradient(100deg,rgba(55,200,166,.10),transparent);border:1px solid rgba(55,200,166,.25);margin-top:4px}
.av-lrow.special .ln{color:#7ef0d2;font-weight:600}

:root{--bg:#0d1117;--panel:#11161f;--border:#222b38;--text:#e6edf3;--muted:#8b949e;--accent:#37c8a6}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}
body{background:var(--bg);color:var(--text);font-family:&#x27;Satoshi&#x27;,&#x27;Segoe UI&#x27;,system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden}
header{display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--border);flex:0 0 auto}
header .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
header .b{font-weight:700;font-size:14px}header .b span{color:var(--muted);font-weight:400}
header .nm{margin-left:auto;font-weight:600;font-size:13px;color:#cfd8e2}
main{flex:1;display:flex;min-height:0}
.vpwrap{flex:1;position:relative;min-width:0}
aside{flex:0 0 248px;border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}
aside .ah{padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.layers{padding:6px}
.note{font-size:11px;color:var(--muted);line-height:1.45;padding:8px 11px}
.note b{color:#7ef0d2}
&lt;/style&gt;&lt;/head&gt;
&lt;body&gt;
  &lt;header&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span class=&quot;b&quot;&gt;adom-footprint &lt;span&gt;· interactive&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;nm&quot;&gt;AMS1117_SOT-223&lt;/span&gt;&lt;/header&gt;
  &lt;main&gt;
    &lt;div class=&quot;vpwrap&quot;&gt;
      &lt;div class=&quot;av-vp&quot; id=&quot;vp&quot;&gt;
        &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;-5.300 -4.200 10.600 8.400&quot; preserveAspectRatio=&quot;xMidYMid meet&quot;&gt;&lt;g class=&quot;adom-layer-courtyard&quot;&gt;&lt;line x1=&quot;-4.4000&quot; y1=&quot;-3.6000&quot; x2=&quot;-4.4000&quot; y2=&quot;3.6000&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-4.4000&quot; y1=&quot;3.6000&quot; x2=&quot;4.4000&quot; y2=&quot;3.6000&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;4.4000&quot; y1=&quot;-3.6000&quot; x2=&quot;-4.4000&quot; y2=&quot;-3.6000&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;4.4000&quot; y1=&quot;3.6000&quot; x2=&quot;4.4000&quot; y2=&quot;-3.6000&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-fab&quot;&gt;&lt;line x1=&quot;-1.8500&quot; y1=&quot;-2.3500&quot; x2=&quot;-1.8500&quot; y2=&quot;3.3500&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-1.8500&quot; y1=&quot;-2.3500&quot; x2=&quot;-0.8500&quot; y2=&quot;-3.3500&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-1.8500&quot; y1=&quot;3.3500&quot; x2=&quot;1.8500&quot; y2=&quot;3.3500&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-0.8500&quot; y1=&quot;-3.3500&quot; x2=&quot;1.8500&quot; y2=&quot;-3.3500&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;1.8500&quot; y1=&quot;-3.3500&quot; x2=&quot;1.8500&quot; y2=&quot;3.3500&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-copper&quot;&gt;&lt;g data-pad=&quot;1&quot; data-shape=&quot;roundrect&quot; data-size=&quot;2.000x1.500&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;-4.150&quot; y=&quot;-3.050&quot; width=&quot;2.000&quot; height=&quot;1.500&quot; rx=&quot;0.375&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;2&quot; data-shape=&quot;roundrect&quot; data-size=&quot;2.000x1.500&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;-4.150&quot; y=&quot;-0.750&quot; width=&quot;2.000&quot; height=&quot;1.500&quot; rx=&quot;0.375&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;2&quot; data-shape=&quot;roundrect&quot; data-size=&quot;2.000x3.800&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;2.150&quot; y=&quot;-1.900&quot; width=&quot;2.000&quot; height=&quot;3.800&quot; rx=&quot;0.500&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;3&quot; data-shape=&quot;roundrect&quot; data-size=&quot;2.000x1.500&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;-4.150&quot; y=&quot;1.550&quot; width=&quot;2.000&quot; height=&quot;1.500&quot; rx=&quot;0.375&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-heatsink&quot;&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-drill&quot;&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-silk&quot;&gt;&lt;line x1=&quot;-1.8500&quot; y1=&quot;-3.4100&quot; x2=&quot;1.9100&quot; y2=&quot;-3.4100&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-1.8500&quot; y1=&quot;3.4100&quot; x2=&quot;1.9100&quot; y2=&quot;3.4100&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;1.9100&quot; y1=&quot;-3.4100&quot; x2=&quot;1.9100&quot; y2=&quot;-2.1500&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;1.9100&quot; y1=&quot;3.4100&quot; x2=&quot;1.9100&quot; y2=&quot;2.1500&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;polygon points=&quot;-3.1300,-3.3100 -3.3700,-3.6400 -2.8900,-3.6400 -3.1300,-3.3100&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; fill=&quot;#00cccc&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-padnum&quot;&gt;&lt;text x=&quot;-3.150&quot; y=&quot;-2.300&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.630&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;1&lt;/text&gt;&lt;text x=&quot;-3.150&quot; y=&quot;0.000&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.630&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;2&lt;/text&gt;&lt;text x=&quot;3.150&quot; y=&quot;0.000&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.840&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;2&lt;/text&gt;&lt;text x=&quot;-3.150&quot; y=&quot;2.300&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.630&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;3&lt;/text&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-paste-apertures&quot;&gt;&lt;rect x=&quot;-4.150&quot; y=&quot;-3.050&quot; width=&quot;2.000&quot; height=&quot;1.500&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 -3.150 -2.300)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;-4.150&quot; y=&quot;-0.750&quot; width=&quot;2.000&quot; height=&quot;1.500&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 -3.150 0.000)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;2.150&quot; y=&quot;-1.900&quot; width=&quot;2.000&quot; height=&quot;3.800&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 3.150 0.000)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;-4.150&quot; y=&quot;1.550&quot; width=&quot;2.000&quot; height=&quot;1.500&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 -3.150 2.300)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-paste-dots&quot;&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;-2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;-2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;-2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;-2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;-1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;-2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;-2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;-2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;-2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;-1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;-2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;-2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;-2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;-2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;-1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;-2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;-2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;-2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;-2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;-1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;-2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;-2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;-2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;-2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;-1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;-2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;-2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;-2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;-2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;-1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;-2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;-2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;-2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;-2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;-1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;-0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;-0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;0.000&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;-0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;-0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;0.000&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;-0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;-0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;0.000&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;-0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;-0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;0.000&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;-0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;-0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;0.000&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;-0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;-0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;0.000&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;-0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;-0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;0.000&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;0.250&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;0.500&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;-1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;-1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.400&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;-1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;-1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.650&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;-1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;-1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.900&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;-1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;-1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.150&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;-1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;-1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.400&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;-1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;-1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.650&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;-1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;-1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.900&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.900&quot; cy=&quot;2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.650&quot; cy=&quot;2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.400&quot; cy=&quot;2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.150&quot; cy=&quot;2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.900&quot; cy=&quot;2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.650&quot; cy=&quot;2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;1.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;2.050&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;2.300&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;2.550&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.400&quot; cy=&quot;2.800&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;/g&gt;&lt;/svg&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;aside&gt;
      &lt;div class=&quot;ah&quot;&gt;Layers&lt;/div&gt;
      &lt;div class=&quot;layers&quot; id=&quot;layers&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;note&quot;&gt;The &lt;b&gt;solder paste jet&lt;/b&gt; layer shows the 300µm paste-dispensing dots that travel with the footprint. Off by default — toggle it on.&lt;/div&gt;
    &lt;/aside&gt;
  &lt;/main&gt;
&lt;script&gt;/* ── adom-footprint shared viewer core (window.AV) ─────────────────────────
   Single source of truth for the layer list, toggle behaviour, defaults,
   pan/zoom and toolbar icons. Included VERBATIM by both app.html (live) and
   embed.html (static) so the two viewers cannot drift. Pure client-side; works
   on any SVG that carries the &lt;g class=&quot;adom-layer-*&quot;&gt; groups. */
(function(){
  var ICON_ZIN=&#x27;&lt;svg viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;circle cx=&quot;10.5&quot; cy=&quot;10.5&quot; r=&quot;6.5&quot;/&gt;&lt;path d=&quot;M20 20l-4.5-4.5M10.5 8v5M8 10.5h5&quot;/&gt;&lt;/svg&gt;&#x27;;
  var ICON_ZOUT=&#x27;&lt;svg viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;circle cx=&quot;10.5&quot; cy=&quot;10.5&quot; r=&quot;6.5&quot;/&gt;&lt;path d=&quot;M20 20l-4.5-4.5M8 10.5h5&quot;/&gt;&lt;/svg&gt;&#x27;;
  // Zoom-to-FIT = a magnifier with a small square inside (fit content to view).
  // Deliberately NOT the four-corner expand/&quot;fullscreen&quot; glyph.
  var ICON_FIT=&#x27;&lt;svg viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;circle cx=&quot;10.5&quot; cy=&quot;10.5&quot; r=&quot;6.5&quot;/&gt;&lt;path d=&quot;M20 20l-4.5-4.5&quot;/&gt;&lt;rect x=&quot;7.6&quot; y=&quot;7.6&quot; width=&quot;5.8&quot; height=&quot;5.8&quot; rx=&quot;1.2&quot;/&gt;&lt;/svg&gt;&#x27;;

  // The canonical layer list. Every layer is a &lt;g class=&quot;adom-layer-*&quot;&gt; in the
  // self-rendered SVG, so toggling is group-based (robust) — never colour-match.
  // `kind:&#x27;group&#x27;` on every entry: all layers are toggled by their &lt;g&gt; group
  // (robust), never by colour-match. (app.html still reads def.kind.)
  var LAYER_DEFS=[
    {key:&#x27;copper&#x27;,    name:&#x27;Copper&#x27;,           kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-copper&#x27;,          sw:&#x27;#C83434&#x27;},
    // Auto-generated thermal-via array under the exposed pad — only present (and
    // listed) when the footprint has an exposed thermal pad.
    {key:&#x27;heatsink&#x27;,  name:&#x27;Heatsink vias&#x27;,    kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-heatsink&#x27;,        sw:&#x27;#e8a13a&#x27;},
    {key:&#x27;padnum&#x27;,    name:&#x27;Pad numbers&#x27;,      kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-padnum&#x27;,          sw:&#x27;#ffffff&#x27;, ring:true},
    {key:&#x27;silk&#x27;,      name:&#x27;Silkscreen&#x27;,       kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-silk&#x27;,            sw:&#x27;#00cccc&#x27;},
    {key:&#x27;fab&#x27;,       name:&#x27;Fab (F.Fab)&#x27;,      kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-fab&#x27;,             sw:&#x27;#6e7681&#x27;, ring:true},
    {key:&#x27;courtyard&#x27;, name:&#x27;Courtyard&#x27;,        kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-courtyard&#x27;,       sw:&#x27;#FF26E2&#x27;, ring:true},
    {key:&#x27;drill&#x27;,     name:&#x27;Drill&#x27;,            kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-drill&#x27;,           sw:&#x27;#888888&#x27;, ring:true},
    {key:&#x27;paste-ap&#x27;,  name:&#x27;Paste apertures&#x27;,  kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-paste-apertures&#x27;, sw:&#x27;#8aa0b8&#x27;, ring:true},
    // Generic name — the 300µm solder-paste dispensing dots. Off by default.
    {key:&#x27;paste-dots&#x27;,name:&#x27;Solder paste jet&#x27;, kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-paste-dots&#x27;,      sw:&#x27;#37c8a6&#x27;, special:true},
  ];

  // True only if the group actually holds drawn geometry (not an empty &lt;g&gt;) — so
  // layers with nothing in THIS footprint aren&#x27;t listed as dead, dim rows.
  function groupHasGeo(svg,def){
    if(!svg) return false; var n=0,g=svg.querySelectorAll(def.sel);
    for(var i=0;i&lt;g.length;i++){ n+=g[i].querySelectorAll(&#x27;path,rect,circle,line,polygon,polyline,text&#x27;).length; }
    return n&gt;0;
  }
  function layerPresent(svg,def){ return groupHasGeo(svg,def); }
  function applyLayer(svg,def,on){
    if(!svg) return; var g=svg.querySelectorAll(def.sel);
    for(var i=0;i&lt;g.length;i++) g[i].style.display=on?&#x27;&#x27;:&#x27;none&#x27;;
  }

  // Build layer rows into a container. opts:
  //   svg, container, state {key:bool}, meta {pasteDots,pasteApertures},
  //   onToggle(key,on). Missing state key -&gt; special OFF, others ON. Skips empty
  //   non-special groups. Returns the keys actually shown.
  function buildLayers(opts){
    var svg=opts.svg, box=opts.container, state=opts.state||{}, meta=opts.meta||{}, shown=[];
    box.innerHTML=&#x27;&#x27;;
    LAYER_DEFS.forEach(function(def){
      if(!def.special &amp;&amp; !groupHasGeo(svg,def)) return;
      var on = def.special ? (state[def.key]===true) : (state[def.key]!==false);
      var m = def.key===&#x27;paste-dots&#x27; ? ((meta.pasteDots||0)+&#x27; @ 300µm&#x27;)
            : def.key===&#x27;paste-ap&#x27;   ? ((meta.pasteApertures||0)+&#x27; openings&#x27;) : &#x27;&#x27;;
      var row=document.createElement(&#x27;div&#x27;);
      row.className=&#x27;av-lrow &#x27;+(on?&#x27;on&#x27;:&#x27;off&#x27;)+(def.special?&#x27; special&#x27;:&#x27;&#x27;);
      row.innerHTML=&#x27;&lt;span class=&quot;sw&#x27;+(def.ring?&#x27; ring&#x27;:&#x27;&#x27;)+&#x27;&quot; style=&quot;&#x27;+(def.ring?(&#x27;border-color:&#x27;+def.sw):(&#x27;background:&#x27;+def.sw))+&#x27;&quot;&gt;&lt;/span&gt;&#x27;
        +&#x27;&lt;span class=&quot;ln&quot;&gt;&#x27;+def.name+&#x27;&lt;/span&gt;&#x27;+(m?&#x27;&lt;span class=&quot;meta&quot;&gt;&#x27;+m+&#x27;&lt;/span&gt;&#x27;:&#x27;&#x27;)
        +&#x27;&lt;span class=&quot;chk&quot;&gt;&#x27;+(on?&#x27;✓&#x27;:&#x27;&#x27;)+&#x27;&lt;/span&gt;&#x27;;
      row.onclick=function(){
        var nv=!row.classList.contains(&#x27;on&#x27;);
        row.classList.toggle(&#x27;on&#x27;,nv); row.classList.toggle(&#x27;off&#x27;,!nv);
        row.querySelector(&#x27;.chk&#x27;).textContent=nv?&#x27;✓&#x27;:&#x27;&#x27;;
        state[def.key]=nv; applyLayer(svg,def,nv);
        if(opts.onToggle) opts.onToggle(def.key,nv);
      };
      box.appendChild(row); applyLayer(svg,def,on); shown.push(def.key);
    });
    return shown;
  }

  // Wire pan + zoom on a viewport element (the box that contains the &lt;svg&gt;).
  // Returns a controller {fit, zoomIn, zoomOut, apply}.
  function initViewport(vp){
    var svg=vp.querySelector(&#x27;svg&#x27;);
    if(svg){ svg.removeAttribute(&#x27;width&#x27;); svg.removeAttribute(&#x27;height&#x27;); }
    var s=1,tx=0,ty=0;
    function apply(){ var el=vp.querySelector(&#x27;svg&#x27;); if(el) el.style.transform=&#x27;translate(&#x27;+tx+&#x27;px,&#x27;+ty+&#x27;px) scale(&#x27;+s+&#x27;)&#x27;; }
    function zoomAt(cx,cy,f){ tx=cx-(cx-tx)*f; ty=cy-(cy-ty)*f; s*=f; apply(); }
    function fit(){ s=1;tx=0;ty=0;apply(); }
    // Smooth, delta-PROPORTIONAL zoom (matches adom-symbol). A fixed per-event
    // factor makes the trackpad leap — one gentle two-finger nudge fires a burst
    // of tiny wheel events and a fixed 1.12× compounds. Instead derive the factor
    // from how much actually scrolled (exp → smooth + reversible), normalise
    // device units, and clamp one event so a chunky mouse notch can&#x27;t jump.
    var ZOOM_K=0.0022; // sensitivity: lower = gentler
    vp.addEventListener(&#x27;wheel&#x27;,function(e){
      e.preventDefault();
      var d=e.deltaY;
      if(e.deltaMode===1) d*=16; else if(e.deltaMode===2) d*=vp.clientHeight;
      d=Math.max(-50,Math.min(50,d));
      var r=vp.getBoundingClientRect();
      zoomAt(e.clientX-r.left,e.clientY-r.top,Math.exp(-d*ZOOM_K));
    },{passive:false});
    var drag=false,lx=0,ly=0;
    vp.addEventListener(&#x27;pointerdown&#x27;,function(e){ if(e.target.closest(&#x27;.av-tools&#x27;))return; drag=true;lx=e.clientX;ly=e.clientY;vp.classList.add(&#x27;grab&#x27;);vp.setPointerCapture(e.pointerId); });
    vp.addEventListener(&#x27;pointermove&#x27;,function(e){ if(!drag)return; tx+=e.clientX-lx;ty+=e.clientY-ly;lx=e.clientX;ly=e.clientY;apply(); });
    vp.addEventListener(&#x27;pointerup&#x27;,function(){ drag=false;vp.classList.remove(&#x27;grab&#x27;); });
    fit();
    return {
      fit:fit,
      zoomIn:function(){ var r=vp.getBoundingClientRect(); zoomAt(r.width/2,r.height/2,1.2); },
      zoomOut:function(){ var r=vp.getBoundingClientRect(); zoomAt(r.width/2,r.height/2,1/1.2); },
      apply:apply
    };
  }

  // Inject the standard zoom toolbar (+ / − / fit) + pan hint into a viewport,
  // wired to a controller from initViewport. Idempotent.
  function addToolbar(vp,ctl){
    if(vp.querySelector(&#x27;.av-tools&#x27;)) return;
    var t=document.createElement(&#x27;div&#x27;); t.className=&#x27;av-tools&#x27;;
    t.innerHTML=&#x27;&lt;button data-z=&quot;in&quot; title=&quot;Zoom in&quot;&gt;&#x27;+ICON_ZIN+&#x27;&lt;/button&gt;&#x27;
      +&#x27;&lt;button data-z=&quot;out&quot; title=&quot;Zoom out&quot;&gt;&#x27;+ICON_ZOUT+&#x27;&lt;/button&gt;&#x27;
      +&#x27;&lt;button data-z=&quot;fit&quot; title=&quot;Zoom to fit&quot;&gt;&#x27;+ICON_FIT+&#x27;&lt;/button&gt;&#x27;;
    vp.appendChild(t);
    t.querySelector(&#x27;[data-z=&quot;in&quot;]&#x27;).onclick=ctl.zoomIn;
    t.querySelector(&#x27;[data-z=&quot;out&quot;]&#x27;).onclick=ctl.zoomOut;
    t.querySelector(&#x27;[data-z=&quot;fit&quot;]&#x27;).onclick=ctl.fit;
    var h=document.createElement(&#x27;div&#x27;); h.className=&#x27;av-panhint&#x27;; h.textContent=&#x27;drag to pan · scroll to zoom&#x27;; vp.appendChild(h);
  }

  window.AV={
    LAYER_DEFS:LAYER_DEFS, groupHasGeo:groupHasGeo, layerPresent:layerPresent,
    applyLayer:applyLayer, buildLayers:buildLayers, initViewport:initViewport,
    addToolbar:addToolbar, ICON_FIT:ICON_FIT, ICON_ZIN:ICON_ZIN, ICON_ZOUT:ICON_ZOUT
  };
})();
&lt;/script&gt;
&lt;script&gt;
var META={&quot;pasteApertures&quot;:4,&quot;pasteDots&quot;:203};
(function(){
  var vp=document.getElementById(&#x27;vp&#x27;);
  var svg=vp.querySelector(&#x27;svg&#x27;);
  var ctl=AV.initViewport(vp);
  AV.addToolbar(vp,ctl);
  AV.buildLayers({ svg:svg, container:document.getElementById(&#x27;layers&#x27;), state:{}, meta:META });
})();
&lt;/script&gt;
&lt;/body&gt;&lt;/html&gt;
"></iframe>
    <iframe id="to252" title="AMS1117 TO-252 footprint" srcdoc="&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;title&gt;AMS1117_TO-252 - adom-footprint&lt;/title&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1&quot;&gt;
&lt;style&gt;
/* ── adom-footprint shared viewer core (CSS) ───────────────────────────────
   Included VERBATIM by both the live app (app.html) and the static embed
   (embed.html) so the canvas, zoom toolbar and layer-panel rows look identical
   and cannot drift. Self-contained literal colours (no dependency on either
   file&#x27;s CSS vars). Class prefix: av- */

.av-vp{position:absolute;inset:0;overflow:hidden;cursor:grab;background:radial-gradient(circle at 50% 42%,#121a26 0%,#0d1117 72%)}
.av-vp.grab{cursor:grabbing}
/* DIRECT child only — the zoom-toolbar button icons (.av-tools svg) also live
   inside .av-vp; without &#x27;&gt;&#x27; they&#x27;d inherit position:absolute and stack at 0,0. */
.av-vp &gt; svg{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;display:block}

/* zoom toolbar */
/* Grouped translucent toolbar (matches adom-symbol&#x27;s .tools): one container, borderless
   buttons that highlight on hover — instead of individually-boxed buttons. */
.av-tools{position:absolute;left:10px;top:10px;display:flex;gap:3px;padding:3px;z-index:5;background:rgba(22,27,34,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #222b38;border-radius:9px}
.av-tools button{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:#cfd8e2;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,color .15s ease}
.av-tools button svg{width:16px;height:16px;display:block}
.av-tools button:hover{background:#222b38;color:#37c8a6}
.av-tools button:focus,.av-tools button:focus-visible{outline:none}
.av-panhint{position:absolute;right:10px;bottom:9px;color:#8b949e;font-size:11px;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none}

/* layer panel rows */
.av-lrow{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;cursor:pointer}
.av-lrow:hover{background:#161c27}
.av-lrow .sw{width:13px;height:13px;border-radius:3px;border:1px solid rgba(255,255,255,.15);flex:0 0 13px}
.av-lrow .sw.ring{background:transparent!important}
.av-lrow .ln{flex:1;font-size:13px}
.av-lrow .meta{font-size:10px;color:#8b949e}
.av-lrow .chk{width:16px;height:16px;border-radius:4px;border:1.5px solid #3a4757;display:grid;place-items:center;color:#0b0f17;font-size:11px}
.av-lrow.on .chk{background:#37c8a6;border-color:#37c8a6}
.av-lrow.off .ln,.av-lrow.off .sw{opacity:.4}
.av-lrow.special{background:linear-gradient(100deg,rgba(55,200,166,.10),transparent);border:1px solid rgba(55,200,166,.25);margin-top:4px}
.av-lrow.special .ln{color:#7ef0d2;font-weight:600}

:root{--bg:#0d1117;--panel:#11161f;--border:#222b38;--text:#e6edf3;--muted:#8b949e;--accent:#37c8a6}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}
body{background:var(--bg);color:var(--text);font-family:&#x27;Satoshi&#x27;,&#x27;Segoe UI&#x27;,system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden}
header{display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--border);flex:0 0 auto}
header .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
header .b{font-weight:700;font-size:14px}header .b span{color:var(--muted);font-weight:400}
header .nm{margin-left:auto;font-weight:600;font-size:13px;color:#cfd8e2}
main{flex:1;display:flex;min-height:0}
.vpwrap{flex:1;position:relative;min-width:0}
aside{flex:0 0 248px;border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}
aside .ah{padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.layers{padding:6px}
.note{font-size:11px;color:var(--muted);line-height:1.45;padding:8px 11px}
.note b{color:#7ef0d2}
&lt;/style&gt;&lt;/head&gt;
&lt;body&gt;
  &lt;header&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span class=&quot;b&quot;&gt;adom-footprint &lt;span&gt;· interactive&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;nm&quot;&gt;AMS1117_TO-252&lt;/span&gt;&lt;/header&gt;
  &lt;main&gt;
    &lt;div class=&quot;vpwrap&quot;&gt;
      &lt;div class=&quot;av-vp&quot; id=&quot;vp&quot;&gt;
        &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;-7.290 -4.050 12.900 8.100&quot; preserveAspectRatio=&quot;xMidYMid meet&quot;&gt;&lt;g class=&quot;adom-layer-courtyard&quot;&gt;&lt;rect x=&quot;-6.3900&quot; y=&quot;-3.5000&quot; width=&quot;11.1000&quot; height=&quot;7.0000&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; fill=&quot;none&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-fab&quot;&gt;&lt;line x1=&quot;-5.8100&quot; y1=&quot;-2.6550&quot; x2=&quot;-5.8100&quot; y2=&quot;-1.9050&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-5.8100&quot; y1=&quot;-1.9050&quot; x2=&quot;-3.1100&quot; y2=&quot;-1.9050&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-5.8100&quot; y1=&quot;-0.3750&quot; x2=&quot;-5.8100&quot; y2=&quot;0.3750&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-5.8100&quot; y1=&quot;0.3750&quot; x2=&quot;-3.1100&quot; y2=&quot;0.3750&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-5.8100&quot; y1=&quot;1.9050&quot; x2=&quot;-5.8100&quot; y2=&quot;2.6550&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-5.8100&quot; y1=&quot;2.6550&quot; x2=&quot;-3.1100&quot; y2=&quot;2.6550&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-3.1100&quot; y1=&quot;-0.3750&quot; x2=&quot;-5.8100&quot; y2=&quot;-0.3750&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-3.1100&quot; y1=&quot;1.9050&quot; x2=&quot;-5.8100&quot; y2=&quot;1.9050&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-2.7050&quot; y1=&quot;-2.6550&quot; x2=&quot;-5.8100&quot; y2=&quot;-2.6550&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;3.1100&quot; y1=&quot;-2.7000&quot; x2=&quot;4.1100&quot; y2=&quot;-2.7000&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;4.1100&quot; y1=&quot;-2.7000&quot; x2=&quot;4.1100&quot; y2=&quot;2.7000&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;4.1100&quot; y1=&quot;2.7000&quot; x2=&quot;3.1100&quot; y2=&quot;2.7000&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;polygon points=&quot;3.1100,-3.2500 3.1100,3.2500 -3.1100,3.2500 -3.1100,-2.2500 -2.1100,-3.2500&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; fill=&quot;none&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-copper&quot;&gt;&lt;g data-pad=&quot;1&quot; data-shape=&quot;roundrect&quot; data-size=&quot;2.200x1.200&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;-6.140&quot; y=&quot;-2.880&quot; width=&quot;2.200&quot; height=&quot;1.200&quot; rx=&quot;0.250&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;2&quot; data-shape=&quot;roundrect&quot; data-size=&quot;2.200x1.200&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;-6.140&quot; y=&quot;-0.600&quot; width=&quot;2.200&quot; height=&quot;1.200&quot; rx=&quot;0.250&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;2&quot; data-shape=&quot;roundrect&quot; data-size=&quot;6.400x5.800&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;-1.940&quot; y=&quot;-2.900&quot; width=&quot;6.400&quot; height=&quot;5.800&quot; rx=&quot;0.250&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;3&quot; data-shape=&quot;roundrect&quot; data-size=&quot;2.200x1.200&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;-6.140&quot; y=&quot;1.680&quot; width=&quot;2.200&quot; height=&quot;1.200&quot; rx=&quot;0.250&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-heatsink&quot;&gt;&lt;circle cx=&quot;-1.140&quot; cy=&quot;-2.400&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;-1.140&quot; cy=&quot;-2.400&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;0.060&quot; cy=&quot;-2.400&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;0.060&quot; cy=&quot;-2.400&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;1.260&quot; cy=&quot;-2.400&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;1.260&quot; cy=&quot;-2.400&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;2.460&quot; cy=&quot;-2.400&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;2.460&quot; cy=&quot;-2.400&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;3.660&quot; cy=&quot;-2.400&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;3.660&quot; cy=&quot;-2.400&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;-1.140&quot; cy=&quot;-1.200&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;-1.140&quot; cy=&quot;-1.200&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;0.060&quot; cy=&quot;-1.200&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;0.060&quot; cy=&quot;-1.200&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;1.260&quot; cy=&quot;-1.200&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;1.260&quot; cy=&quot;-1.200&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;2.460&quot; cy=&quot;-1.200&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;2.460&quot; cy=&quot;-1.200&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;3.660&quot; cy=&quot;-1.200&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;3.660&quot; cy=&quot;-1.200&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;-1.140&quot; cy=&quot;0.000&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;-1.140&quot; cy=&quot;0.000&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;0.060&quot; cy=&quot;0.000&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;0.060&quot; cy=&quot;0.000&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;1.260&quot; cy=&quot;0.000&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;1.260&quot; cy=&quot;0.000&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;2.460&quot; cy=&quot;0.000&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;2.460&quot; cy=&quot;0.000&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;3.660&quot; cy=&quot;0.000&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;3.660&quot; cy=&quot;0.000&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;-1.140&quot; cy=&quot;1.200&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;-1.140&quot; cy=&quot;1.200&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;0.060&quot; cy=&quot;1.200&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;0.060&quot; cy=&quot;1.200&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;1.260&quot; cy=&quot;1.200&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;1.260&quot; cy=&quot;1.200&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;2.460&quot; cy=&quot;1.200&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;2.460&quot; cy=&quot;1.200&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;3.660&quot; cy=&quot;1.200&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;3.660&quot; cy=&quot;1.200&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;-1.140&quot; cy=&quot;2.400&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;-1.140&quot; cy=&quot;2.400&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;0.060&quot; cy=&quot;2.400&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;0.060&quot; cy=&quot;2.400&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;1.260&quot; cy=&quot;2.400&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;1.260&quot; cy=&quot;2.400&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;2.460&quot; cy=&quot;2.400&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;2.460&quot; cy=&quot;2.400&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;circle cx=&quot;3.660&quot; cy=&quot;2.400&quot; r=&quot;0.30&quot; fill=&quot;#8a5a2b&quot; stroke=&quot;#e8a13a&quot; stroke-width=&quot;0.05&quot;/&gt;&lt;circle cx=&quot;3.660&quot; cy=&quot;2.400&quot; r=&quot;0.15&quot; fill=&quot;#0d1117&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-drill&quot;&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-silk&quot;&gt;&lt;line x1=&quot;-3.3100&quot; y1=&quot;-3.4500&quot; x2=&quot;-3.3100&quot; y2=&quot;-3.1800&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-3.3100&quot; y1=&quot;3.4500&quot; x2=&quot;-3.3100&quot; y2=&quot;3.1800&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;3.1100&quot; y1=&quot;-3.4500&quot; x2=&quot;-3.3100&quot; y2=&quot;-3.4500&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;3.1100&quot; y1=&quot;3.4500&quot; x2=&quot;-3.3100&quot; y2=&quot;3.4500&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;polygon points=&quot;-5.0400,-3.1400 -5.3800,-3.6100 -4.7000,-3.6100&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; fill=&quot;#00cccc&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-padnum&quot;&gt;&lt;text x=&quot;-5.040&quot; y=&quot;-2.280&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.504&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;1&lt;/text&gt;&lt;text x=&quot;-5.040&quot; y=&quot;0.000&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.504&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;2&lt;/text&gt;&lt;text x=&quot;1.260&quot; y=&quot;0.000&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;2.436&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;2&lt;/text&gt;&lt;text x=&quot;-5.040&quot; y=&quot;2.280&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.504&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;3&lt;/text&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-paste-apertures&quot;&gt;&lt;rect x=&quot;-1.940&quot; y=&quot;-2.900&quot; width=&quot;3.050&quot; height=&quot;2.750&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 -0.415 -1.525)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;-1.940&quot; y=&quot;0.150&quot; width=&quot;3.050&quot; height=&quot;2.750&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 -0.415 1.525)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;1.410&quot; y=&quot;-2.900&quot; width=&quot;3.050&quot; height=&quot;2.750&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 2.935 -1.525)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;1.410&quot; y=&quot;0.150&quot; width=&quot;3.050&quot; height=&quot;2.750&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 2.935 1.525)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;-6.140&quot; y=&quot;-2.880&quot; width=&quot;2.200&quot; height=&quot;1.200&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 -5.040 -2.280)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;-6.140&quot; y=&quot;-0.600&quot; width=&quot;2.200&quot; height=&quot;1.200&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 -5.040 0.000)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;-1.940&quot; y=&quot;-2.900&quot; width=&quot;6.400&quot; height=&quot;5.800&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 1.260 0.000)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;-6.140&quot; y=&quot;1.680&quot; width=&quot;2.200&quot; height=&quot;1.200&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 -5.040 2.280)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-paste-dots&quot;&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;-2.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;-2.150&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;-1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;-1.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;-0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;-0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.415&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.415&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.165&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.915&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.665&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.665&quot; cy=&quot;-1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.665&quot; cy=&quot;-0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.665&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.665&quot; cy=&quot;-0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.415&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.415&quot; cy=&quot;-1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.415&quot; cy=&quot;-0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.415&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.415&quot; cy=&quot;-0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.165&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.085&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.335&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.335&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;-2.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;-2.150&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;-1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;-1.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;-0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;-0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.835&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.835&quot; cy=&quot;-1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.835&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.835&quot; cy=&quot;-0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;1.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;2.150&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.665&quot; cy=&quot;2.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.415&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.415&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.165&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.915&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.665&quot; cy=&quot;0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.665&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.665&quot; cy=&quot;0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.665&quot; cy=&quot;1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.665&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.415&quot; cy=&quot;0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.415&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.415&quot; cy=&quot;0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.415&quot; cy=&quot;1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.415&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.165&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.085&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.335&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.335&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;1.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;2.150&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.585&quot; cy=&quot;2.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.835&quot; cy=&quot;0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.835&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.835&quot; cy=&quot;1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.835&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.685&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.685&quot; cy=&quot;-1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.685&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.685&quot; cy=&quot;-0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;-2.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;-2.150&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;-1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;-1.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;-0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;-0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.185&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.185&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.435&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.685&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.935&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.935&quot; cy=&quot;-1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.935&quot; cy=&quot;-0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.935&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.935&quot; cy=&quot;-0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.185&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.185&quot; cy=&quot;-1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.185&quot; cy=&quot;-0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.185&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.185&quot; cy=&quot;-0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.435&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.685&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.935&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.935&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;-2.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;-2.150&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;-1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;-1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;-1.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;-0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;-0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;-0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.685&quot; cy=&quot;0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.685&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.685&quot; cy=&quot;1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.685&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;1.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;2.150&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.935&quot; cy=&quot;2.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.185&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.185&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.435&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.685&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.935&quot; cy=&quot;0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.935&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.935&quot; cy=&quot;0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.935&quot; cy=&quot;1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.935&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.185&quot; cy=&quot;0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.185&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.185&quot; cy=&quot;0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.185&quot; cy=&quot;1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.185&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.435&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.685&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.935&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.935&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;0.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;0.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;0.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;1.400&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;1.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;1.900&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;2.150&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.185&quot; cy=&quot;2.650&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.915&quot; cy=&quot;-2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.915&quot; cy=&quot;-2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.915&quot; cy=&quot;-2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.915&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.665&quot; cy=&quot;-2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.665&quot; cy=&quot;-2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.665&quot; cy=&quot;-2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.665&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.415&quot; cy=&quot;-2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.415&quot; cy=&quot;-2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.415&quot; cy=&quot;-2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.415&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.165&quot; cy=&quot;-2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.165&quot; cy=&quot;-2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.165&quot; cy=&quot;-2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.165&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.915&quot; cy=&quot;-2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.915&quot; cy=&quot;-2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.915&quot; cy=&quot;-2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.915&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.665&quot; cy=&quot;-2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.665&quot; cy=&quot;-2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.665&quot; cy=&quot;-2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.665&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.415&quot; cy=&quot;-2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.415&quot; cy=&quot;-2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.415&quot; cy=&quot;-2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.415&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.165&quot; cy=&quot;-2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.165&quot; cy=&quot;-2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.165&quot; cy=&quot;-2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.165&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.915&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.915&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.915&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.915&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.665&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.665&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.665&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.665&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.415&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.415&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.415&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.415&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.165&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.165&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.165&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.165&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.915&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.915&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.915&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.915&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.665&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.665&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.665&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.665&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.415&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.415&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.415&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.415&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.165&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.165&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.165&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.165&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.615&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.615&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.615&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.615&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.615&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.615&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.615&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.615&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.615&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.615&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.365&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.365&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.365&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.365&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.115&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.115&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.865&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.865&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.865&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.865&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;-2.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;-2.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;-1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;2.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.615&quot; cy=&quot;2.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.365&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.365&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.365&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.365&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.365&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.365&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.365&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.365&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.115&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.115&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.115&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-0.115&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.135&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.135&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.385&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.385&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.385&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.385&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;-2.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;-2.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;-2.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;-1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;-1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;2.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;2.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.635&quot; cy=&quot;2.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.885&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.885&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.885&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.885&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.885&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;0.885&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.135&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.135&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.385&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.385&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.635&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.635&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.635&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.635&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.635&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.635&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;-2.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;-2.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;-2.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;-1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;-1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;-0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;0.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;1.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;2.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;2.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.885&quot; cy=&quot;2.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.135&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.135&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.135&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.135&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.385&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.385&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.635&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.635&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.635&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.635&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.885&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.885&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.885&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.885&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.885&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.885&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.885&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.885&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;-2.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;-2.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;-1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;1.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;2.125&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.135&quot; cy=&quot;2.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.385&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.385&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.385&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.385&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.635&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.635&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.885&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.885&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.885&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.885&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.135&quot; cy=&quot;-1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.135&quot; cy=&quot;-1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.135&quot; cy=&quot;-0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.135&quot; cy=&quot;-0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.135&quot; cy=&quot;-0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.135&quot; cy=&quot;0.375&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.135&quot; cy=&quot;0.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.135&quot; cy=&quot;0.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.135&quot; cy=&quot;1.625&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;4.135&quot; cy=&quot;1.875&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.915&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.915&quot; cy=&quot;2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.915&quot; cy=&quot;2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.915&quot; cy=&quot;2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.665&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.665&quot; cy=&quot;2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.665&quot; cy=&quot;2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.665&quot; cy=&quot;2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.415&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.415&quot; cy=&quot;2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.415&quot; cy=&quot;2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.415&quot; cy=&quot;2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.165&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.165&quot; cy=&quot;2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.165&quot; cy=&quot;2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-5.165&quot; cy=&quot;2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.915&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.915&quot; cy=&quot;2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.915&quot; cy=&quot;2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.915&quot; cy=&quot;2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.665&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.665&quot; cy=&quot;2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.665&quot; cy=&quot;2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.665&quot; cy=&quot;2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.415&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.415&quot; cy=&quot;2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.415&quot; cy=&quot;2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.415&quot; cy=&quot;2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.165&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.165&quot; cy=&quot;2.155&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.165&quot; cy=&quot;2.405&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-4.165&quot; cy=&quot;2.655&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;/g&gt;&lt;/svg&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;aside&gt;
      &lt;div class=&quot;ah&quot;&gt;Layers&lt;/div&gt;
      &lt;div class=&quot;layers&quot; id=&quot;layers&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;note&quot;&gt;The &lt;b&gt;solder paste jet&lt;/b&gt; layer shows the 300µm paste-dispensing dots that travel with the footprint. Off by default — toggle it on.&lt;/div&gt;
    &lt;/aside&gt;
  &lt;/main&gt;
&lt;script&gt;/* ── adom-footprint shared viewer core (window.AV) ─────────────────────────
   Single source of truth for the layer list, toggle behaviour, defaults,
   pan/zoom and toolbar icons. Included VERBATIM by both app.html (live) and
   embed.html (static) so the two viewers cannot drift. Pure client-side; works
   on any SVG that carries the &lt;g class=&quot;adom-layer-*&quot;&gt; groups. */
(function(){
  var ICON_ZIN=&#x27;&lt;svg viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;circle cx=&quot;10.5&quot; cy=&quot;10.5&quot; r=&quot;6.5&quot;/&gt;&lt;path d=&quot;M20 20l-4.5-4.5M10.5 8v5M8 10.5h5&quot;/&gt;&lt;/svg&gt;&#x27;;
  var ICON_ZOUT=&#x27;&lt;svg viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;circle cx=&quot;10.5&quot; cy=&quot;10.5&quot; r=&quot;6.5&quot;/&gt;&lt;path d=&quot;M20 20l-4.5-4.5M8 10.5h5&quot;/&gt;&lt;/svg&gt;&#x27;;
  // Zoom-to-FIT = a magnifier with a small square inside (fit content to view).
  // Deliberately NOT the four-corner expand/&quot;fullscreen&quot; glyph.
  var ICON_FIT=&#x27;&lt;svg viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;circle cx=&quot;10.5&quot; cy=&quot;10.5&quot; r=&quot;6.5&quot;/&gt;&lt;path d=&quot;M20 20l-4.5-4.5&quot;/&gt;&lt;rect x=&quot;7.6&quot; y=&quot;7.6&quot; width=&quot;5.8&quot; height=&quot;5.8&quot; rx=&quot;1.2&quot;/&gt;&lt;/svg&gt;&#x27;;

  // The canonical layer list. Every layer is a &lt;g class=&quot;adom-layer-*&quot;&gt; in the
  // self-rendered SVG, so toggling is group-based (robust) — never colour-match.
  // `kind:&#x27;group&#x27;` on every entry: all layers are toggled by their &lt;g&gt; group
  // (robust), never by colour-match. (app.html still reads def.kind.)
  var LAYER_DEFS=[
    {key:&#x27;copper&#x27;,    name:&#x27;Copper&#x27;,           kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-copper&#x27;,          sw:&#x27;#C83434&#x27;},
    // Auto-generated thermal-via array under the exposed pad — only present (and
    // listed) when the footprint has an exposed thermal pad.
    {key:&#x27;heatsink&#x27;,  name:&#x27;Heatsink vias&#x27;,    kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-heatsink&#x27;,        sw:&#x27;#e8a13a&#x27;},
    {key:&#x27;padnum&#x27;,    name:&#x27;Pad numbers&#x27;,      kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-padnum&#x27;,          sw:&#x27;#ffffff&#x27;, ring:true},
    {key:&#x27;silk&#x27;,      name:&#x27;Silkscreen&#x27;,       kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-silk&#x27;,            sw:&#x27;#00cccc&#x27;},
    {key:&#x27;fab&#x27;,       name:&#x27;Fab (F.Fab)&#x27;,      kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-fab&#x27;,             sw:&#x27;#6e7681&#x27;, ring:true},
    {key:&#x27;courtyard&#x27;, name:&#x27;Courtyard&#x27;,        kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-courtyard&#x27;,       sw:&#x27;#FF26E2&#x27;, ring:true},
    {key:&#x27;drill&#x27;,     name:&#x27;Drill&#x27;,            kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-drill&#x27;,           sw:&#x27;#888888&#x27;, ring:true},
    {key:&#x27;paste-ap&#x27;,  name:&#x27;Paste apertures&#x27;,  kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-paste-apertures&#x27;, sw:&#x27;#8aa0b8&#x27;, ring:true},
    // Generic name — the 300µm solder-paste dispensing dots. Off by default.
    {key:&#x27;paste-dots&#x27;,name:&#x27;Solder paste jet&#x27;, kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-paste-dots&#x27;,      sw:&#x27;#37c8a6&#x27;, special:true},
  ];

  // True only if the group actually holds drawn geometry (not an empty &lt;g&gt;) — so
  // layers with nothing in THIS footprint aren&#x27;t listed as dead, dim rows.
  function groupHasGeo(svg,def){
    if(!svg) return false; var n=0,g=svg.querySelectorAll(def.sel);
    for(var i=0;i&lt;g.length;i++){ n+=g[i].querySelectorAll(&#x27;path,rect,circle,line,polygon,polyline,text&#x27;).length; }
    return n&gt;0;
  }
  function layerPresent(svg,def){ return groupHasGeo(svg,def); }
  function applyLayer(svg,def,on){
    if(!svg) return; var g=svg.querySelectorAll(def.sel);
    for(var i=0;i&lt;g.length;i++) g[i].style.display=on?&#x27;&#x27;:&#x27;none&#x27;;
  }

  // Build layer rows into a container. opts:
  //   svg, container, state {key:bool}, meta {pasteDots,pasteApertures},
  //   onToggle(key,on). Missing state key -&gt; special OFF, others ON. Skips empty
  //   non-special groups. Returns the keys actually shown.
  function buildLayers(opts){
    var svg=opts.svg, box=opts.container, state=opts.state||{}, meta=opts.meta||{}, shown=[];
    box.innerHTML=&#x27;&#x27;;
    LAYER_DEFS.forEach(function(def){
      if(!def.special &amp;&amp; !groupHasGeo(svg,def)) return;
      var on = def.special ? (state[def.key]===true) : (state[def.key]!==false);
      var m = def.key===&#x27;paste-dots&#x27; ? ((meta.pasteDots||0)+&#x27; @ 300µm&#x27;)
            : def.key===&#x27;paste-ap&#x27;   ? ((meta.pasteApertures||0)+&#x27; openings&#x27;) : &#x27;&#x27;;
      var row=document.createElement(&#x27;div&#x27;);
      row.className=&#x27;av-lrow &#x27;+(on?&#x27;on&#x27;:&#x27;off&#x27;)+(def.special?&#x27; special&#x27;:&#x27;&#x27;);
      row.innerHTML=&#x27;&lt;span class=&quot;sw&#x27;+(def.ring?&#x27; ring&#x27;:&#x27;&#x27;)+&#x27;&quot; style=&quot;&#x27;+(def.ring?(&#x27;border-color:&#x27;+def.sw):(&#x27;background:&#x27;+def.sw))+&#x27;&quot;&gt;&lt;/span&gt;&#x27;
        +&#x27;&lt;span class=&quot;ln&quot;&gt;&#x27;+def.name+&#x27;&lt;/span&gt;&#x27;+(m?&#x27;&lt;span class=&quot;meta&quot;&gt;&#x27;+m+&#x27;&lt;/span&gt;&#x27;:&#x27;&#x27;)
        +&#x27;&lt;span class=&quot;chk&quot;&gt;&#x27;+(on?&#x27;✓&#x27;:&#x27;&#x27;)+&#x27;&lt;/span&gt;&#x27;;
      row.onclick=function(){
        var nv=!row.classList.contains(&#x27;on&#x27;);
        row.classList.toggle(&#x27;on&#x27;,nv); row.classList.toggle(&#x27;off&#x27;,!nv);
        row.querySelector(&#x27;.chk&#x27;).textContent=nv?&#x27;✓&#x27;:&#x27;&#x27;;
        state[def.key]=nv; applyLayer(svg,def,nv);
        if(opts.onToggle) opts.onToggle(def.key,nv);
      };
      box.appendChild(row); applyLayer(svg,def,on); shown.push(def.key);
    });
    return shown;
  }

  // Wire pan + zoom on a viewport element (the box that contains the &lt;svg&gt;).
  // Returns a controller {fit, zoomIn, zoomOut, apply}.
  function initViewport(vp){
    var svg=vp.querySelector(&#x27;svg&#x27;);
    if(svg){ svg.removeAttribute(&#x27;width&#x27;); svg.removeAttribute(&#x27;height&#x27;); }
    var s=1,tx=0,ty=0;
    function apply(){ var el=vp.querySelector(&#x27;svg&#x27;); if(el) el.style.transform=&#x27;translate(&#x27;+tx+&#x27;px,&#x27;+ty+&#x27;px) scale(&#x27;+s+&#x27;)&#x27;; }
    function zoomAt(cx,cy,f){ tx=cx-(cx-tx)*f; ty=cy-(cy-ty)*f; s*=f; apply(); }
    function fit(){ s=1;tx=0;ty=0;apply(); }
    // Smooth, delta-PROPORTIONAL zoom (matches adom-symbol). A fixed per-event
    // factor makes the trackpad leap — one gentle two-finger nudge fires a burst
    // of tiny wheel events and a fixed 1.12× compounds. Instead derive the factor
    // from how much actually scrolled (exp → smooth + reversible), normalise
    // device units, and clamp one event so a chunky mouse notch can&#x27;t jump.
    var ZOOM_K=0.0022; // sensitivity: lower = gentler
    vp.addEventListener(&#x27;wheel&#x27;,function(e){
      e.preventDefault();
      var d=e.deltaY;
      if(e.deltaMode===1) d*=16; else if(e.deltaMode===2) d*=vp.clientHeight;
      d=Math.max(-50,Math.min(50,d));
      var r=vp.getBoundingClientRect();
      zoomAt(e.clientX-r.left,e.clientY-r.top,Math.exp(-d*ZOOM_K));
    },{passive:false});
    var drag=false,lx=0,ly=0;
    vp.addEventListener(&#x27;pointerdown&#x27;,function(e){ if(e.target.closest(&#x27;.av-tools&#x27;))return; drag=true;lx=e.clientX;ly=e.clientY;vp.classList.add(&#x27;grab&#x27;);vp.setPointerCapture(e.pointerId); });
    vp.addEventListener(&#x27;pointermove&#x27;,function(e){ if(!drag)return; tx+=e.clientX-lx;ty+=e.clientY-ly;lx=e.clientX;ly=e.clientY;apply(); });
    vp.addEventListener(&#x27;pointerup&#x27;,function(){ drag=false;vp.classList.remove(&#x27;grab&#x27;); });
    fit();
    return {
      fit:fit,
      zoomIn:function(){ var r=vp.getBoundingClientRect(); zoomAt(r.width/2,r.height/2,1.2); },
      zoomOut:function(){ var r=vp.getBoundingClientRect(); zoomAt(r.width/2,r.height/2,1/1.2); },
      apply:apply
    };
  }

  // Inject the standard zoom toolbar (+ / − / fit) + pan hint into a viewport,
  // wired to a controller from initViewport. Idempotent.
  function addToolbar(vp,ctl){
    if(vp.querySelector(&#x27;.av-tools&#x27;)) return;
    var t=document.createElement(&#x27;div&#x27;); t.className=&#x27;av-tools&#x27;;
    t.innerHTML=&#x27;&lt;button data-z=&quot;in&quot; title=&quot;Zoom in&quot;&gt;&#x27;+ICON_ZIN+&#x27;&lt;/button&gt;&#x27;
      +&#x27;&lt;button data-z=&quot;out&quot; title=&quot;Zoom out&quot;&gt;&#x27;+ICON_ZOUT+&#x27;&lt;/button&gt;&#x27;
      +&#x27;&lt;button data-z=&quot;fit&quot; title=&quot;Zoom to fit&quot;&gt;&#x27;+ICON_FIT+&#x27;&lt;/button&gt;&#x27;;
    vp.appendChild(t);
    t.querySelector(&#x27;[data-z=&quot;in&quot;]&#x27;).onclick=ctl.zoomIn;
    t.querySelector(&#x27;[data-z=&quot;out&quot;]&#x27;).onclick=ctl.zoomOut;
    t.querySelector(&#x27;[data-z=&quot;fit&quot;]&#x27;).onclick=ctl.fit;
    var h=document.createElement(&#x27;div&#x27;); h.className=&#x27;av-panhint&#x27;; h.textContent=&#x27;drag to pan · scroll to zoom&#x27;; vp.appendChild(h);
  }

  window.AV={
    LAYER_DEFS:LAYER_DEFS, groupHasGeo:groupHasGeo, layerPresent:layerPresent,
    applyLayer:applyLayer, buildLayers:buildLayers, initViewport:initViewport,
    addToolbar:addToolbar, ICON_FIT:ICON_FIT, ICON_ZIN:ICON_ZIN, ICON_ZOUT:ICON_ZOUT
  };
})();
&lt;/script&gt;
&lt;script&gt;
var META={&quot;pasteApertures&quot;:8,&quot;pasteDots&quot;:416};
(function(){
  var vp=document.getElementById(&#x27;vp&#x27;);
  var svg=vp.querySelector(&#x27;svg&#x27;);
  var ctl=AV.initViewport(vp);
  AV.addToolbar(vp,ctl);
  AV.buildLayers({ svg:svg, container:document.getElementById(&#x27;layers&#x27;), state:{}, meta:META });
})();
&lt;/script&gt;
&lt;/body&gt;&lt;/html&gt;
" hidden></iframe>
    <iframe id="so8" title="AMS1117 SO-8 footprint" srcdoc="&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;title&gt;AMS1117_SO-8 - adom-footprint&lt;/title&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1&quot;&gt;
&lt;style&gt;
/* ── adom-footprint shared viewer core (CSS) ───────────────────────────────
   Included VERBATIM by both the live app (app.html) and the static embed
   (embed.html) so the canvas, zoom toolbar and layer-panel rows look identical
   and cannot drift. Self-contained literal colours (no dependency on either
   file&#x27;s CSS vars). Class prefix: av- */

.av-vp{position:absolute;inset:0;overflow:hidden;cursor:grab;background:radial-gradient(circle at 50% 42%,#121a26 0%,#0d1117 72%)}
.av-vp.grab{cursor:grabbing}
/* DIRECT child only — the zoom-toolbar button icons (.av-tools svg) also live
   inside .av-vp; without &#x27;&gt;&#x27; they&#x27;d inherit position:absolute and stack at 0,0. */
.av-vp &gt; svg{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;display:block}

/* zoom toolbar */
/* Grouped translucent toolbar (matches adom-symbol&#x27;s .tools): one container, borderless
   buttons that highlight on hover — instead of individually-boxed buttons. */
.av-tools{position:absolute;left:10px;top:10px;display:flex;gap:3px;padding:3px;z-index:5;background:rgba(22,27,34,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #222b38;border-radius:9px}
.av-tools button{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:#cfd8e2;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,color .15s ease}
.av-tools button svg{width:16px;height:16px;display:block}
.av-tools button:hover{background:#222b38;color:#37c8a6}
.av-tools button:focus,.av-tools button:focus-visible{outline:none}
.av-panhint{position:absolute;right:10px;bottom:9px;color:#8b949e;font-size:11px;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none}

/* layer panel rows */
.av-lrow{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;cursor:pointer}
.av-lrow:hover{background:#161c27}
.av-lrow .sw{width:13px;height:13px;border-radius:3px;border:1px solid rgba(255,255,255,.15);flex:0 0 13px}
.av-lrow .sw.ring{background:transparent!important}
.av-lrow .ln{flex:1;font-size:13px}
.av-lrow .meta{font-size:10px;color:#8b949e}
.av-lrow .chk{width:16px;height:16px;border-radius:4px;border:1.5px solid #3a4757;display:grid;place-items:center;color:#0b0f17;font-size:11px}
.av-lrow.on .chk{background:#37c8a6;border-color:#37c8a6}
.av-lrow.off .ln,.av-lrow.off .sw{opacity:.4}
.av-lrow.special{background:linear-gradient(100deg,rgba(55,200,166,.10),transparent);border:1px solid rgba(55,200,166,.25);margin-top:4px}
.av-lrow.special .ln{color:#7ef0d2;font-weight:600}

:root{--bg:#0d1117;--panel:#11161f;--border:#222b38;--text:#e6edf3;--muted:#8b949e;--accent:#37c8a6}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}
body{background:var(--bg);color:var(--text);font-family:&#x27;Satoshi&#x27;,&#x27;Segoe UI&#x27;,system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden}
header{display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--border);flex:0 0 auto}
header .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
header .b{font-weight:700;font-size:14px}header .b span{color:var(--muted);font-weight:400}
header .nm{margin-left:auto;font-weight:600;font-size:13px;color:#cfd8e2}
main{flex:1;display:flex;min-height:0}
.vpwrap{flex:1;position:relative;min-width:0}
aside{flex:0 0 248px;border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}
aside .ah{padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.layers{padding:6px}
.note{font-size:11px;color:var(--muted);line-height:1.45;padding:8px 11px}
.note b{color:#7ef0d2}
&lt;/style&gt;&lt;/head&gt;
&lt;body&gt;
  &lt;header&gt;&lt;span class=&quot;dot&quot;&gt;&lt;/span&gt;&lt;span class=&quot;b&quot;&gt;adom-footprint &lt;span&gt;· interactive&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;nm&quot;&gt;AMS1117_SO-8&lt;/span&gt;&lt;/header&gt;
  &lt;main&gt;
    &lt;div class=&quot;vpwrap&quot;&gt;
      &lt;div class=&quot;av-vp&quot; id=&quot;vp&quot;&gt;
        &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;-4.600 -3.355 9.200 6.710&quot; preserveAspectRatio=&quot;xMidYMid meet&quot;&gt;&lt;g class=&quot;adom-layer-courtyard&quot;&gt;&lt;line x1=&quot;-3.7000&quot; y1=&quot;-2.4600&quot; x2=&quot;-2.2000&quot; y2=&quot;-2.4600&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-3.7000&quot; y1=&quot;2.4600&quot; x2=&quot;-3.7000&quot; y2=&quot;-2.4600&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-2.2000&quot; y1=&quot;-2.7000&quot; x2=&quot;2.2000&quot; y2=&quot;-2.7000&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-2.2000&quot; y1=&quot;-2.4600&quot; x2=&quot;-2.2000&quot; y2=&quot;-2.7000&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-2.2000&quot; y1=&quot;2.4600&quot; x2=&quot;-3.7000&quot; y2=&quot;2.4600&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-2.2000&quot; y1=&quot;2.7000&quot; x2=&quot;-2.2000&quot; y2=&quot;2.4600&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;2.2000&quot; y1=&quot;-2.7000&quot; x2=&quot;2.2000&quot; y2=&quot;-2.4600&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;2.2000&quot; y1=&quot;-2.4600&quot; x2=&quot;3.7000&quot; y2=&quot;-2.4600&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;2.2000&quot; y1=&quot;2.4600&quot; x2=&quot;2.2000&quot; y2=&quot;2.7000&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;2.2000&quot; y1=&quot;2.7000&quot; x2=&quot;-2.2000&quot; y2=&quot;2.7000&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;3.7000&quot; y1=&quot;-2.4600&quot; x2=&quot;3.7000&quot; y2=&quot;2.4600&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;3.7000&quot; y1=&quot;2.4600&quot; x2=&quot;2.2000&quot; y2=&quot;2.4600&quot; stroke=&quot;#FF26E2&quot; stroke-width=&quot;0.050&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-fab&quot;&gt;&lt;polygon points=&quot;-0.9750,-2.4500 1.9500,-2.4500 1.9500,2.4500 -1.9500,2.4500 -1.9500,-1.4750&quot; stroke=&quot;#6e7681&quot; stroke-width=&quot;0.100&quot; fill=&quot;none&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-copper&quot;&gt;&lt;g data-pad=&quot;1&quot; data-shape=&quot;roundrect&quot; data-size=&quot;1.950x0.600&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;-3.450&quot; y=&quot;-2.205&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.150&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;2&quot; data-shape=&quot;roundrect&quot; data-size=&quot;1.950x0.600&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;-3.450&quot; y=&quot;-0.935&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.150&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;3&quot; data-shape=&quot;roundrect&quot; data-size=&quot;1.950x0.600&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;-3.450&quot; y=&quot;0.335&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.150&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;4&quot; data-shape=&quot;roundrect&quot; data-size=&quot;1.950x0.600&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;-3.450&quot; y=&quot;1.605&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.150&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;5&quot; data-shape=&quot;roundrect&quot; data-size=&quot;1.950x0.600&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;1.500&quot; y=&quot;1.605&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.150&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;6&quot; data-shape=&quot;roundrect&quot; data-size=&quot;1.950x0.600&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;1.500&quot; y=&quot;0.335&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.150&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;7&quot; data-shape=&quot;roundrect&quot; data-size=&quot;1.950x0.600&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;1.500&quot; y=&quot;-0.935&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.150&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;g data-pad=&quot;8&quot; data-shape=&quot;roundrect&quot; data-size=&quot;1.950x0.600&quot; data-mount=&quot;smd&quot;&gt;&lt;rect x=&quot;1.500&quot; y=&quot;-2.205&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.150&quot; fill=&quot;#C83434&quot; stroke=&quot;#ef5350&quot; stroke-width=&quot;0.04&quot;/&gt;&lt;/g&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-heatsink&quot;&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-drill&quot;&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-silk&quot;&gt;&lt;line x1=&quot;-2.0600&quot; y1=&quot;-2.5600&quot; x2=&quot;2.0600&quot; y2=&quot;-2.5600&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-2.0600&quot; y1=&quot;-2.4650&quot; x2=&quot;-2.0600&quot; y2=&quot;-2.5600&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;-2.0600&quot; y1=&quot;2.5600&quot; x2=&quot;-2.0600&quot; y2=&quot;2.4650&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;2.0600&quot; y1=&quot;-2.5600&quot; x2=&quot;2.0600&quot; y2=&quot;-2.4650&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;2.0600&quot; y1=&quot;2.4650&quot; x2=&quot;2.0600&quot; y2=&quot;2.5600&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;line x1=&quot;2.0600&quot; y1=&quot;2.5600&quot; x2=&quot;-2.0600&quot; y2=&quot;2.5600&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; stroke-linecap=&quot;round&quot; fill=&quot;none&quot;/&gt;&lt;polygon points=&quot;-2.6000,-2.4700 -2.8400,-2.8000 -2.3600,-2.8000&quot; stroke=&quot;#00cccc&quot; stroke-width=&quot;0.120&quot; fill=&quot;#00cccc&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-padnum&quot;&gt;&lt;text x=&quot;-2.475&quot; y=&quot;-1.905&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.252&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;1&lt;/text&gt;&lt;text x=&quot;-2.475&quot; y=&quot;-0.635&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.252&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;2&lt;/text&gt;&lt;text x=&quot;-2.475&quot; y=&quot;0.635&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.252&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;3&lt;/text&gt;&lt;text x=&quot;-2.475&quot; y=&quot;1.905&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.252&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;4&lt;/text&gt;&lt;text x=&quot;2.475&quot; y=&quot;1.905&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.252&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;5&lt;/text&gt;&lt;text x=&quot;2.475&quot; y=&quot;0.635&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.252&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;6&lt;/text&gt;&lt;text x=&quot;2.475&quot; y=&quot;-0.635&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.252&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;7&lt;/text&gt;&lt;text x=&quot;2.475&quot; y=&quot;-1.905&quot; text-anchor=&quot;middle&quot; dominant-baseline=&quot;central&quot; font-size=&quot;0.252&quot; fill=&quot;#fff&quot; font-family=&quot;sans-serif&quot; style=&quot;pointer-events:none&quot;&gt;8&lt;/text&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-paste-apertures&quot;&gt;&lt;rect x=&quot;-3.450&quot; y=&quot;-2.205&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 -2.475 -1.905)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;-3.450&quot; y=&quot;-0.935&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 -2.475 -0.635)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;-3.450&quot; y=&quot;0.335&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 -2.475 0.635)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;-3.450&quot; y=&quot;1.605&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 -2.475 1.905)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;1.500&quot; y=&quot;1.605&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 2.475 1.905)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;1.500&quot; y=&quot;0.335&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 2.475 0.635)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;1.500&quot; y=&quot;-0.935&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 2.475 -0.635)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;rect x=&quot;1.500&quot; y=&quot;-2.205&quot; width=&quot;1.950&quot; height=&quot;0.600&quot; rx=&quot;0.05&quot; transform=&quot;rotate(0.00 2.475 -1.905)&quot; fill=&quot;none&quot; stroke=&quot;#8aa0b8&quot; stroke-width=&quot;0.03&quot; stroke-dasharray=&quot;0.12 0.08&quot; opacity=&quot;0.7&quot;/&gt;&lt;/g&gt;&lt;g class=&quot;adom-layer-paste-dots&quot;&gt;&lt;circle cx=&quot;-3.225&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.975&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.725&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.475&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.225&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.975&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.725&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.225&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.975&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.725&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.475&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.225&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.975&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.725&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.225&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.975&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.725&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.475&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.225&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.975&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.725&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-3.225&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.975&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.725&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.475&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-2.225&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.975&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;-1.725&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.725&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.975&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.225&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.475&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.725&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.975&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.225&quot; cy=&quot;1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.725&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.975&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.225&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.475&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.725&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.975&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.225&quot; cy=&quot;0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.725&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.975&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.225&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.475&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.725&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.975&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.225&quot; cy=&quot;-0.635&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.725&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;1.975&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.225&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.475&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.725&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;2.975&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;circle cx=&quot;3.225&quot; cy=&quot;-1.905&quot; r=&quot;0.150&quot; fill=&quot;#37c8a6&quot; opacity=&quot;0.92&quot;/&gt;&lt;/g&gt;&lt;/svg&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;aside&gt;
      &lt;div class=&quot;ah&quot;&gt;Layers&lt;/div&gt;
      &lt;div class=&quot;layers&quot; id=&quot;layers&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;note&quot;&gt;The &lt;b&gt;solder paste jet&lt;/b&gt; layer shows the 300µm paste-dispensing dots that travel with the footprint. Off by default — toggle it on.&lt;/div&gt;
    &lt;/aside&gt;
  &lt;/main&gt;
&lt;script&gt;/* ── adom-footprint shared viewer core (window.AV) ─────────────────────────
   Single source of truth for the layer list, toggle behaviour, defaults,
   pan/zoom and toolbar icons. Included VERBATIM by both app.html (live) and
   embed.html (static) so the two viewers cannot drift. Pure client-side; works
   on any SVG that carries the &lt;g class=&quot;adom-layer-*&quot;&gt; groups. */
(function(){
  var ICON_ZIN=&#x27;&lt;svg viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;circle cx=&quot;10.5&quot; cy=&quot;10.5&quot; r=&quot;6.5&quot;/&gt;&lt;path d=&quot;M20 20l-4.5-4.5M10.5 8v5M8 10.5h5&quot;/&gt;&lt;/svg&gt;&#x27;;
  var ICON_ZOUT=&#x27;&lt;svg viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;circle cx=&quot;10.5&quot; cy=&quot;10.5&quot; r=&quot;6.5&quot;/&gt;&lt;path d=&quot;M20 20l-4.5-4.5M8 10.5h5&quot;/&gt;&lt;/svg&gt;&#x27;;
  // Zoom-to-FIT = a magnifier with a small square inside (fit content to view).
  // Deliberately NOT the four-corner expand/&quot;fullscreen&quot; glyph.
  var ICON_FIT=&#x27;&lt;svg viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;circle cx=&quot;10.5&quot; cy=&quot;10.5&quot; r=&quot;6.5&quot;/&gt;&lt;path d=&quot;M20 20l-4.5-4.5&quot;/&gt;&lt;rect x=&quot;7.6&quot; y=&quot;7.6&quot; width=&quot;5.8&quot; height=&quot;5.8&quot; rx=&quot;1.2&quot;/&gt;&lt;/svg&gt;&#x27;;

  // The canonical layer list. Every layer is a &lt;g class=&quot;adom-layer-*&quot;&gt; in the
  // self-rendered SVG, so toggling is group-based (robust) — never colour-match.
  // `kind:&#x27;group&#x27;` on every entry: all layers are toggled by their &lt;g&gt; group
  // (robust), never by colour-match. (app.html still reads def.kind.)
  var LAYER_DEFS=[
    {key:&#x27;copper&#x27;,    name:&#x27;Copper&#x27;,           kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-copper&#x27;,          sw:&#x27;#C83434&#x27;},
    // Auto-generated thermal-via array under the exposed pad — only present (and
    // listed) when the footprint has an exposed thermal pad.
    {key:&#x27;heatsink&#x27;,  name:&#x27;Heatsink vias&#x27;,    kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-heatsink&#x27;,        sw:&#x27;#e8a13a&#x27;},
    {key:&#x27;padnum&#x27;,    name:&#x27;Pad numbers&#x27;,      kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-padnum&#x27;,          sw:&#x27;#ffffff&#x27;, ring:true},
    {key:&#x27;silk&#x27;,      name:&#x27;Silkscreen&#x27;,       kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-silk&#x27;,            sw:&#x27;#00cccc&#x27;},
    {key:&#x27;fab&#x27;,       name:&#x27;Fab (F.Fab)&#x27;,      kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-fab&#x27;,             sw:&#x27;#6e7681&#x27;, ring:true},
    {key:&#x27;courtyard&#x27;, name:&#x27;Courtyard&#x27;,        kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-courtyard&#x27;,       sw:&#x27;#FF26E2&#x27;, ring:true},
    {key:&#x27;drill&#x27;,     name:&#x27;Drill&#x27;,            kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-drill&#x27;,           sw:&#x27;#888888&#x27;, ring:true},
    {key:&#x27;paste-ap&#x27;,  name:&#x27;Paste apertures&#x27;,  kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-paste-apertures&#x27;, sw:&#x27;#8aa0b8&#x27;, ring:true},
    // Generic name — the 300µm solder-paste dispensing dots. Off by default.
    {key:&#x27;paste-dots&#x27;,name:&#x27;Solder paste jet&#x27;, kind:&#x27;group&#x27;, sel:&#x27;.adom-layer-paste-dots&#x27;,      sw:&#x27;#37c8a6&#x27;, special:true},
  ];

  // True only if the group actually holds drawn geometry (not an empty &lt;g&gt;) — so
  // layers with nothing in THIS footprint aren&#x27;t listed as dead, dim rows.
  function groupHasGeo(svg,def){
    if(!svg) return false; var n=0,g=svg.querySelectorAll(def.sel);
    for(var i=0;i&lt;g.length;i++){ n+=g[i].querySelectorAll(&#x27;path,rect,circle,line,polygon,polyline,text&#x27;).length; }
    return n&gt;0;
  }
  function layerPresent(svg,def){ return groupHasGeo(svg,def); }
  function applyLayer(svg,def,on){
    if(!svg) return; var g=svg.querySelectorAll(def.sel);
    for(var i=0;i&lt;g.length;i++) g[i].style.display=on?&#x27;&#x27;:&#x27;none&#x27;;
  }

  // Build layer rows into a container. opts:
  //   svg, container, state {key:bool}, meta {pasteDots,pasteApertures},
  //   onToggle(key,on). Missing state key -&gt; special OFF, others ON. Skips empty
  //   non-special groups. Returns the keys actually shown.
  function buildLayers(opts){
    var svg=opts.svg, box=opts.container, state=opts.state||{}, meta=opts.meta||{}, shown=[];
    box.innerHTML=&#x27;&#x27;;
    LAYER_DEFS.forEach(function(def){
      if(!def.special &amp;&amp; !groupHasGeo(svg,def)) return;
      var on = def.special ? (state[def.key]===true) : (state[def.key]!==false);
      var m = def.key===&#x27;paste-dots&#x27; ? ((meta.pasteDots||0)+&#x27; @ 300µm&#x27;)
            : def.key===&#x27;paste-ap&#x27;   ? ((meta.pasteApertures||0)+&#x27; openings&#x27;) : &#x27;&#x27;;
      var row=document.createElement(&#x27;div&#x27;);
      row.className=&#x27;av-lrow &#x27;+(on?&#x27;on&#x27;:&#x27;off&#x27;)+(def.special?&#x27; special&#x27;:&#x27;&#x27;);
      row.innerHTML=&#x27;&lt;span class=&quot;sw&#x27;+(def.ring?&#x27; ring&#x27;:&#x27;&#x27;)+&#x27;&quot; style=&quot;&#x27;+(def.ring?(&#x27;border-color:&#x27;+def.sw):(&#x27;background:&#x27;+def.sw))+&#x27;&quot;&gt;&lt;/span&gt;&#x27;
        +&#x27;&lt;span class=&quot;ln&quot;&gt;&#x27;+def.name+&#x27;&lt;/span&gt;&#x27;+(m?&#x27;&lt;span class=&quot;meta&quot;&gt;&#x27;+m+&#x27;&lt;/span&gt;&#x27;:&#x27;&#x27;)
        +&#x27;&lt;span class=&quot;chk&quot;&gt;&#x27;+(on?&#x27;✓&#x27;:&#x27;&#x27;)+&#x27;&lt;/span&gt;&#x27;;
      row.onclick=function(){
        var nv=!row.classList.contains(&#x27;on&#x27;);
        row.classList.toggle(&#x27;on&#x27;,nv); row.classList.toggle(&#x27;off&#x27;,!nv);
        row.querySelector(&#x27;.chk&#x27;).textContent=nv?&#x27;✓&#x27;:&#x27;&#x27;;
        state[def.key]=nv; applyLayer(svg,def,nv);
        if(opts.onToggle) opts.onToggle(def.key,nv);
      };
      box.appendChild(row); applyLayer(svg,def,on); shown.push(def.key);
    });
    return shown;
  }

  // Wire pan + zoom on a viewport element (the box that contains the &lt;svg&gt;).
  // Returns a controller {fit, zoomIn, zoomOut, apply}.
  function initViewport(vp){
    var svg=vp.querySelector(&#x27;svg&#x27;);
    if(svg){ svg.removeAttribute(&#x27;width&#x27;); svg.removeAttribute(&#x27;height&#x27;); }
    var s=1,tx=0,ty=0;
    function apply(){ var el=vp.querySelector(&#x27;svg&#x27;); if(el) el.style.transform=&#x27;translate(&#x27;+tx+&#x27;px,&#x27;+ty+&#x27;px) scale(&#x27;+s+&#x27;)&#x27;; }
    function zoomAt(cx,cy,f){ tx=cx-(cx-tx)*f; ty=cy-(cy-ty)*f; s*=f; apply(); }
    function fit(){ s=1;tx=0;ty=0;apply(); }
    // Smooth, delta-PROPORTIONAL zoom (matches adom-symbol). A fixed per-event
    // factor makes the trackpad leap — one gentle two-finger nudge fires a burst
    // of tiny wheel events and a fixed 1.12× compounds. Instead derive the factor
    // from how much actually scrolled (exp → smooth + reversible), normalise
    // device units, and clamp one event so a chunky mouse notch can&#x27;t jump.
    var ZOOM_K=0.0022; // sensitivity: lower = gentler
    vp.addEventListener(&#x27;wheel&#x27;,function(e){
      e.preventDefault();
      var d=e.deltaY;
      if(e.deltaMode===1) d*=16; else if(e.deltaMode===2) d*=vp.clientHeight;
      d=Math.max(-50,Math.min(50,d));
      var r=vp.getBoundingClientRect();
      zoomAt(e.clientX-r.left,e.clientY-r.top,Math.exp(-d*ZOOM_K));
    },{passive:false});
    var drag=false,lx=0,ly=0;
    vp.addEventListener(&#x27;pointerdown&#x27;,function(e){ if(e.target.closest(&#x27;.av-tools&#x27;))return; drag=true;lx=e.clientX;ly=e.clientY;vp.classList.add(&#x27;grab&#x27;);vp.setPointerCapture(e.pointerId); });
    vp.addEventListener(&#x27;pointermove&#x27;,function(e){ if(!drag)return; tx+=e.clientX-lx;ty+=e.clientY-ly;lx=e.clientX;ly=e.clientY;apply(); });
    vp.addEventListener(&#x27;pointerup&#x27;,function(){ drag=false;vp.classList.remove(&#x27;grab&#x27;); });
    fit();
    return {
      fit:fit,
      zoomIn:function(){ var r=vp.getBoundingClientRect(); zoomAt(r.width/2,r.height/2,1.2); },
      zoomOut:function(){ var r=vp.getBoundingClientRect(); zoomAt(r.width/2,r.height/2,1/1.2); },
      apply:apply
    };
  }

  // Inject the standard zoom toolbar (+ / − / fit) + pan hint into a viewport,
  // wired to a controller from initViewport. Idempotent.
  function addToolbar(vp,ctl){
    if(vp.querySelector(&#x27;.av-tools&#x27;)) return;
    var t=document.createElement(&#x27;div&#x27;); t.className=&#x27;av-tools&#x27;;
    t.innerHTML=&#x27;&lt;button data-z=&quot;in&quot; title=&quot;Zoom in&quot;&gt;&#x27;+ICON_ZIN+&#x27;&lt;/button&gt;&#x27;
      +&#x27;&lt;button data-z=&quot;out&quot; title=&quot;Zoom out&quot;&gt;&#x27;+ICON_ZOUT+&#x27;&lt;/button&gt;&#x27;
      +&#x27;&lt;button data-z=&quot;fit&quot; title=&quot;Zoom to fit&quot;&gt;&#x27;+ICON_FIT+&#x27;&lt;/button&gt;&#x27;;
    vp.appendChild(t);
    t.querySelector(&#x27;[data-z=&quot;in&quot;]&#x27;).onclick=ctl.zoomIn;
    t.querySelector(&#x27;[data-z=&quot;out&quot;]&#x27;).onclick=ctl.zoomOut;
    t.querySelector(&#x27;[data-z=&quot;fit&quot;]&#x27;).onclick=ctl.fit;
    var h=document.createElement(&#x27;div&#x27;); h.className=&#x27;av-panhint&#x27;; h.textContent=&#x27;drag to pan · scroll to zoom&#x27;; vp.appendChild(h);
  }

  window.AV={
    LAYER_DEFS:LAYER_DEFS, groupHasGeo:groupHasGeo, layerPresent:layerPresent,
    applyLayer:applyLayer, buildLayers:buildLayers, initViewport:initViewport,
    addToolbar:addToolbar, ICON_FIT:ICON_FIT, ICON_ZIN:ICON_ZIN, ICON_ZOUT:ICON_ZOUT
  };
})();
&lt;/script&gt;
&lt;script&gt;
var META={&quot;pasteApertures&quot;:8,&quot;pasteDots&quot;:56};
(function(){
  var vp=document.getElementById(&#x27;vp&#x27;);
  var svg=vp.querySelector(&#x27;svg&#x27;);
  var ctl=AV.initViewport(vp);
  AV.addToolbar(vp,ctl);
  AV.buildLayers({ svg:svg, container:document.getElementById(&#x27;layers&#x27;), state:{}, meta:META });
})();
&lt;/script&gt;
&lt;/body&gt;&lt;/html&gt;
" hidden></iframe>
  </div>
  <div class="switch" role="tablist" aria-label="Footprint variant">
    <button role="tab" data-t="sot223" aria-selected="true">SOT-223</button>
    <button role="tab" data-t="to252" aria-selected="false">TO-252</button>
    <button role="tab" data-t="so8" aria-selected="false">SO-8</button>
  </div>
</div>
<script>
var B=document.querySelectorAll('.switch button');
var F={sot223:document.getElementById('sot223'),to252:document.getElementById('to252'),so8:document.getElementById('so8')};
B.forEach(function(b){b.addEventListener('click',function(){
  var t=b.getAttribute('data-t');
  B.forEach(function(x){x.setAttribute('aria-selected', x===b?'true':'false');});
  for(var k in F){ if(k===t) F[k].removeAttribute('hidden'); else F[k].setAttribute('hidden',''); }
});});
</script></body></html>