svg hotspots

src/templates/alias.tera

@@ -41,4 +41,10 @@ whiskers:
     <path d="M23.5 18.5v2h-1.71c-.097-.01-.193.001-.29 0a3 3 0 0 0 0 6v-1a2 2 0 0 1 0-4h2v2l4-2.5z" style="opacity:.2;fill:#{{ special.hex }};fill-opacity:1;fill-rule:evenodd;filter:url(#d)"/>
     <path d="M23 18v2h-1.71c-.097-.01-.193.001-.29 0a3 3 0 0 0 0 6v-1a2 2 0 0 1 0-4h2v2l4-2.5z" style="fill:#{{ special.hex }};fill-opacity:1;fill-rule:evenodd"/>
     <path d="M2.014 2 2 22c1-3 3.247-5.604 5.603-6.857C9.023 14.419 10.54 14.01 12 14a8.4 8.4 0 0 1 4 1z" style="opacity:1;fill:#{{ inner.hex }};fill-opacity:1;stroke:none;stroke-width:1.67926061;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
+    <path
+    id="hotspot"
+    d="m 3.014,2 v 1 h -1 V 2 Z"
+    display="none"
+    fill="#333333"
+    stroke-width="1.07568" />
 </svg>

src/templates/all-scroll.tera

@@ -26,4 +26,10 @@ whiskers:
     <path d="M15.994 2.5a1 1 0 0 0-.84.459l-4.495 7a1 1 0 0 0-.159.54 1 1 0 0 0-.54.159l-7 4.504a1 1 0 0 0 0 1.683l7 4.496a1 1 0 0 0 .54.158 1 1 0 0 0 .159.541l4.495 7a1 1 0 0 0 1.684 0l4.503-7a1 1 0 0 0 .159-.54 1 1 0 0 0 .54-.159l7-4.496a1 1 0 0 0 0-1.683l-7-4.504a1 1 0 0 0-.54-.158 1 1 0 0 0-.159-.541l-4.503-7a1 1 0 0 0-.844-.459m.002 2.85 1.65 2.566c-.545-.16-1.041-.416-1.65-.416s-1.102.257-1.646.416ZM14.5 9.91v4.59H9.91c.347-.906.828-1.766 1.336-2.334a1 1 0 0 0 .252-.668 1 1 0 0 0 .666-.252c.572-.51 1.433-.99 2.336-1.336m3 0c.905.346 1.766.827 2.334 1.336a1 1 0 0 0 .668.252 1 1 0 0 0 .252.668c.508.568.989 1.428 1.335 2.333H17.5Zm-9.583 4.443c-.16.546-.416 1.041-.416 1.65 0 .61.257 1.102.416 1.647L5.35 16.003Zm16.166 0 2.566 1.65-2.566 1.647c.16-.545.417-1.038.416-1.647 0-.609-.257-1.104-.416-1.65M9.911 17.499h4.59v4.59c-.904-.347-1.765-.827-2.337-1.336a1 1 0 0 0-.666-.252 1 1 0 0 0-.252-.666c-.508-.571-.988-1.432-1.335-2.336m7.589 0h4.59c-.348.904-.828 1.765-1.336 2.336a1 1 0 0 0-.252.666 1 1 0 0 0-.668.252c-.568.508-1.429.99-2.334 1.336zm-3.15 6.584c.544.16 1.037.416 1.646.416s1.105-.257 1.65-.416l-1.65 2.566z" style="color:#000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;vector-effect:none;fill:#000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.99987364;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;filter:url(#a)"/>
     <path d="M15.494 2a1 1 0 0 0-.84.459l-4.495 7a1 1 0 0 0-.159.54 1 1 0 0 0-.54.159l-7 4.504a1 1 0 0 0 0 1.683l7 4.496a1 1 0 0 0 .54.158 1 1 0 0 0 .159.541l4.495 7a1 1 0 0 0 1.684 0l4.503-7A1 1 0 0 0 21 21a1 1 0 0 0 .54-.159l7-4.496a1 1 0 0 0 0-1.683l-7-4.504A1 1 0 0 0 21 10a1 1 0 0 0-.159-.541l-4.503-7A1 1 0 0 0 15.494 2m.002 2.85 1.65 2.566c-.545-.16-1.041-.416-1.65-.416s-1.102.257-1.646.416ZM14 9.41V14H9.41c.347-.906.828-1.766 1.336-2.334a1 1 0 0 0 .252-.668 1 1 0 0 0 .666-.252c.572-.51 1.433-.99 2.336-1.336m3 0c.905.346 1.766.827 2.334 1.336a1 1 0 0 0 .668.252 1 1 0 0 0 .252.668c.508.568.989 1.428 1.335 2.333H17Zm-9.583 4.443c-.16.546-.416 1.041-.416 1.65 0 .61.257 1.102.416 1.647L4.85 15.503Zm16.166 0 2.566 1.65-2.566 1.647c.16-.545.417-1.038.416-1.647 0-.609-.257-1.104-.416-1.65M9.411 16.999H14v4.59c-.904-.347-1.765-.827-2.337-1.336a1 1 0 0 0-.666-.252 1 1 0 0 0-.252-.666c-.508-.571-.988-1.432-1.335-2.336M17 17h4.59c-.348.904-.828 1.765-1.336 2.336a1 1 0 0 0-.252.666 1 1 0 0 0-.668.252c-.568.508-1.429.99-2.334 1.336zm-3.15 6.584c.544.16 1.037.416 1.646.416s1.105-.257 1.65-.416l-1.65 2.566z" style="color:#000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;vector-effect:none;fill:#{{ border.hex }};fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.99987364;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"/>
     <path d="M15.496 3 11 10c.997-.888 2.693-2.001 4.496-2S19.002 9.107 20 10zM15 9v6H9v1h6v6h1v-6h6v-1h-6V9zm-5 2-7 4.504L10 20c-.888-.997-2.001-2.693-2-4.496S9.107 11.998 10 11m11 0c.893.998 1.999 2.7 2 4.504S21.888 19.003 21 20l7-4.496zM11 21l4.496 7L20 21c-.998.893-2.7 1.999-4.504 2S11.997 21.888 11 21" style="opacity:1;fill:#{{ inner.hex }};fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"/>
+    <path
+    id="hotspot"
+    d="m 16,15 h -1 v 1 h 1 z"
+    display="none"
+    fill="#333333"
+    stroke-width="1.18965" />
 </svg>

src/templates/bottom_left_corner.tera

@@ -26,4 +26,10 @@ whiskers:
     <path d="M6.458 5.5a1 1 0 0 0-.958.986v20.013a1 1 0 0 0 1 1.001h20.013a1 1 0 0 0 0-2.001c-10.512 0-19.012-8.5-19.012-19.013a1 1 0 0 0-1.043-.985" style="color:#000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;vector-effect:none;fill:#000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.00130725;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;filter:url(#a)"/>
     <path d="M5.958 5A1 1 0 0 0 5 5.987V26a1 1 0 0 0 1 1h20.013a1 1 0 0 0 0-2.001c-10.512 0-19.012-8.5-19.012-19.013a1 1 0 0 0-1.043-.985" style="color:#000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;vector-effect:none;fill:#{{ border.hex }};fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.00130725;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"/>
     <path d="M6 6v20h20A20 20 0 0 1 6 6" style="opacity:1;fill:#{{ inner.hex }};fill-opacity:1;stroke:none;stroke-width:1.35400641;stroke-linecap:square;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
+    <path
+    id="hotspot"
+    d="m 6,25 h 1 v 1 H 6 Z"
+    display="none"
+    fill="#333333"
+    stroke-width="1.18965" />
 </svg>

src/templates/bottom_right_corner.tera

@@ -26,4 +26,10 @@ whiskers:
     <path d="M26.529 5.516a1 1 0 0 1 .957.984v20a1 1 0 0 1-1 1h-20a1 1 0 0 1 0-2c10.505 0 19-8.495 19-19a1 1 0 0 1 1.043-.984" style="color:#000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;vector-effect:none;fill:#000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;filter:url(#a)"/>
     <path d="M26.029 5.016a1 1 0 0 1 .957.984v20a1 1 0 0 1-1 1h-20a1 1 0 0 1 0-2c10.505 0 19-8.495 19-19a1 1 0 0 1 1.043-.984" style="color:#000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;vector-effect:none;fill:#{{ border.hex }};fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"/>
     <path d="M25.986 6v20h-20a20 20 0 0 0 20-20" style="opacity:1;fill:#{{ inner.hex }};fill-opacity:1;stroke:none;stroke-width:1.35400641;stroke-linecap:square;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
+    <path
+    id="hotspot"
+    d="m 25,25 h 1 v 1 H 6 Z"
+    display="none"
+    fill="#333333"
+    stroke-width="1.18965" />
 </svg>

src/templates/bottom_side.tera

@@ -26,4 +26,10 @@ whiskers:
     <path d="M11.545 8.5a1 1 0 0 0-.889 1.53l4.996 8a1 1 0 0 0 1.696.002l5.004-8a1 1 0 0 0-.819-1.531 1 1 0 0 0-.707.263c-.926.853-2.647 1.736-4.326 1.737-1.675 0-3.39-.887-4.32-1.738a1 1 0 0 0-.635-.262M6.5 20.5a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1z" style="color:#000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;vector-effect:none;fill:#000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.99994516;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;filter:url(#a)"/>
     <path d="M11.045 8a1 1 0 0 0-.889 1.53l4.996 8a1 1 0 0 0 1.696.002l5.004-8a1 1 0 0 0-.819-1.531 1 1 0 0 0-.707.263C19.4 9.117 17.68 10 16 10.001c-1.675 0-3.39-.887-4.32-1.738A1 1 0 0 0 11.045 8M6 20a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1z" style="color:#000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;vector-effect:none;fill:#{{ border.hex }};fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.99994516;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"/>
     <path d="M11.004 9 16 17l5.004-8c-1.109 1.02-3 1.999-5.004 2s-3.888-.985-4.996-2M6 21v1h20v-1z" style="opacity:1;fill:#{{ inner.hex }};fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"/>
+    <path
+    id="hotspot"
+    d="m 15.5,21 h 1 v 1 h -1 z"
+    display="none"
+    fill="#333333"
+    stroke-width="1.18965" />
 </svg>

src/templates/cell.tera

@@ -26,4 +26,10 @@ whiskers:
     <path d="M15.5 6.5a1 1 0 0 0-1 1v7h-7a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h7v7a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-7h7a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-7v-7a1 1 0 0 0-1-1z" style="color:#000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:.2;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;vector-effect:none;fill:#000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;filter:url(#a)"/>
     <path d="M15 6a1 1 0 0 0-1 1v7H7a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h7v7a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-7h7a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-7V7a1 1 0 0 0-1-1Z" style="color:#000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;vector-effect:none;fill:#{{ border.hex }};fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"/>
     <path d="M15 7v8H7v1h8v8h1v-8h8v-1h-8V7Z" style="opacity:1;fill:#{{ inner.hex }};fill-opacity:1;stroke:none;stroke-width:2.04939008;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
+    <path
+    id="hotspot"
+    d="m 16,15 h -1 v 1 h 1 z"
+    display="none"
+    fill="#333333"
+    stroke-width="1.18965" />
 </svg>