hardware
SuperSpeed USB 3.1 to 10/100/1000 Ethernet Controller - LAN7800
Public Made by Adomby adom
Microchip LAN7800 — single-chip SuperSpeed USB 3.1 Gen 1 to 10/100/1000 Gigabit Ethernet controller with integrated USB device controller + PHY, Ethernet MAC, and Gigabit PHY. QFN-48 in 7x7 mm (Y9X) and 6x6 mm (VSX).
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
<!doctype html><html><head><meta charset="utf-8">
<title>QFN-48 6x6mm - adom-footprint</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
/* ── 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'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 '>' they'd inherit position:absolute and stack at 0,0. */
.av-vp > 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'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:'Satoshi','Segoe UI',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}
</style></head>
<body>
<header><span class="dot"></span><span class="b">adom-footprint <span>· interactive</span></span><span class="nm">QFN-48 6x6mm</span></header>
<main>
<div class="vpwrap">
<div class="av-vp" id="vp">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-4.350 -4.350 8.700 8.700" preserveAspectRatio="xMidYMid meet"><g class="adom-layer-courtyard"></g><g class="adom-layer-fab"></g><g class="adom-layer-copper"><g data-pad="1" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="-3.350" y="-2.300" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="-3.350" y="-1.900" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="3" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="-3.350" y="-1.500" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="4" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="-3.350" y="-1.100" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="5" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="-3.350" y="-0.700" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="6" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="-3.350" y="-0.300" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="7" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="-3.350" y="0.100" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="8" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="-3.350" y="0.500" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="9" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="-3.350" y="0.900" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="10" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="-3.350" y="1.300" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="11" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="-3.350" y="1.700" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="12" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="-3.350" y="2.100" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="13" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="-2.300" y="2.550" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="14" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="-1.900" y="2.550" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="15" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="-1.500" y="2.550" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="16" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="-1.100" y="2.550" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="17" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="-0.700" y="2.550" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="18" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="-0.300" y="2.550" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="19" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="0.100" y="2.550" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="20" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="0.500" y="2.550" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="21" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="0.900" y="2.550" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="22" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="1.300" y="2.550" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="23" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="1.700" y="2.550" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="24" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="2.100" y="2.550" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="25" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="2.550" y="2.100" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="26" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="2.550" y="1.700" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="27" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="2.550" y="1.300" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="28" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="2.550" y="0.900" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="29" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="2.550" y="0.500" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="30" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="2.550" y="0.100" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="31" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="2.550" y="-0.300" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="32" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="2.550" y="-0.700" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="33" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="2.550" y="-1.100" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="34" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="2.550" y="-1.500" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="35" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="2.550" y="-1.900" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="36" data-shape="roundrect" data-size="0.800x0.200" data-mount="smd"><rect x="2.550" y="-2.300" width="0.800" height="0.200" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="37" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="2.100" y="-3.350" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="38" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="1.700" y="-3.350" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="39" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="1.300" y="-3.350" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="40" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="0.900" y="-3.350" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="41" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="0.500" y="-3.350" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="42" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="0.100" y="-3.350" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="43" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="-0.300" y="-3.350" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="44" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="-0.700" y="-3.350" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="45" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="-1.100" y="-3.350" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="46" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="-1.500" y="-3.350" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="47" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="-1.900" y="-3.350" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="48" data-shape="roundrect" data-size="0.200x0.800" data-mount="smd"><rect x="-2.300" y="-3.350" width="0.200" height="0.800" rx="0.050" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="49" data-shape="rect" data-size="4.300x4.300" data-mount="smd"><rect x="-2.150" y="-2.150" width="4.300" height="4.300" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g></g><g class="adom-layer-heatsink"><circle cx="-1.200" cy="-1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="-1.200" cy="-1.200" r="0.15" fill="#0d1117"/><circle cx="0.000" cy="-1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="0.000" cy="-1.200" r="0.15" fill="#0d1117"/><circle cx="1.200" cy="-1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="1.200" cy="-1.200" r="0.15" fill="#0d1117"/><circle cx="-1.200" cy="0.000" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="-1.200" cy="0.000" r="0.15" fill="#0d1117"/><circle cx="0.000" cy="0.000" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="0.000" cy="0.000" r="0.15" fill="#0d1117"/><circle cx="1.200" cy="0.000" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="1.200" cy="0.000" r="0.15" fill="#0d1117"/><circle cx="-1.200" cy="1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="-1.200" cy="1.200" r="0.15" fill="#0d1117"/><circle cx="0.000" cy="1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="0.000" cy="1.200" r="0.15" fill="#0d1117"/><circle cx="1.200" cy="1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="1.200" cy="1.200" r="0.15" fill="#0d1117"/></g><g class="adom-layer-drill"></g><g class="adom-layer-silk"></g><g class="adom-layer-padnum"><text x="0.000" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="1.806" fill="#fff" font-family="sans-serif" style="pointer-events:none">49</text></g><g class="adom-layer-paste-apertures"><rect x="-2.010" y="-2.010" width="1.160" height="1.160" rx="0.05" transform="rotate(0.00 -1.430 -1.430)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-2.010" y="-0.580" width="1.160" height="1.160" rx="0.05" transform="rotate(0.00 -1.430 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-2.010" y="0.850" width="1.160" height="1.160" rx="0.05" transform="rotate(0.00 -1.430 1.430)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-0.580" y="-2.010" width="1.160" height="1.160" rx="0.05" transform="rotate(0.00 0.000 -1.430)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-0.580" y="-0.580" width="1.160" height="1.160" rx="0.05" transform="rotate(0.00 0.000 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-0.580" y="0.850" width="1.160" height="1.160" rx="0.05" transform="rotate(0.00 0.000 1.430)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="0.850" y="-2.010" width="1.160" height="1.160" rx="0.05" transform="rotate(0.00 1.430 -1.430)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="0.850" y="-0.580" width="1.160" height="1.160" rx="0.05" transform="rotate(0.00 1.430 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="0.850" y="0.850" width="1.160" height="1.160" rx="0.05" transform="rotate(0.00 1.430 1.430)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.350" y="-2.300" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 -2.950 -2.200)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.350" y="-1.900" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 -2.950 -1.800)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.350" y="-1.500" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 -2.950 -1.400)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.350" y="-1.100" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 -2.950 -1.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.350" y="-0.700" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 -2.950 -0.600)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.350" y="-0.300" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 -2.950 -0.200)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.350" y="0.100" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 -2.950 0.200)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.350" y="0.500" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 -2.950 0.600)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.350" y="0.900" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 -2.950 1.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.350" y="1.300" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 -2.950 1.400)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.350" y="1.700" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 -2.950 1.800)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.350" y="2.100" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 -2.950 2.200)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-2.300" y="2.550" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 -2.200 2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-1.900" y="2.550" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 -1.800 2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-1.500" y="2.550" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 -1.400 2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-1.100" y="2.550" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 -1.000 2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-0.700" y="2.550" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 -0.600 2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-0.300" y="2.550" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 -0.200 2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="0.100" y="2.550" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 0.200 2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="0.500" y="2.550" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 0.600 2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="0.900" y="2.550" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 1.000 2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.300" y="2.550" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 1.400 2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.700" y="2.550" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 1.800 2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.100" y="2.550" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 2.200 2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.550" y="2.100" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 2.950 2.200)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.550" y="1.700" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 2.950 1.800)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.550" y="1.300" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 2.950 1.400)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.550" y="0.900" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 2.950 1.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.550" y="0.500" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 2.950 0.600)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.550" y="0.100" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 2.950 0.200)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.550" y="-0.300" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 2.950 -0.200)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.550" y="-0.700" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 2.950 -0.600)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.550" y="-1.100" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 2.950 -1.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.550" y="-1.500" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 2.950 -1.400)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.550" y="-1.900" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 2.950 -1.800)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.550" y="-2.300" width="0.800" height="0.200" rx="0.05" transform="rotate(0.00 2.950 -2.200)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.100" y="-3.350" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 2.200 -2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.700" y="-3.350" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 1.800 -2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.300" y="-3.350" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 1.400 -2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="0.900" y="-3.350" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 1.000 -2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="0.500" y="-3.350" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 0.600 -2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="0.100" y="-3.350" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 0.200 -2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-0.300" y="-3.350" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 -0.200 -2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-0.700" y="-3.350" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 -0.600 -2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-1.100" y="-3.350" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 -1.000 -2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-1.500" y="-3.350" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 -1.400 -2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-1.900" y="-3.350" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 -1.800 -2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-2.300" y="-3.350" width="0.200" height="0.800" rx="0.05" transform="rotate(0.00 -2.200 -2.950)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-2.150" y="-2.150" width="4.300" height="4.300" rx="0.05" transform="rotate(0.00 0.000 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/></g><g class="adom-layer-paste-dots"><circle cx="-1.680" cy="-1.680" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.680" cy="1.680" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.680" cy="-1.680" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.680" cy="1.680" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.075" cy="-2.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.825" cy="-2.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.075" cy="-1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.825" cy="-1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.075" cy="-1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.825" cy="-1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.075" cy="-1.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.825" cy="-1.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.075" cy="-0.600" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.825" cy="-0.600" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.075" cy="-0.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.825" cy="-0.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.075" cy="0.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.825" cy="0.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.075" cy="0.600" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.825" cy="0.600" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.075" cy="1.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.825" cy="1.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.075" cy="1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.825" cy="1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.075" cy="1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.825" cy="1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.075" cy="2.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.825" cy="2.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.200" cy="2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.200" cy="3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.800" cy="2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.800" cy="3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.400" cy="2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.400" cy="3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.000" cy="2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.000" cy="3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.600" cy="2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.600" cy="3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.200" cy="2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.200" cy="3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.200" cy="2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.200" cy="3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.600" cy="2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.600" cy="3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.000" cy="2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.000" cy="3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.400" cy="2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.400" cy="3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.800" cy="2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.800" cy="3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.200" cy="2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.200" cy="3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.825" cy="2.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.075" cy="2.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.825" cy="1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.075" cy="1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.825" cy="1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.075" cy="1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.825" cy="1.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.075" cy="1.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.825" cy="0.600" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.075" cy="0.600" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.825" cy="0.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.075" cy="0.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.825" cy="-0.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.075" cy="-0.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.825" cy="-0.600" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.075" cy="-0.600" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.825" cy="-1.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.075" cy="-1.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.825" cy="-1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.075" cy="-1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.825" cy="-1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.075" cy="-1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.825" cy="-2.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.075" cy="-2.200" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.200" cy="-3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.200" cy="-2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.800" cy="-3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.800" cy="-2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.400" cy="-3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.400" cy="-2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.000" cy="-3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.000" cy="-2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.600" cy="-3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.600" cy="-2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.200" cy="-3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.200" cy="-2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.200" cy="-3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.200" cy="-2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.600" cy="-3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.600" cy="-2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.000" cy="-3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.000" cy="-2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.400" cy="-3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.400" cy="-2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.800" cy="-3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.800" cy="-2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.200" cy="-3.075" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.200" cy="-2.825" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.875" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.625" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.625" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.625" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.625" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.625" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.625" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.625" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.625" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.375" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.375" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.375" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.375" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.125" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.125" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.125" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.125" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.875" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.875" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.875" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.875" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.625" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.375" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.375" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.375" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.375" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.375" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.375" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.125" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.125" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.125" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.125" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.125" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.125" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.125" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.125" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.375" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.375" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.375" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.375" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.375" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.375" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.625" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.875" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.875" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.875" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.875" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.125" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.125" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.125" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.125" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.375" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.375" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.375" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.375" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.625" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.625" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.625" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.625" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.625" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.625" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.625" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.625" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.875" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/></g></svg>
</div>
</div>
<aside>
<div class="ah">Layers</div>
<div class="layers" id="layers"></div>
<div class="note">The <b>solder paste jet</b> layer shows the 300µm paste-dispensing dots that travel with the footprint. Off by default — toggle it on.</div>
</aside>
</main>
<script>/* ── 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 <g class="adom-layer-*"> groups. */
(function(){
var ICON_ZIN='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M20 20l-4.5-4.5M10.5 8v5M8 10.5h5"/></svg>';
var ICON_ZOUT='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M20 20l-4.5-4.5M8 10.5h5"/></svg>';
// Zoom-to-FIT = a magnifier with a small square inside (fit content to view).
// Deliberately NOT the four-corner expand/"fullscreen" glyph.
var ICON_FIT='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M20 20l-4.5-4.5"/><rect x="7.6" y="7.6" width="5.8" height="5.8" rx="1.2"/></svg>';
// The canonical layer list. Every layer is a <g class="adom-layer-*"> in the
// self-rendered SVG, so toggling is group-based (robust) — never colour-match.
// `kind:'group'` on every entry: all layers are toggled by their <g> group
// (robust), never by colour-match. (app.html still reads def.kind.)
var LAYER_DEFS=[
{key:'copper', name:'Copper', kind:'group', sel:'.adom-layer-copper', sw:'#C83434'},
// Auto-generated thermal-via array under the exposed pad — only present (and
// listed) when the footprint has an exposed thermal pad.
{key:'heatsink', name:'Heatsink vias', kind:'group', sel:'.adom-layer-heatsink', sw:'#e8a13a'},
{key:'padnum', name:'Pad numbers', kind:'group', sel:'.adom-layer-padnum', sw:'#ffffff', ring:true},
{key:'silk', name:'Silkscreen', kind:'group', sel:'.adom-layer-silk', sw:'#00cccc'},
{key:'fab', name:'Fab (F.Fab)', kind:'group', sel:'.adom-layer-fab', sw:'#6e7681', ring:true},
{key:'courtyard', name:'Courtyard', kind:'group', sel:'.adom-layer-courtyard', sw:'#FF26E2', ring:true},
{key:'drill', name:'Drill', kind:'group', sel:'.adom-layer-drill', sw:'#888888', ring:true},
{key:'paste-ap', name:'Paste apertures', kind:'group', sel:'.adom-layer-paste-apertures', sw:'#8aa0b8', ring:true},
// Generic name — the 300µm solder-paste dispensing dots. Off by default.
{key:'paste-dots',name:'Solder paste jet', kind:'group', sel:'.adom-layer-paste-dots', sw:'#37c8a6', special:true},
];
// True only if the group actually holds drawn geometry (not an empty <g>) — so
// layers with nothing in THIS footprint aren'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<g.length;i++){ n+=g[i].querySelectorAll('path,rect,circle,line,polygon,polyline,text').length; }
return n>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<g.length;i++) g[i].style.display=on?'':'none';
}
// Build layer rows into a container. opts:
// svg, container, state {key:bool}, meta {pasteDots,pasteApertures},
// onToggle(key,on). Missing state key -> 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='';
LAYER_DEFS.forEach(function(def){
if(!def.special && !groupHasGeo(svg,def)) return;
var on = def.special ? (state[def.key]===true) : (state[def.key]!==false);
var m = def.key==='paste-dots' ? ((meta.pasteDots||0)+' @ 300µm')
: def.key==='paste-ap' ? ((meta.pasteApertures||0)+' openings') : '';
var row=document.createElement('div');
row.className='av-lrow '+(on?'on':'off')+(def.special?' special':'');
row.innerHTML='<span class="sw'+(def.ring?' ring':'')+'" style="'+(def.ring?('border-color:'+def.sw):('background:'+def.sw))+'"></span>'
+'<span class="ln">'+def.name+'</span>'+(m?'<span class="meta">'+m+'</span>':'')
+'<span class="chk">'+(on?'✓':'')+'</span>';
row.onclick=function(){
var nv=!row.classList.contains('on');
row.classList.toggle('on',nv); row.classList.toggle('off',!nv);
row.querySelector('.chk').textContent=nv?'✓':'';
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 <svg>).
// Returns a controller {fit, zoomIn, zoomOut, apply}.
function initViewport(vp){
var svg=vp.querySelector('svg');
if(svg){ svg.removeAttribute('width'); svg.removeAttribute('height'); }
var s=1,tx=0,ty=0;
function apply(){ var el=vp.querySelector('svg'); if(el) el.style.transform='translate('+tx+'px,'+ty+'px) scale('+s+')'; }
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't jump.
var ZOOM_K=0.0022; // sensitivity: lower = gentler
vp.addEventListener('wheel',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('pointerdown',function(e){ if(e.target.closest('.av-tools'))return; drag=true;lx=e.clientX;ly=e.clientY;vp.classList.add('grab');vp.setPointerCapture(e.pointerId); });
vp.addEventListener('pointermove',function(e){ if(!drag)return; tx+=e.clientX-lx;ty+=e.clientY-ly;lx=e.clientX;ly=e.clientY;apply(); });
vp.addEventListener('pointerup',function(){ drag=false;vp.classList.remove('grab'); });
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('.av-tools')) return;
var t=document.createElement('div'); t.className='av-tools';
t.innerHTML='<button data-z="in" title="Zoom in">'+ICON_ZIN+'</button>'
+'<button data-z="out" title="Zoom out">'+ICON_ZOUT+'</button>'
+'<button data-z="fit" title="Zoom to fit">'+ICON_FIT+'</button>';
vp.appendChild(t);
t.querySelector('[data-z="in"]').onclick=ctl.zoomIn;
t.querySelector('[data-z="out"]').onclick=ctl.zoomOut;
t.querySelector('[data-z="fit"]').onclick=ctl.fit;
var h=document.createElement('div'); h.className='av-panhint'; h.textContent='drag to pan · scroll to zoom'; 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
};
})();
</script>
<script>
var META={"pasteApertures":58,"pasteDots":224};
(function(){
var vp=document.getElementById('vp');
var svg=vp.querySelector('svg');
var ctl=AV.initViewport(vp);
AV.addToolbar(vp,ctl);
AV.buildLayers({ svg:svg, container:document.getElementById('layers'), state:{}, meta:META });
})();
</script>
</body></html>