From 2b88b9fa8cd41b461eba1929c17120f8053b635a Mon Sep 17 00:00:00 2001
From: Catalin Constantin Mititiuc <webdevcat@proton.me>
Date: Mon, 16 Jun 2025 22:41:33 -0700
Subject: [PATCH] Clean up

---
 public/assets/images/pointer-events-test.svg | 1922 ++++--------------
 1 file changed, 404 insertions(+), 1518 deletions(-)

diff --git a/public/assets/images/pointer-events-test.svg b/public/assets/images/pointer-events-test.svg
index fd6c821..a75e115 100644
--- a/public/assets/images/pointer-events-test.svg
+++ b/public/assets/images/pointer-events-test.svg
@@ -1,22 +1,12 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
    viewBox="-5 -10 110 120"
-   width="100%"
    version="1.1"
    id="svg1"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1">
-    <rect
-       id="rect1"
-       width="10"
-       height="10"
-       x="-5"
-       y="-5" />
+   xmlns="http://www.w3.org/2000/svg">
+  <defs id="defs1">
+    <rect id="rect1" width="10" height="10" x="-5" y="-5" />
   </defs>
   <style>
     rect {
@@ -37,1513 +27,410 @@
     g circle {
       fill: crimson;
     }
-    /*g:hover circle {*/
-    /*  transform: scale(3);*/
-    /*}*/
     g#out circle {
-      fill: orange;
+      fill: deepskyblue;
       transform: scale(3);
     }
   </style>
-  <g
-     id="use2"
-     style="display:inline"
-     transform="translate(5,5)">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use103" />
-    <circle
-       id="circle103"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use3"
-     transform="translate(5,15)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use102" />
-    <circle
-       id="circle102"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use4"
-     transform="translate(5,25)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use201" />
-    <circle
-       id="circle201"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use5"
-     transform="translate(5,35)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use200" />
-    <circle
-       id="circle200"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use6"
-     transform="translate(5,45)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use199" />
-    <circle
-       id="circle199"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use7"
-     transform="translate(5,55)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use198" />
-    <circle
-       id="circle198"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use8"
-     transform="translate(5,65)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use197" />
-    <circle
-       id="circle197"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use9"
-     transform="translate(5,75)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use196" />
-    <circle
-       id="circle196"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use10"
-     transform="translate(5,85)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use195" />
-    <circle
-       id="circle195"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use11"
-     transform="translate(5,95)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use194" />
-    <circle
-       id="circle194"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use12"
-     transform="translate(15,5)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use193" />
-    <circle
-       id="circle193"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use13"
-     transform="translate(15,15)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use192" />
-    <circle
-       id="circle192"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use14"
-     transform="translate(15,25)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use191" />
-    <circle
-       id="circle191"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use15"
-     transform="translate(15,35)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use190" />
-    <circle
-       id="circle190"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use16"
-     transform="translate(15,45)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use189" />
-    <circle
-       id="circle189"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use17"
-     transform="translate(15,55)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use188" />
-    <circle
-       id="circle188"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use18"
-     transform="translate(15,65)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use187" />
-    <circle
-       id="circle187"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use19"
-     transform="translate(15,75)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use186" />
-    <circle
-       id="circle186"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use20"
-     transform="translate(15,85)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use185" />
-    <circle
-       id="circle185"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use21"
-     transform="translate(15,95)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use184" />
-    <circle
-       id="circle184"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use22"
-     transform="translate(25,5)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use183" />
-    <circle
-       id="circle183"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use23"
-     transform="translate(25,15)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use182" />
-    <circle
-       id="circle182"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use24"
-     transform="translate(25,25)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use181" />
-    <circle
-       id="circle181"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use25"
-     transform="translate(25,35)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use180" />
-    <circle
-       id="circle180"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use26"
-     transform="translate(25,45)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use179" />
-    <circle
-       id="circle179"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use27"
-     transform="translate(25,55)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use178" />
-    <circle
-       id="circle178"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use28"
-     transform="translate(25,65)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use177" />
-    <circle
-       id="circle177"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use29"
-     transform="translate(25,75)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use176" />
-    <circle
-       id="circle176"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use30"
-     transform="translate(25,85)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use175" />
-    <circle
-       id="circle175"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use31"
-     transform="translate(25,95)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use174" />
-    <circle
-       id="circle174"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use32"
-     transform="translate(35,5)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use173" />
-    <circle
-       id="circle173"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use33"
-     transform="translate(35,15)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use172" />
-    <circle
-       id="circle172"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use34"
-     transform="translate(35,25)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use171" />
-    <circle
-       id="circle171"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use35"
-     transform="translate(35,35)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use170" />
-    <circle
-       id="circle170"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use36"
-     transform="translate(35,45)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use169" />
-    <circle
-       id="circle169"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use37"
-     transform="translate(35,55)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use168" />
-    <circle
-       id="circle168"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use38"
-     transform="translate(35,65)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use167" />
-    <circle
-       id="circle167"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use39"
-     transform="translate(35,75)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use166" />
-    <circle
-       id="circle166"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use40"
-     transform="translate(35,85)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use165" />
-    <circle
-       id="circle165"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use41"
-     transform="translate(35,95)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use164" />
-    <circle
-       id="circle164"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use42"
-     transform="translate(45,5)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use163" />
-    <circle
-       id="circle163"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use43"
-     transform="translate(45,15)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use162" />
-    <circle
-       id="circle162"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use44"
-     transform="translate(45,25)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use161" />
-    <circle
-       id="circle161"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use45"
-     transform="translate(45,35)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use160" />
-    <circle
-       id="circle160"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use46"
-     transform="translate(45,45)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use159" />
-    <circle
-       id="circle159"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use47"
-     transform="translate(45,55)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use158" />
-    <circle
-       id="circle158"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use48"
-     transform="translate(45,65)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use157" />
-    <circle
-       id="circle157"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use49"
-     transform="translate(45,75)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use156" />
-    <circle
-       id="circle156"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use50"
-     transform="translate(45,85)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use155" />
-    <circle
-       id="circle155"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use51"
-     transform="translate(45,95)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use154" />
-    <circle
-       id="circle154"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use52"
-     transform="translate(55,5)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use153" />
-    <circle
-       id="circle153"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use53"
-     transform="translate(55,15)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use152" />
-    <circle
-       id="circle152"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use54"
-     transform="translate(55,25)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use151" />
-    <circle
-       id="circle151"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use55"
-     transform="translate(55,35)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use150" />
-    <circle
-       id="circle150"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use56"
-     transform="translate(55,45)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use149" />
-    <circle
-       id="circle149"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use57"
-     transform="translate(55,55)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use148" />
-    <circle
-       id="circle148"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use58"
-     transform="translate(55,65)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use147" />
-    <circle
-       id="circle147"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use59"
-     transform="translate(55,75)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use146" />
-    <circle
-       id="circle146"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use60"
-     transform="translate(55,85)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use145" />
-    <circle
-       id="circle145"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use61"
-     transform="translate(55,95)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use144" />
-    <circle
-       id="circle144"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use62"
-     transform="translate(65,5)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use143" />
-    <circle
-       id="circle143"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use63"
-     transform="translate(65,15)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use142" />
-    <circle
-       id="circle142"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use64"
-     transform="translate(65,25)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use141" />
-    <circle
-       id="circle141"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use65"
-     transform="translate(65,35)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use140" />
-    <circle
-       id="circle140"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use66"
-     transform="translate(65,45)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use139" />
-    <circle
-       id="circle139"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use67"
-     transform="translate(65,55)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use138" />
-    <circle
-       id="circle138"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use68"
-     transform="translate(65,65)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use137" />
-    <circle
-       id="circle137"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use69"
-     transform="translate(65,75)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use136" />
-    <circle
-       id="circle136"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use70"
-     transform="translate(65,85)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use135" />
-    <circle
-       id="circle135"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use71"
-     transform="translate(65,95)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use134" />
-    <circle
-       id="circle134"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use72"
-     transform="translate(75,5)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use133" />
-    <circle
-       id="circle133"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use73"
-     transform="translate(75,15)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use132" />
-    <circle
-       id="circle132"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use74"
-     transform="translate(75,25)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use131" />
-    <circle
-       id="circle131"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use75"
-     transform="translate(75,35)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use130" />
-    <circle
-       id="circle130"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use76"
-     transform="translate(75,45)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use129" />
-    <circle
-       id="circle129"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use77"
-     transform="translate(75,55)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use128" />
-    <circle
-       id="circle128"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use78"
-     transform="translate(75,65)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use127" />
-    <circle
-       id="circle127"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use79"
-     transform="translate(75,75)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use126" />
-    <circle
-       id="circle126"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use80"
-     transform="translate(75,85)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use125" />
-    <circle
-       id="circle125"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use81"
-     transform="translate(75,95)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use124" />
-    <circle
-       id="circle124"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use82"
-     transform="translate(85,5)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use123" />
-    <circle
-       id="circle123"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use83"
-     transform="translate(85,15)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use122" />
-    <circle
-       id="circle122"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use84"
-     transform="translate(85,25)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use121" />
-    <circle
-       id="circle121"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use85"
-     transform="translate(85,35)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use120" />
-    <circle
-       id="circle120"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use86"
-     transform="translate(85,45)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use119" />
-    <circle
-       id="circle119"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use87"
-     transform="translate(85,55)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use118" />
-    <circle
-       id="circle118"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use88"
-     transform="translate(85,65)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use117" />
-    <circle
-       id="circle117"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use89"
-     transform="translate(85,75)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use116" />
-    <circle
-       id="circle116"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use90"
-     transform="translate(85,85)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use115" />
-    <circle
-       id="circle115"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use91"
-     transform="translate(85,95)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use114" />
-    <circle
-       id="circle114"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use92"
-     transform="translate(95,5)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use113" />
-    <circle
-       id="circle113"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use93"
-     transform="translate(95,15)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use112" />
-    <circle
-       id="circle112"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use94"
-     transform="translate(95,25)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use111" />
-    <circle
-       id="circle111"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use95"
-     transform="translate(95,35)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use110" />
-    <circle
-       id="circle110"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use96"
-     transform="translate(95,45)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use109" />
-    <circle
-       id="circle109"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use97"
-     transform="translate(95,55)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use108" />
-    <circle
-       id="circle108"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use98"
-     transform="translate(95,65)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use107" />
-    <circle
-       id="circle107"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use99"
-     transform="translate(95,75)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use106" />
-    <circle
-       id="circle106"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use100"
-     transform="translate(95,85)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use105" />
-    <circle
-       id="circle105"
-       cx="0"
-       cy="0"
-       r="2.5" />
-  </g>
-  <g
-     id="use101"
-     transform="translate(95,95)"
-     style="display:inline">
-    <use
-       x="0"
-       y="0"
-       xlink:href="#rect1"
-       id="use104" />
-    <circle
-       id="circle104"
-       cx="0"
-       cy="0"
-       r="2.5" />
+  <g id="g1" transform="translate(5,5)">
+    <use x="0" y="0" href="#rect1" id="use1" />
+    <circle id="circle1" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g2" transform="translate(5,15)">
+    <use x="0" y="0" href="#rect1" id="use2" />
+    <circle id="circle2" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g3" transform="translate(5,25)">
+    <use x="0" y="0" href="#rect1" id="use3" />
+    <circle id="circle3" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g4" transform="translate(5,35)">
+    <use x="0" y="0" href="#rect1" id="use4" />
+    <circle id="circle4" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g5" transform="translate(5,45)">
+    <use x="0" y="0" href="#rect1" id="use5" />
+    <circle id="circle5" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g6" transform="translate(5,55)">
+    <use x="0" y="0" href="#rect1" id="use6" />
+    <circle id="circle6" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g7" transform="translate(5,65)">
+    <use x="0" y="0" href="#rect1" id="use7" />
+    <circle id="circle7" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g8" transform="translate(5,75)">
+    <use x="0" y="0" href="#rect1" id="use8" />
+    <circle id="circle8" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g9" transform="translate(5,85)">
+    <use x="0" y="0" href="#rect1" id="use9" />
+    <circle id="circle9" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g10" transform="translate(5,95)">
+    <use x="0" y="0" href="#rect1" id="use10" />
+    <circle id="circle10" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g11" transform="translate(15,5)">
+    <use x="0" y="0" href="#rect1" id="use11" />
+    <circle id="circle11" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g12" transform="translate(15,15)">
+    <use x="0" y="0" href="#rect1" id="use12" />
+    <circle id="circle12" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g13" transform="translate(15,25)">
+    <use x="0" y="0" href="#rect1" id="use13" />
+    <circle id="circle13" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g14" transform="translate(15,35)">
+    <use x="0" y="0" href="#rect1" id="use14" />
+    <circle id="circle14" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g15" transform="translate(15,45)">
+    <use x="0" y="0" href="#rect1" id="use15" />
+    <circle id="circle15" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g16" transform="translate(15,55)">
+    <use x="0" y="0" href="#rect1" id="use16" />
+    <circle id="circle16" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g17" transform="translate(15,65)">
+    <use x="0" y="0" href="#rect1" id="use17" />
+    <circle id="circle17" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g18" transform="translate(15,75)">
+    <use x="0" y="0" href="#rect1" id="use18" />
+    <circle id="circle18" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g19" transform="translate(15,85)">
+    <use x="0" y="0" href="#rect1" id="use19" />
+    <circle id="circle19" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g20" transform="translate(15,95)">
+    <use x="0" y="0" href="#rect1" id="use20" />
+    <circle id="circle20" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g21" transform="translate(25,5)">
+    <use x="0" y="0" href="#rect1" id="use21" />
+    <circle id="circle21" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g22" transform="translate(25,15)">
+    <use x="0" y="0" href="#rect1" id="use22" />
+    <circle id="circle22" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g23" transform="translate(25,25)">
+    <use x="0" y="0" href="#rect1" id="use23" />
+    <circle id="circle23" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g24" transform="translate(25,35)">
+    <use x="0" y="0" href="#rect1" id="use24" />
+    <circle id="circle24" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g25" transform="translate(25,45)">
+    <use x="0" y="0" href="#rect1" id="use25" />
+    <circle id="circle25" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g26" transform="translate(25,55)">
+    <use x="0" y="0" href="#rect1" id="use26" />
+    <circle id="circle26" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g27" transform="translate(25,65)">
+    <use x="0" y="0" href="#rect1" id="use27" />
+    <circle id="circle27" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g28" transform="translate(25,75)">
+    <use x="0" y="0" href="#rect1" id="use28" />
+    <circle id="circle28" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g29" transform="translate(25,85)">
+    <use x="0" y="0" href="#rect1" id="use29" />
+    <circle id="circle29" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g30" transform="translate(25,95)">
+    <use x="0" y="0" href="#rect1" id="use30" />
+    <circle id="circle30" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g31" transform="translate(35,5)">
+    <use x="0" y="0" href="#rect1" id="use31" />
+    <circle id="circle31" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g32" transform="translate(35,15)">
+    <use x="0" y="0" href="#rect1" id="use32" />
+    <circle id="circle32" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g33" transform="translate(35,25)">
+    <use x="0" y="0" href="#rect1" id="use33" />
+    <circle id="circle33" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g34" transform="translate(35,35)">
+    <use x="0" y="0" href="#rect1" id="use34" />
+    <circle id="circle34" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g35" transform="translate(35,45)">
+    <use x="0" y="0" href="#rect1" id="use35" />
+    <circle id="circle35" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g36" transform="translate(35,55)">
+    <use x="0" y="0" href="#rect1" id="use36" />
+    <circle id="circle36" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g37" transform="translate(35,65)">
+    <use x="0" y="0" href="#rect1" id="use37" />
+    <circle id="circle37" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g38" transform="translate(35,75)">
+    <use x="0" y="0" href="#rect1" id="use38" />
+    <circle id="circle38" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g39" transform="translate(35,85)">
+    <use x="0" y="0" href="#rect1" id="use39" />
+    <circle id="circle39" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g40" transform="translate(35,95)">
+    <use x="0" y="0" href="#rect1" id="use40" />
+    <circle id="circle40" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g41" transform="translate(45,5)">
+    <use x="0" y="0" href="#rect1" id="use41" />
+    <circle id="circle41" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g42" transform="translate(45,15)">
+    <use x="0" y="0" href="#rect1" id="use42" />
+    <circle id="circle42" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g43" transform="translate(45,25)">
+    <use x="0" y="0" href="#rect1" id="use43" />
+    <circle id="circle43" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g44" transform="translate(45,35)">
+    <use x="0" y="0" href="#rect1" id="use44" />
+    <circle id="circle44" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g45" transform="translate(45,45)">
+    <use x="0" y="0" href="#rect1" id="use45" />
+    <circle id="circle45" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g46" transform="translate(45,55)">
+    <use x="0" y="0" href="#rect1" id="use46" />
+    <circle id="circle46" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g47" transform="translate(45,65)">
+    <use x="0" y="0" href="#rect1" id="use47" />
+    <circle id="circle47" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g48" transform="translate(45,75)">
+    <use x="0" y="0" href="#rect1" id="use48" />
+    <circle id="circle48" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g49" transform="translate(45,85)">
+    <use x="0" y="0" href="#rect1" id="use49" />
+    <circle id="circle49" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g50" transform="translate(45,95)">
+    <use x="0" y="0" href="#rect1" id="use50" />
+    <circle id="circle50" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g51" transform="translate(55,5)">
+    <use x="0" y="0" href="#rect1" id="use51" />
+    <circle id="circle51" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g52" transform="translate(55,15)">
+    <use x="0" y="0" href="#rect1" id="use52" />
+    <circle id="circle52" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g53" transform="translate(55,25)">
+    <use x="0" y="0" href="#rect1" id="use53" />
+    <circle id="circle53" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g54" transform="translate(55,35)">
+    <use x="0" y="0" href="#rect1" id="use54" />
+    <circle id="circle54" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g55" transform="translate(55,45)">
+    <use x="0" y="0" href="#rect1" id="use55" />
+    <circle id="circle55" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g56" transform="translate(55,55)">
+    <use x="0" y="0" href="#rect1" id="use56" />
+    <circle id="circle56" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g57" transform="translate(55,65)">
+    <use x="0" y="0" href="#rect1" id="use57" />
+    <circle id="circle57" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g58" transform="translate(55,75)">
+    <use x="0" y="0" href="#rect1" id="use58" />
+    <circle id="circle58" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g59" transform="translate(55,85)">
+    <use x="0" y="0" href="#rect1" id="use59" />
+    <circle id="circle59" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g60" transform="translate(55,95)">
+    <use x="0" y="0" href="#rect1" id="use60" />
+    <circle id="circle60" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g61" transform="translate(65,5)">
+    <use x="0" y="0" href="#rect1" id="use61" />
+    <circle id="circle61" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g62" transform="translate(65,15)">
+    <use x="0" y="0" href="#rect1" id="use62" />
+    <circle id="circle62" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g63" transform="translate(65,25)">
+    <use x="0" y="0" href="#rect1" id="use63" />
+    <circle id="circle63" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g64" transform="translate(65,35)">
+    <use x="0" y="0" href="#rect1" id="use64" />
+    <circle id="circle64" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g65" transform="translate(65,45)">
+    <use x="0" y="0" href="#rect1" id="use65" />
+    <circle id="circle65" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g66" transform="translate(65,55)">
+    <use x="0" y="0" href="#rect1" id="use66" />
+    <circle id="circle66" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g67" transform="translate(65,65)">
+    <use x="0" y="0" href="#rect1" id="use67" />
+    <circle id="circle67" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g68" transform="translate(65,75)">
+    <use x="0" y="0" href="#rect1" id="use68" />
+    <circle id="circle68" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g69" transform="translate(65,85)">
+    <use x="0" y="0" href="#rect1" id="use69" />
+    <circle id="circle69" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g70" transform="translate(65,95)">
+    <use x="0" y="0" href="#rect1" id="use70" />
+    <circle id="circle70" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g71" transform="translate(75,5)">
+    <use x="0" y="0" href="#rect1" id="use71" />
+    <circle id="circle71" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g72" transform="translate(75,15)">
+    <use x="0" y="0" href="#rect1" id="use72" />
+    <circle id="circle72" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g73" transform="translate(75,25)">
+    <use x="0" y="0" href="#rect1" id="use73" />
+    <circle id="circle73" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g74" transform="translate(75,35)">
+    <use x="0" y="0" href="#rect1" id="use74" />
+    <circle id="circle74" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g75" transform="translate(75,45)">
+    <use x="0" y="0" href="#rect1" id="use75" />
+    <circle id="circle75" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g76" transform="translate(75,55)">
+    <use x="0" y="0" href="#rect1" id="use76" />
+    <circle id="circle76" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g77" transform="translate(75,65)">
+    <use x="0" y="0" href="#rect1" id="use77" />
+    <circle id="circle77" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g78" transform="translate(75,75)">
+    <use x="0" y="0" href="#rect1" id="use78" />
+    <circle id="circle78" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g79" transform="translate(75,85)">
+    <use x="0" y="0" href="#rect1" id="use79" />
+    <circle id="circle79" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g80" transform="translate(75,95)">
+    <use x="0" y="0" href="#rect1" id="use80" />
+    <circle id="circle80" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g81" transform="translate(85,5)">
+    <use x="0" y="0" href="#rect1" id="use81" />
+    <circle id="circle81" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g82" transform="translate(85,15)">
+    <use x="0" y="0" href="#rect1" id="use82" />
+    <circle id="circle82" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g83" transform="translate(85,25)">
+    <use x="0" y="0" href="#rect1" id="use83" />
+    <circle id="circle83" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g84" transform="translate(85,35)">
+    <use x="0" y="0" href="#rect1" id="use84" />
+    <circle id="circle84" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g85" transform="translate(85,45)">
+    <use x="0" y="0" href="#rect1" id="use85" />
+    <circle id="circle85" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g86" transform="translate(85,55)">
+    <use x="0" y="0" href="#rect1" id="use86" />
+    <circle id="circle86" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g87" transform="translate(85,65)">
+    <use x="0" y="0" href="#rect1" id="use87" />
+    <circle id="circle87" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g88" transform="translate(85,75)">
+    <use x="0" y="0" href="#rect1" id="use88" />
+    <circle id="circle88" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g89" transform="translate(85,85)">
+    <use x="0" y="0" href="#rect1" id="use89" />
+    <circle id="circle89" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g90" transform="translate(85,95)">
+    <use x="0" y="0" href="#rect1" id="use90" />
+    <circle id="circle90" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g91" transform="translate(95,5)">
+    <use x="0" y="0" href="#rect1" id="use91" />
+    <circle id="circle91" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g92" transform="translate(95,15)">
+    <use x="0" y="0" href="#rect1" id="use92" />
+    <circle id="circle92" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g93" transform="translate(95,25)">
+    <use x="0" y="0" href="#rect1" id="use93" />
+    <circle id="circle93" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g94" transform="translate(95,35)">
+    <use x="0" y="0" href="#rect1" id="use94" />
+    <circle id="circle94" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g95" transform="translate(95,45)">
+    <use x="0" y="0" href="#rect1" id="use95" />
+    <circle id="circle95" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g96" transform="translate(95,55)">
+    <use x="0" y="0" href="#rect1" id="use96" />
+    <circle id="circle96" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g97" transform="translate(95,65)">
+    <use x="0" y="0" href="#rect1" id="use97" />
+    <circle id="circle97" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g98" transform="translate(95,75)">
+    <use x="0" y="0" href="#rect1" id="use98" />
+    <circle id="circle98" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g99" transform="translate(95,85)">
+    <use x="0" y="0" href="#rect1" id="use99" />
+    <circle id="circle99" cx="0" cy="0" r="2.5" />
+  </g>
+  <g id="g100" transform="translate(95,95)">
+    <use x="0" y="0" href="#rect1" id="use100" />
+    <circle id="circle100" cx="0" cy="0" r="2.5" />
   </g>
   <g id="out"/>
   <script>//<![CDATA[
@@ -1590,6 +477,5 @@
       });
     }
   });
-  //]]>
-  </script>
+  //]]></script>
 </svg>