@rypen-dev/shared-components 4.1.1 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/index.js +1 -1
  2. package/package.json +1 -1
  3. package/scss/partials/_content.scss +93 -0
  4. package/scss/partials/_forms.scss +24 -2
  5. package/scss/partials/_tooltips.scss +4 -0
  6. package/scss/partials/_typography.scss +4 -0
  7. package/scss/styles.scss +1 -0
  8. package/src/components/AddressDisplay.vue +10 -2
  9. package/src/components/DebouncedTextBox.vue +15 -0
  10. package/src/components/ModalWrapper.vue +2 -9
  11. package/src/components/ProductImageSelector.vue +2 -4
  12. package/src/components/icons/IconApprove.vue +6 -4
  13. package/src/components/icons/IconBase.vue +5 -11
  14. package/src/components/icons/IconCaret.vue +3 -1
  15. package/src/components/icons/IconClose.vue +6 -4
  16. package/src/components/icons/IconQrCode.vue +541 -539
  17. package/src/components/icons/IconSave.vue +14 -12
  18. package/src/components/icons/IconSetup.vue +33 -0
  19. package/src/components/icons/IconShare.vue +14 -12
  20. package/src/index.js +3 -0
package/src/components/icons/IconQrCode.vue CHANGED
@@ -1,680 +1,682 @@
1
1
  <template>
2
- <g transform="translate(96,96)">
3
- <g transform="translate(576,48) scale(0.48,0.48)">
4
- <g transform="">
5
- <rect class="color-target" width="100" height="100" />
2
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200" class="icon">
3
+ <g transform="translate(96,96)">
4
+ <g transform="translate(576,48) scale(0.48,0.48)">
5
+ <g transform="">
6
+ <rect class="color-target" width="100" height="100" />
7
+ </g>
6
8
  </g>
7
- </g>
8
- <g transform="translate(384,96) scale(0.48,0.48)">
9
- <g transform="">
10
- <rect class="color-target" width="100" height="100" />
9
+ <g transform="translate(384,96) scale(0.48,0.48)">
10
+ <g transform="">
11
+ <rect class="color-target" width="100" height="100" />
12
+ </g>
11
13
  </g>
12
- </g>
13
- <g transform="translate(480,96) scale(0.48,0.48)">
14
- <g transform="">
15
- <rect class="color-target" width="100" height="100" />
14
+ <g transform="translate(480,96) scale(0.48,0.48)">
15
+ <g transform="">
16
+ <rect class="color-target" width="100" height="100" />
17
+ </g>
16
18
  </g>
17
- </g>
18
- <g transform="translate(528,96) scale(0.48,0.48)">
19
- <g transform="">
20
- <rect class="color-target" width="100" height="100" />
19
+ <g transform="translate(528,96) scale(0.48,0.48)">
20
+ <g transform="">
21
+ <rect class="color-target" width="100" height="100" />
22
+ </g>
21
23
  </g>
22
- </g>
23
- <g transform="translate(576,96) scale(0.48,0.48)">
24
- <g transform="">
25
- <rect class="color-target" width="100" height="100" />
24
+ <g transform="translate(576,96) scale(0.48,0.48)">
25
+ <g transform="">
26
+ <rect class="color-target" width="100" height="100" />
27
+ </g>
26
28
  </g>
27
- </g>
28
- <g transform="translate(384,144) scale(0.48,0.48)">
29
- <g transform="">
30
- <rect y="0" class="color-target" width="100" height="100" />
29
+ <g transform="translate(384,144) scale(0.48,0.48)">
30
+ <g transform="">
31
+ <rect y="0" class="color-target" width="100" height="100" />
32
+ </g>
31
33
  </g>
32
- </g>
33
- <g transform="translate(432,144) scale(0.48,0.48)">
34
- <g transform="">
35
- <rect y="0" class="color-target" width="100" height="100" />
34
+ <g transform="translate(432,144) scale(0.48,0.48)">
35
+ <g transform="">
36
+ <rect y="0" class="color-target" width="100" height="100" />
37
+ </g>
36
38
  </g>
37
- </g>
38
- <g transform="translate(480,144) scale(0.48,0.48)">
39
- <g transform="">
40
- <rect y="0" class="color-target" width="100" height="100" />
39
+ <g transform="translate(480,144) scale(0.48,0.48)">
40
+ <g transform="">
41
+ <rect y="0" class="color-target" width="100" height="100" />
42
+ </g>
41
43
  </g>
42
- </g>
43
- <g transform="translate(384,192) scale(0.48,0.48)">
44
- <g transform="">
45
- <rect y="0" class="color-target" width="100" height="100" />
44
+ <g transform="translate(384,192) scale(0.48,0.48)">
45
+ <g transform="">
46
+ <rect y="0" class="color-target" width="100" height="100" />
47
+ </g>
46
48
  </g>
47
- </g>
48
- <g transform="translate(480,192) scale(0.48,0.48)">
49
- <g transform="">
50
- <rect y="0" class="color-target" width="100" height="100" />
49
+ <g transform="translate(480,192) scale(0.48,0.48)">
50
+ <g transform="">
51
+ <rect y="0" class="color-target" width="100" height="100" />
52
+ </g>
51
53
  </g>
52
- </g>
53
- <g transform="translate(528,192) scale(0.48,0.48)">
54
- <g transform="">
55
- <rect y="0" class="color-target" width="100" height="100" />
54
+ <g transform="translate(528,192) scale(0.48,0.48)">
55
+ <g transform="">
56
+ <rect y="0" class="color-target" width="100" height="100" />
57
+ </g>
56
58
  </g>
57
- </g>
58
- <g transform="translate(576,192) scale(0.48,0.48)">
59
- <g transform="">
60
- <rect y="0" class="color-target" width="100" height="100" />
59
+ <g transform="translate(576,192) scale(0.48,0.48)">
60
+ <g transform="">
61
+ <rect y="0" class="color-target" width="100" height="100" />
62
+ </g>
61
63
  </g>
62
- </g>
63
- <g transform="translate(384,240) scale(0.48,0.48)">
64
- <g transform="">
65
- <rect y="0" class="color-target" width="100" height="100" />
64
+ <g transform="translate(384,240) scale(0.48,0.48)">
65
+ <g transform="">
66
+ <rect y="0" class="color-target" width="100" height="100" />
67
+ </g>
66
68
  </g>
67
- </g>
68
- <g transform="translate(432,240) scale(0.48,0.48)">
69
- <g transform="">
70
- <rect y="0" class="color-target" width="100" height="100" />
69
+ <g transform="translate(432,240) scale(0.48,0.48)">
70
+ <g transform="">
71
+ <rect y="0" class="color-target" width="100" height="100" />
72
+ </g>
71
73
  </g>
72
- </g>
73
- <g transform="translate(576,240) scale(0.48,0.48)">
74
- <g transform="">
75
- <rect y="0" class="color-target" width="100" height="100" />
74
+ <g transform="translate(576,240) scale(0.48,0.48)">
75
+ <g transform="">
76
+ <rect y="0" class="color-target" width="100" height="100" />
77
+ </g>
76
78
  </g>
77
- </g>
78
- <g transform="translate(384,288) scale(0.48,0.48)">
79
- <g transform="">
80
- <rect y="0" class="color-target" width="100" height="100" />
79
+ <g transform="translate(384,288) scale(0.48,0.48)">
80
+ <g transform="">
81
+ <rect y="0" class="color-target" width="100" height="100" />
82
+ </g>
81
83
  </g>
82
- </g>
83
- <g transform="translate(480,288) scale(0.48,0.48)">
84
- <g transform="">
85
- <rect y="0" class="color-target" width="100" height="100" />
84
+ <g transform="translate(480,288) scale(0.48,0.48)">
85
+ <g transform="">
86
+ <rect y="0" class="color-target" width="100" height="100" />
87
+ </g>
86
88
  </g>
87
- </g>
88
- <g transform="translate(576,288) scale(0.48,0.48)">
89
- <g transform="">
90
- <rect y="0" class="color-target" width="100" height="100" />
89
+ <g transform="translate(576,288) scale(0.48,0.48)">
90
+ <g transform="">
91
+ <rect y="0" class="color-target" width="100" height="100" />
92
+ </g>
91
93
  </g>
92
- </g>
93
- <g transform="translate(384,336) scale(0.48,0.48)">
94
- <g transform="">
95
- <rect class="color-target" width="100" height="100" />
94
+ <g transform="translate(384,336) scale(0.48,0.48)">
95
+ <g transform="">
96
+ <rect class="color-target" width="100" height="100" />
97
+ </g>
96
98
  </g>
97
- </g>
98
- <g transform="translate(528,336) scale(0.48,0.48)">
99
- <g transform="">
100
- <rect class="color-target" width="100" height="100" />
99
+ <g transform="translate(528,336) scale(0.48,0.48)">
100
+ <g transform="">
101
+ <rect class="color-target" width="100" height="100" />
102
+ </g>
101
103
  </g>
102
- </g>
103
- <g transform="translate(576,336) scale(0.48,0.48)">
104
- <g transform="">
105
- <rect class="color-target" width="100" height="100" />
104
+ <g transform="translate(576,336) scale(0.48,0.48)">
105
+ <g transform="">
106
+ <rect class="color-target" width="100" height="100" />
107
+ </g>
106
108
  </g>
107
- </g>
108
- <g transform="translate(0,384) scale(0.48,0.48)">
109
- <g transform="">
110
- <rect x="0" class="color-target" width="100" height="100" />
109
+ <g transform="translate(0,384) scale(0.48,0.48)">
110
+ <g transform="">
111
+ <rect x="0" class="color-target" width="100" height="100" />
112
+ </g>
111
113
  </g>
112
- </g>
113
- <g transform="translate(96,384) scale(0.48,0.48)">
114
- <g transform="">
115
- <rect x="0" class="color-target" width="100" height="100" />
114
+ <g transform="translate(96,384) scale(0.48,0.48)">
115
+ <g transform="">
116
+ <rect x="0" class="color-target" width="100" height="100" />
117
+ </g>
116
118
  </g>
117
- </g>
118
- <g transform="translate(144,384) scale(0.48,0.48)">
119
- <g transform="">
120
- <rect class="color-target" width="100" height="100" />
119
+ <g transform="translate(144,384) scale(0.48,0.48)">
120
+ <g transform="">
121
+ <rect class="color-target" width="100" height="100" />
122
+ </g>
121
123
  </g>
122
- </g>
123
- <g transform="translate(192,384) scale(0.48,0.48)">
124
- <g transform="">
125
- <rect class="color-target" width="100" height="100" />
124
+ <g transform="translate(192,384) scale(0.48,0.48)">
125
+ <g transform="">
126
+ <rect class="color-target" width="100" height="100" />
127
+ </g>
126
128
  </g>
127
- </g>
128
- <g transform="translate(240,384) scale(0.48,0.48)">
129
- <g transform="">
130
- <rect class="color-target" width="100" height="100" />
129
+ <g transform="translate(240,384) scale(0.48,0.48)">
130
+ <g transform="">
131
+ <rect class="color-target" width="100" height="100" />
132
+ </g>
131
133
  </g>
132
- </g>
133
- <g transform="translate(288,384) scale(0.48,0.48)">
134
- <g transform="">
135
- <rect x="0" class="color-target" width="100" height="100" />
134
+ <g transform="translate(288,384) scale(0.48,0.48)">
135
+ <g transform="">
136
+ <rect x="0" class="color-target" width="100" height="100" />
137
+ </g>
136
138
  </g>
137
- </g>
138
- <g transform="translate(480,384) scale(0.48,0.48)">
139
- <g transform="">
140
- <rect class="color-target" width="100" height="100" />
139
+ <g transform="translate(480,384) scale(0.48,0.48)">
140
+ <g transform="">
141
+ <rect class="color-target" width="100" height="100" />
142
+ </g>
141
143
  </g>
142
- </g>
143
- <g transform="translate(576,384) scale(0.48,0.48)">
144
- <g transform="">
145
- <rect class="color-target" width="100" height="100" />
144
+ <g transform="translate(576,384) scale(0.48,0.48)">
145
+ <g transform="">
146
+ <rect class="color-target" width="100" height="100" />
147
+ </g>
146
148
  </g>
147
- </g>
148
- <g transform="translate(672,384) scale(0.48,0.48)">
149
- <g transform="">
150
- <rect x="0" class="color-target" width="100" height="100" />
149
+ <g transform="translate(672,384) scale(0.48,0.48)">
150
+ <g transform="">
151
+ <rect x="0" class="color-target" width="100" height="100" />
152
+ </g>
151
153
  </g>
152
- </g>
153
- <g transform="translate(720,384) scale(0.48,0.48)">
154
- <g transform="">
155
- <rect x="0" class="color-target" width="100" height="100" />
154
+ <g transform="translate(720,384) scale(0.48,0.48)">
155
+ <g transform="">
156
+ <rect x="0" class="color-target" width="100" height="100" />
157
+ </g>
156
158
  </g>
157
- </g>
158
- <g transform="translate(768,384) scale(0.48,0.48)">
159
- <g transform="">
160
- <rect x="0" class="color-target" width="100" height="100" />
159
+ <g transform="translate(768,384) scale(0.48,0.48)">
160
+ <g transform="">
161
+ <rect x="0" class="color-target" width="100" height="100" />
162
+ </g>
161
163
  </g>
162
- </g>
163
- <g transform="translate(816,384) scale(0.48,0.48)">
164
- <g transform="">
165
- <rect class="color-target" width="100" height="100" />
164
+ <g transform="translate(816,384) scale(0.48,0.48)">
165
+ <g transform="">
166
+ <rect class="color-target" width="100" height="100" />
167
+ </g>
166
168
  </g>
167
- </g>
168
- <g transform="translate(864,384) scale(0.48,0.48)">
169
- <g transform="">
170
- <rect x="0" class="color-target" width="100" height="100" />
169
+ <g transform="translate(864,384) scale(0.48,0.48)">
170
+ <g transform="">
171
+ <rect x="0" class="color-target" width="100" height="100" />
172
+ </g>
171
173
  </g>
172
- </g>
173
- <g transform="translate(0,432) scale(0.48,0.48)">
174
- <g transform="">
175
- <rect x="0" class="color-target" width="100" height="100" />
174
+ <g transform="translate(0,432) scale(0.48,0.48)">
175
+ <g transform="">
176
+ <rect x="0" class="color-target" width="100" height="100" />
177
+ </g>
176
178
  </g>
177
- </g>
178
- <g transform="translate(48,432) scale(0.48,0.48)">
179
- <g transform="">
180
- <rect x="0" class="color-target" width="100" height="100" />
179
+ <g transform="translate(48,432) scale(0.48,0.48)">
180
+ <g transform="">
181
+ <rect x="0" class="color-target" width="100" height="100" />
182
+ </g>
181
183
  </g>
182
- </g>
183
- <g transform="translate(96,432) scale(0.48,0.48)">
184
- <g transform="">
185
- <rect x="0" class="color-target" width="100" height="100" />
184
+ <g transform="translate(96,432) scale(0.48,0.48)">
185
+ <g transform="">
186
+ <rect x="0" class="color-target" width="100" height="100" />
187
+ </g>
186
188
  </g>
187
- </g>
188
- <g transform="translate(144,432) scale(0.48,0.48)">
189
- <g transform="">
190
- <rect x="0" class="color-target" width="100" height="100" />
189
+ <g transform="translate(144,432) scale(0.48,0.48)">
190
+ <g transform="">
191
+ <rect x="0" class="color-target" width="100" height="100" />
192
+ </g>
191
193
  </g>
192
- </g>
193
- <g transform="translate(192,432) scale(0.48,0.48)">
194
- <g transform="">
195
- <rect x="0" class="color-target" width="100" height="100" />
194
+ <g transform="translate(192,432) scale(0.48,0.48)">
195
+ <g transform="">
196
+ <rect x="0" class="color-target" width="100" height="100" />
197
+ </g>
196
198
  </g>
197
- </g>
198
- <g transform="translate(240,432) scale(0.48,0.48)">
199
- <g transform="">
200
- <rect x="0" class="color-target" width="100" height="100" />
199
+ <g transform="translate(240,432) scale(0.48,0.48)">
200
+ <g transform="">
201
+ <rect x="0" class="color-target" width="100" height="100" />
202
+ </g>
201
203
  </g>
202
- </g>
203
- <g transform="translate(384,432) scale(0.48,0.48)">
204
- <g transform="">
205
- <rect x="0" class="color-target" width="100" height="100" />
204
+ <g transform="translate(384,432) scale(0.48,0.48)">
205
+ <g transform="">
206
+ <rect x="0" class="color-target" width="100" height="100" />
207
+ </g>
206
208
  </g>
207
- </g>
208
- <g transform="translate(432,432) scale(0.48,0.48)">
209
- <g transform="">
210
- <rect x="0" class="color-target" width="100" height="100" />
209
+ <g transform="translate(432,432) scale(0.48,0.48)">
210
+ <g transform="">
211
+ <rect x="0" class="color-target" width="100" height="100" />
212
+ </g>
211
213
  </g>
212
- </g>
213
- <g transform="translate(480,432) scale(0.48,0.48)">
214
- <g transform="">
215
- <rect x="0" class="color-target" width="100" height="100" />
214
+ <g transform="translate(480,432) scale(0.48,0.48)">
215
+ <g transform="">
216
+ <rect x="0" class="color-target" width="100" height="100" />
217
+ </g>
216
218
  </g>
217
- </g>
218
- <g transform="translate(576,432) scale(0.48,0.48)">
219
- <g transform="">
220
- <rect x="0" class="color-target" width="100" height="100" />
219
+ <g transform="translate(576,432) scale(0.48,0.48)">
220
+ <g transform="">
221
+ <rect x="0" class="color-target" width="100" height="100" />
222
+ </g>
221
223
  </g>
222
- </g>
223
- <g transform="translate(720,432) scale(0.48,0.48)">
224
- <g transform="">
225
- <rect x="0" class="color-target" width="100" height="100" />
224
+ <g transform="translate(720,432) scale(0.48,0.48)">
225
+ <g transform="">
226
+ <rect x="0" class="color-target" width="100" height="100" />
227
+ </g>
226
228
  </g>
227
- </g>
228
- <g transform="translate(864,432) scale(0.48,0.48)">
229
- <g transform="">
230
- <rect x="0" class="color-target" width="100" height="100" />
229
+ <g transform="translate(864,432) scale(0.48,0.48)">
230
+ <g transform="">
231
+ <rect x="0" class="color-target" width="100" height="100" />
232
+ </g>
231
233
  </g>
232
- </g>
233
- <g transform="translate(960,432) scale(0.48,0.48)">
234
- <g transform="">
235
- <rect x="0" class="color-target" width="100" height="100" />
234
+ <g transform="translate(960,432) scale(0.48,0.48)">
235
+ <g transform="">
236
+ <rect x="0" class="color-target" width="100" height="100" />
237
+ </g>
236
238
  </g>
237
- </g>
238
- <g transform="translate(144,480) scale(0.48,0.48)">
239
- <g transform="">
240
- <rect x="0" class="color-target" width="100" height="100" />
239
+ <g transform="translate(144,480) scale(0.48,0.48)">
240
+ <g transform="">
241
+ <rect x="0" class="color-target" width="100" height="100" />
242
+ </g>
241
243
  </g>
242
- </g>
243
- <g transform="translate(240,480) scale(0.48,0.48)">
244
- <g transform="">
245
- <rect x="0" class="color-target" width="100" height="100" />
244
+ <g transform="translate(240,480) scale(0.48,0.48)">
245
+ <g transform="">
246
+ <rect x="0" class="color-target" width="100" height="100" />
247
+ </g>
246
248
  </g>
247
- </g>
248
- <g transform="translate(288,480) scale(0.48,0.48)">
249
- <g transform="">
250
- <rect x="0" class="color-target" width="100" height="100" />
249
+ <g transform="translate(288,480) scale(0.48,0.48)">
250
+ <g transform="">
251
+ <rect x="0" class="color-target" width="100" height="100" />
252
+ </g>
251
253
  </g>
252
- </g>
253
- <g transform="translate(384,480) scale(0.48,0.48)">
254
- <g transform="">
255
- <rect x="0" class="color-target" width="100" height="100" />
254
+ <g transform="translate(384,480) scale(0.48,0.48)">
255
+ <g transform="">
256
+ <rect x="0" class="color-target" width="100" height="100" />
257
+ </g>
256
258
  </g>
257
- </g>
258
- <g transform="translate(432,480) scale(0.48,0.48)">
259
- <g transform="">
260
- <rect x="0" class="color-target" width="100" height="100" />
259
+ <g transform="translate(432,480) scale(0.48,0.48)">
260
+ <g transform="">
261
+ <rect x="0" class="color-target" width="100" height="100" />
262
+ </g>
261
263
  </g>
262
- </g>
263
- <g transform="translate(528,480) scale(0.48,0.48)">
264
- <g transform="">
265
- <rect x="0" class="color-target" width="100" height="100" />
264
+ <g transform="translate(528,480) scale(0.48,0.48)">
265
+ <g transform="">
266
+ <rect x="0" class="color-target" width="100" height="100" />
267
+ </g>
266
268
  </g>
267
- </g>
268
- <g transform="translate(624,480) scale(0.48,0.48)">
269
- <g transform="">
270
- <rect x="0" class="color-target" width="100" height="100" />
269
+ <g transform="translate(624,480) scale(0.48,0.48)">
270
+ <g transform="">
271
+ <rect x="0" class="color-target" width="100" height="100" />
272
+ </g>
271
273
  </g>
272
- </g>
273
- <g transform="translate(768,480) scale(0.48,0.48)">
274
- <g transform="">
275
- <rect x="0" class="color-target" width="100" height="100" />
274
+ <g transform="translate(768,480) scale(0.48,0.48)">
275
+ <g transform="">
276
+ <rect x="0" class="color-target" width="100" height="100" />
277
+ </g>
276
278
  </g>
277
- </g>
278
- <g transform="translate(816,480) scale(0.48,0.48)">
279
- <g transform="">
280
- <rect x="0" class="color-target" width="100" height="100" />
279
+ <g transform="translate(816,480) scale(0.48,0.48)">
280
+ <g transform="">
281
+ <rect x="0" class="color-target" width="100" height="100" />
282
+ </g>
281
283
  </g>
282
- </g>
283
- <g transform="translate(864,480) scale(0.48,0.48)">
284
- <g transform="">
285
- <rect x="0" class="color-target" width="100" height="100" />
284
+ <g transform="translate(864,480) scale(0.48,0.48)">
285
+ <g transform="">
286
+ <rect x="0" class="color-target" width="100" height="100" />
287
+ </g>
286
288
  </g>
287
- </g>
288
- <g transform="translate(912,480) scale(0.48,0.48)">
289
- <g transform="">
290
- <rect x="0" class="color-target" width="100" height="100" />
289
+ <g transform="translate(912,480) scale(0.48,0.48)">
290
+ <g transform="">
291
+ <rect x="0" class="color-target" width="100" height="100" />
292
+ </g>
291
293
  </g>
292
- </g>
293
- <g transform="translate(48,528) scale(0.48,0.48)">
294
- <g transform="">
295
- <rect x="0" class="color-target" width="100" height="100" />
294
+ <g transform="translate(48,528) scale(0.48,0.48)">
295
+ <g transform="">
296
+ <rect x="0" class="color-target" width="100" height="100" />
297
+ </g>
296
298
  </g>
297
- </g>
298
- <g transform="translate(96,528) scale(0.48,0.48)">
299
- <g transform="">
300
- <rect x="0" class="color-target" width="100" height="100" />
299
+ <g transform="translate(96,528) scale(0.48,0.48)">
300
+ <g transform="">
301
+ <rect x="0" class="color-target" width="100" height="100" />
302
+ </g>
301
303
  </g>
302
- </g>
303
- <g transform="translate(192,528) scale(0.48,0.48)">
304
- <g transform="">
305
- <rect x="0" class="color-target" width="100" height="100" />
304
+ <g transform="translate(192,528) scale(0.48,0.48)">
305
+ <g transform="">
306
+ <rect x="0" class="color-target" width="100" height="100" />
307
+ </g>
306
308
  </g>
307
- </g>
308
- <g transform="translate(384,528) scale(0.48,0.48)">
309
- <g transform="">
310
- <rect x="0" class="color-target" width="100" height="100" />
309
+ <g transform="translate(384,528) scale(0.48,0.48)">
310
+ <g transform="">
311
+ <rect x="0" class="color-target" width="100" height="100" />
312
+ </g>
311
313
  </g>
312
- </g>
313
- <g transform="translate(432,528) scale(0.48,0.48)">
314
- <g transform="">
315
- <rect x="0" class="color-target" width="100" height="100" />
314
+ <g transform="translate(432,528) scale(0.48,0.48)">
315
+ <g transform="">
316
+ <rect x="0" class="color-target" width="100" height="100" />
317
+ </g>
316
318
  </g>
317
- </g>
318
- <g transform="translate(720,528) scale(0.48,0.48)">
319
- <g transform="">
320
- <rect x="0" class="color-target" width="100" height="100" />
319
+ <g transform="translate(720,528) scale(0.48,0.48)">
320
+ <g transform="">
321
+ <rect x="0" class="color-target" width="100" height="100" />
322
+ </g>
321
323
  </g>
322
- </g>
323
- <g transform="translate(768,528) scale(0.48,0.48)">
324
- <g transform="">
325
- <rect x="0" class="color-target" width="100" height="100" />
324
+ <g transform="translate(768,528) scale(0.48,0.48)">
325
+ <g transform="">
326
+ <rect x="0" class="color-target" width="100" height="100" />
327
+ </g>
326
328
  </g>
327
- </g>
328
- <g transform="translate(816,528) scale(0.48,0.48)">
329
- <g transform="">
330
- <rect x="0" class="color-target" width="100" height="100" />
329
+ <g transform="translate(816,528) scale(0.48,0.48)">
330
+ <g transform="">
331
+ <rect x="0" class="color-target" width="100" height="100" />
332
+ </g>
331
333
  </g>
332
- </g>
333
- <g transform="translate(864,528) scale(0.48,0.48)">
334
- <g transform="">
335
- <rect x="0" class="color-target" width="100" height="100" />
334
+ <g transform="translate(864,528) scale(0.48,0.48)">
335
+ <g transform="">
336
+ <rect x="0" class="color-target" width="100" height="100" />
337
+ </g>
336
338
  </g>
337
- </g>
338
- <g transform="translate(960,528) scale(0.48,0.48)">
339
- <g transform="">
340
- <rect x="0" class="color-target" width="100" height="100" />
339
+ <g transform="translate(960,528) scale(0.48,0.48)">
340
+ <g transform="">
341
+ <rect x="0" class="color-target" width="100" height="100" />
342
+ </g>
341
343
  </g>
342
- </g>
343
- <g transform="translate(144,576) scale(0.48,0.48)">
344
- <g transform="">
345
- <rect x="0" class="color-target" width="100" height="100" />
344
+ <g transform="translate(144,576) scale(0.48,0.48)">
345
+ <g transform="">
346
+ <rect x="0" class="color-target" width="100" height="100" />
347
+ </g>
346
348
  </g>
347
- </g>
348
- <g transform="translate(192,576) scale(0.48,0.48)">
349
- <g transform="">
350
- <rect x="0" class="color-target" width="100" height="100" />
349
+ <g transform="translate(192,576) scale(0.48,0.48)">
350
+ <g transform="">
351
+ <rect x="0" class="color-target" width="100" height="100" />
352
+ </g>
351
353
  </g>
352
- </g>
353
- <g transform="translate(240,576) scale(0.48,0.48)">
354
- <g transform="">
355
- <rect x="0" class="color-target" width="100" height="100" />
354
+ <g transform="translate(240,576) scale(0.48,0.48)">
355
+ <g transform="">
356
+ <rect x="0" class="color-target" width="100" height="100" />
357
+ </g>
356
358
  </g>
357
- </g>
358
- <g transform="translate(288,576) scale(0.48,0.48)">
359
- <g transform="">
360
- <rect x="0" class="color-target" width="100" height="100" />
359
+ <g transform="translate(288,576) scale(0.48,0.48)">
360
+ <g transform="">
361
+ <rect x="0" class="color-target" width="100" height="100" />
362
+ </g>
361
363
  </g>
362
- </g>
363
- <g transform="translate(384,576) scale(0.48,0.48)">
364
- <g transform="">
365
- <rect x="0" class="color-target" width="100" height="100" />
364
+ <g transform="translate(384,576) scale(0.48,0.48)">
365
+ <g transform="">
366
+ <rect x="0" class="color-target" width="100" height="100" />
367
+ </g>
366
368
  </g>
367
- </g>
368
- <g transform="translate(432,576) scale(0.48,0.48)">
369
- <g transform="">
370
- <rect x="0" class="color-target" width="100" height="100" />
369
+ <g transform="translate(432,576) scale(0.48,0.48)">
370
+ <g transform="">
371
+ <rect x="0" class="color-target" width="100" height="100" />
372
+ </g>
371
373
  </g>
372
- </g>
373
- <g transform="translate(480,576) scale(0.48,0.48)">
374
- <g transform="">
375
- <rect x="0" class="color-target" width="100" height="100" />
374
+ <g transform="translate(480,576) scale(0.48,0.48)">
375
+ <g transform="">
376
+ <rect x="0" class="color-target" width="100" height="100" />
377
+ </g>
376
378
  </g>
377
- </g>
378
- <g transform="translate(528,576) scale(0.48,0.48)">
379
- <g transform="">
380
- <rect x="0" class="color-target" width="100" height="100" />
379
+ <g transform="translate(528,576) scale(0.48,0.48)">
380
+ <g transform="">
381
+ <rect x="0" class="color-target" width="100" height="100" />
382
+ </g>
381
383
  </g>
382
- </g>
383
- <g transform="translate(624,576) scale(0.48,0.48)">
384
- <g transform="">
385
- <rect x="0" class="color-target" width="100" height="100" />
384
+ <g transform="translate(624,576) scale(0.48,0.48)">
385
+ <g transform="">
386
+ <rect x="0" class="color-target" width="100" height="100" />
387
+ </g>
386
388
  </g>
387
- </g>
388
- <g transform="translate(768,576) scale(0.48,0.48)">
389
- <g transform="">
390
- <rect x="0" class="color-target" width="100" height="100" />
389
+ <g transform="translate(768,576) scale(0.48,0.48)">
390
+ <g transform="">
391
+ <rect x="0" class="color-target" width="100" height="100" />
392
+ </g>
391
393
  </g>
392
- </g>
393
- <g transform="translate(384,624) scale(0.48,0.48)">
394
- <g transform="">
395
- <rect x="0" y="0" class="color-target" width="100" height="100" />
394
+ <g transform="translate(384,624) scale(0.48,0.48)">
395
+ <g transform="">
396
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
397
+ </g>
396
398
  </g>
397
- </g>
398
- <g transform="translate(432,624) scale(0.48,0.48)">
399
- <g transform="">
400
- <rect x="0" y="0" class="color-target" width="100" height="100" />
399
+ <g transform="translate(432,624) scale(0.48,0.48)">
400
+ <g transform="">
401
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
402
+ </g>
401
403
  </g>
402
- </g>
403
- <g transform="translate(528,624) scale(0.48,0.48)">
404
- <g transform="">
405
- <rect x="0" y="0" class="color-target" width="100" height="100" />
404
+ <g transform="translate(528,624) scale(0.48,0.48)">
405
+ <g transform="">
406
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
407
+ </g>
406
408
  </g>
407
- </g>
408
- <g transform="translate(576,624) scale(0.48,0.48)">
409
- <g transform="">
410
- <rect x="0" y="0" class="color-target" width="100" height="100" />
409
+ <g transform="translate(576,624) scale(0.48,0.48)">
410
+ <g transform="">
411
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
412
+ </g>
411
413
  </g>
412
- </g>
413
- <g transform="translate(624,624) scale(0.48,0.48)">
414
- <g transform="">
415
- <rect x="0" y="0" class="color-target" width="100" height="100" />
414
+ <g transform="translate(624,624) scale(0.48,0.48)">
415
+ <g transform="">
416
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
417
+ </g>
416
418
  </g>
417
- </g>
418
- <g transform="translate(672,624) scale(0.48,0.48)">
419
- <g transform="">
420
- <rect x="0" y="0" class="color-target" width="100" height="100" />
419
+ <g transform="translate(672,624) scale(0.48,0.48)">
420
+ <g transform="">
421
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
422
+ </g>
421
423
  </g>
422
- </g>
423
- <g transform="translate(720,624) scale(0.48,0.48)">
424
- <g transform="">
425
- <rect x="0" y="0" class="color-target" width="100" height="100" />
424
+ <g transform="translate(720,624) scale(0.48,0.48)">
425
+ <g transform="">
426
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
427
+ </g>
426
428
  </g>
427
- </g>
428
- <g transform="translate(816,624) scale(0.48,0.48)">
429
- <g transform="">
430
- <rect x="0" y="0" class="color-target" width="100" height="100" />
429
+ <g transform="translate(816,624) scale(0.48,0.48)">
430
+ <g transform="">
431
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
432
+ </g>
431
433
  </g>
432
- </g>
433
- <g transform="translate(576,672) scale(0.48,0.48)">
434
- <g transform="">
435
- <rect x="0" y="0" class="color-target" width="100" height="100" />
434
+ <g transform="translate(576,672) scale(0.48,0.48)">
435
+ <g transform="">
436
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
437
+ </g>
436
438
  </g>
437
- </g>
438
- <g transform="translate(672,672) scale(0.48,0.48)">
439
- <g transform="">
440
- <rect x="0" y="0" class="color-target" width="100" height="100" />
439
+ <g transform="translate(672,672) scale(0.48,0.48)">
440
+ <g transform="">
441
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
442
+ </g>
441
443
  </g>
442
- </g>
443
- <g transform="translate(720,672) scale(0.48,0.48)">
444
- <g transform="">
445
- <rect x="0" y="0" class="color-target" width="100" height="100" />
444
+ <g transform="translate(720,672) scale(0.48,0.48)">
445
+ <g transform="">
446
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
447
+ </g>
446
448
  </g>
447
- </g>
448
- <g transform="translate(912,672) scale(0.48,0.48)">
449
- <g transform="">
450
- <rect x="0" y="0" class="color-target" width="100" height="100" />
449
+ <g transform="translate(912,672) scale(0.48,0.48)">
450
+ <g transform="">
451
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
452
+ </g>
451
453
  </g>
452
- </g>
453
- <g transform="translate(384,720) scale(0.48,0.48)">
454
- <g transform="">
455
- <rect x="0" class="color-target" width="100" height="100" />
454
+ <g transform="translate(384,720) scale(0.48,0.48)">
455
+ <g transform="">
456
+ <rect x="0" class="color-target" width="100" height="100" />
457
+ </g>
456
458
  </g>
457
- </g>
458
- <g transform="translate(528,720) scale(0.48,0.48)">
459
- <g transform="">
460
- <rect x="0" class="color-target" width="100" height="100" />
459
+ <g transform="translate(528,720) scale(0.48,0.48)">
460
+ <g transform="">
461
+ <rect x="0" class="color-target" width="100" height="100" />
462
+ </g>
461
463
  </g>
462
- </g>
463
- <g transform="translate(576,720) scale(0.48,0.48)">
464
- <g transform="">
465
- <rect x="0" class="color-target" width="100" height="100" />
464
+ <g transform="translate(576,720) scale(0.48,0.48)">
465
+ <g transform="">
466
+ <rect x="0" class="color-target" width="100" height="100" />
467
+ </g>
466
468
  </g>
467
- </g>
468
- <g transform="translate(624,720) scale(0.48,0.48)">
469
- <g transform="">
470
- <rect x="0" class="color-target" width="100" height="100" />
469
+ <g transform="translate(624,720) scale(0.48,0.48)">
470
+ <g transform="">
471
+ <rect x="0" class="color-target" width="100" height="100" />
472
+ </g>
471
473
  </g>
472
- </g>
473
- <g transform="translate(672,720) scale(0.48,0.48)">
474
- <g transform="">
475
- <rect x="0" class="color-target" width="100" height="100" />
474
+ <g transform="translate(672,720) scale(0.48,0.48)">
475
+ <g transform="">
476
+ <rect x="0" class="color-target" width="100" height="100" />
477
+ </g>
476
478
  </g>
477
- </g>
478
- <g transform="translate(816,720) scale(0.48,0.48)">
479
- <g transform="">
480
- <rect x="0" class="color-target" width="100" height="100" />
479
+ <g transform="translate(816,720) scale(0.48,0.48)">
480
+ <g transform="">
481
+ <rect x="0" class="color-target" width="100" height="100" />
482
+ </g>
481
483
  </g>
482
- </g>
483
- <g transform="translate(864,720) scale(0.48,0.48)">
484
- <g transform="">
485
- <rect x="0" class="color-target" width="100" height="100" />
484
+ <g transform="translate(864,720) scale(0.48,0.48)">
485
+ <g transform="">
486
+ <rect x="0" class="color-target" width="100" height="100" />
487
+ </g>
486
488
  </g>
487
- </g>
488
- <g transform="translate(960,720) scale(0.48,0.48)">
489
- <g transform="">
490
- <rect x="0" class="color-target" width="100" height="100" />
489
+ <g transform="translate(960,720) scale(0.48,0.48)">
490
+ <g transform="">
491
+ <rect x="0" class="color-target" width="100" height="100" />
492
+ </g>
491
493
  </g>
492
- </g>
493
- <g transform="translate(384,768) scale(0.48,0.48)">
494
- <g transform="">
495
- <rect x="0" class="color-target" width="100" height="100" />
494
+ <g transform="translate(384,768) scale(0.48,0.48)">
495
+ <g transform="">
496
+ <rect x="0" class="color-target" width="100" height="100" />
497
+ </g>
496
498
  </g>
497
- </g>
498
- <g transform="translate(432,768) scale(0.48,0.48)">
499
- <g transform="">
500
- <rect x="0" class="color-target" width="100" height="100" />
499
+ <g transform="translate(432,768) scale(0.48,0.48)">
500
+ <g transform="">
501
+ <rect x="0" class="color-target" width="100" height="100" />
502
+ </g>
501
503
  </g>
502
- </g>
503
- <g transform="translate(480,768) scale(0.48,0.48)">
504
- <g transform="">
505
- <rect x="0" class="color-target" width="100" height="100" />
504
+ <g transform="translate(480,768) scale(0.48,0.48)">
505
+ <g transform="">
506
+ <rect x="0" class="color-target" width="100" height="100" />
507
+ </g>
506
508
  </g>
507
- </g>
508
- <g transform="translate(576,768) scale(0.48,0.48)">
509
- <g transform="">
510
- <rect x="0" class="color-target" width="100" height="100" />
509
+ <g transform="translate(576,768) scale(0.48,0.48)">
510
+ <g transform="">
511
+ <rect x="0" class="color-target" width="100" height="100" />
512
+ </g>
511
513
  </g>
512
- </g>
513
- <g transform="translate(720,768) scale(0.48,0.48)">
514
- <g transform="">
515
- <rect x="0" class="color-target" width="100" height="100" />
514
+ <g transform="translate(720,768) scale(0.48,0.48)">
515
+ <g transform="">
516
+ <rect x="0" class="color-target" width="100" height="100" />
517
+ </g>
516
518
  </g>
517
- </g>
518
- <g transform="translate(912,768) scale(0.48,0.48)">
519
- <g transform="">
520
- <rect x="0" class="color-target" width="100" height="100" />
519
+ <g transform="translate(912,768) scale(0.48,0.48)">
520
+ <g transform="">
521
+ <rect x="0" class="color-target" width="100" height="100" />
522
+ </g>
521
523
  </g>
522
- </g>
523
- <g transform="translate(384,816) scale(0.48,0.48)">
524
- <g transform="">
525
- <rect x="0" y="0" class="color-target" width="100" height="100" />
524
+ <g transform="translate(384,816) scale(0.48,0.48)">
525
+ <g transform="">
526
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
527
+ </g>
526
528
  </g>
527
- </g>
528
- <g transform="translate(576,816) scale(0.48,0.48)">
529
- <g transform="">
530
- <rect x="0" y="0" class="color-target" width="100" height="100" />
529
+ <g transform="translate(576,816) scale(0.48,0.48)">
530
+ <g transform="">
531
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
532
+ </g>
531
533
  </g>
532
- </g>
533
- <g transform="translate(720,816) scale(0.48,0.48)">
534
- <g transform="">
535
- <rect x="0" y="0" class="color-target" width="100" height="100" />
534
+ <g transform="translate(720,816) scale(0.48,0.48)">
535
+ <g transform="">
536
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
537
+ </g>
536
538
  </g>
537
- </g>
538
- <g transform="translate(768,816) scale(0.48,0.48)">
539
- <g transform="">
540
- <rect x="0" y="0" class="color-target" width="100" height="100" />
539
+ <g transform="translate(768,816) scale(0.48,0.48)">
540
+ <g transform="">
541
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
542
+ </g>
541
543
  </g>
542
- </g>
543
- <g transform="translate(864,816) scale(0.48,0.48)">
544
- <g transform="">
545
- <rect x="0" y="0" class="color-target" width="100" height="100" />
544
+ <g transform="translate(864,816) scale(0.48,0.48)">
545
+ <g transform="">
546
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
547
+ </g>
546
548
  </g>
547
- </g>
548
- <g transform="translate(384,864) scale(0.48,0.48)">
549
- <g transform="">
550
- <rect x="0" y="0" class="color-target" width="100" height="100" />
549
+ <g transform="translate(384,864) scale(0.48,0.48)">
550
+ <g transform="">
551
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
552
+ </g>
551
553
  </g>
552
- </g>
553
- <g transform="translate(432,864) scale(0.48,0.48)">
554
- <g transform="">
555
- <rect x="0" y="0" class="color-target" width="100" height="100" />
554
+ <g transform="translate(432,864) scale(0.48,0.48)">
555
+ <g transform="">
556
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
557
+ </g>
556
558
  </g>
557
- </g>
558
- <g transform="translate(480,864) scale(0.48,0.48)">
559
- <g transform="">
560
- <rect x="0" y="0" class="color-target" width="100" height="100" />
559
+ <g transform="translate(480,864) scale(0.48,0.48)">
560
+ <g transform="">
561
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
562
+ </g>
561
563
  </g>
562
- </g>
563
- <g transform="translate(528,864) scale(0.48,0.48)">
564
- <g transform="">
565
- <rect x="0" y="0" class="color-target" width="100" height="100" />
564
+ <g transform="translate(528,864) scale(0.48,0.48)">
565
+ <g transform="">
566
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
567
+ </g>
566
568
  </g>
567
- </g>
568
- <g transform="translate(624,864) scale(0.48,0.48)">
569
- <g transform="">
570
- <rect x="0" y="0" class="color-target" width="100" height="100" />
569
+ <g transform="translate(624,864) scale(0.48,0.48)">
570
+ <g transform="">
571
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
572
+ </g>
571
573
  </g>
572
- </g>
573
- <g transform="translate(816,864) scale(0.48,0.48)">
574
- <g transform="">
575
- <rect x="0" y="0" class="color-target" width="100" height="100" />
574
+ <g transform="translate(816,864) scale(0.48,0.48)">
575
+ <g transform="">
576
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
577
+ </g>
576
578
  </g>
577
- </g>
578
- <g transform="translate(864,864) scale(0.48,0.48)">
579
- <g transform="">
580
- <rect x="0" y="0" class="color-target" width="100" height="100" />
579
+ <g transform="translate(864,864) scale(0.48,0.48)">
580
+ <g transform="">
581
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
582
+ </g>
581
583
  </g>
582
- </g>
583
- <g transform="translate(480,912) scale(0.48,0.48)">
584
- <g transform="">
585
- <rect x="0" y="0" class="color-target" width="100" height="100" />
584
+ <g transform="translate(480,912) scale(0.48,0.48)">
585
+ <g transform="">
586
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
587
+ </g>
586
588
  </g>
587
- </g>
588
- <g transform="translate(720,912) scale(0.48,0.48)">
589
- <g transform="">
590
- <rect x="0" y="0" class="color-target" width="100" height="100" />
589
+ <g transform="translate(720,912) scale(0.48,0.48)">
590
+ <g transform="">
591
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
592
+ </g>
591
593
  </g>
592
- </g>
593
- <g transform="translate(768,912) scale(0.48,0.48)">
594
- <g transform="">
595
- <rect x="0" y="0" class="color-target" width="100" height="100" />
594
+ <g transform="translate(768,912) scale(0.48,0.48)">
595
+ <g transform="">
596
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
597
+ </g>
596
598
  </g>
597
- </g>
598
- <g transform="translate(816,912) scale(0.48,0.48)">
599
- <g transform="">
600
- <rect x="0" y="0" class="color-target" width="100" height="100" />
599
+ <g transform="translate(816,912) scale(0.48,0.48)">
600
+ <g transform="">
601
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
602
+ </g>
601
603
  </g>
602
- </g>
603
- <g transform="translate(864,912) scale(0.48,0.48)">
604
- <g transform="">
605
- <rect x="0" y="0" class="color-target" width="100" height="100" />
604
+ <g transform="translate(864,912) scale(0.48,0.48)">
605
+ <g transform="">
606
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
607
+ </g>
606
608
  </g>
607
- </g>
608
- <g transform="translate(384,960) scale(0.48,0.48)">
609
- <g transform="">
610
- <rect x="0" y="0" class="color-target" width="100" height="100" />
609
+ <g transform="translate(384,960) scale(0.48,0.48)">
610
+ <g transform="">
611
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
612
+ </g>
611
613
  </g>
612
- </g>
613
- <g transform="translate(432,960) scale(0.48,0.48)">
614
- <g transform="">
615
- <rect x="0" y="0" class="color-target" width="100" height="100" />
614
+ <g transform="translate(432,960) scale(0.48,0.48)">
615
+ <g transform="">
616
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
617
+ </g>
616
618
  </g>
617
- </g>
618
- <g transform="translate(528,960) scale(0.48,0.48)">
619
- <g transform="">
620
- <rect x="0" y="0" class="color-target" width="100" height="100" />
619
+ <g transform="translate(528,960) scale(0.48,0.48)">
620
+ <g transform="">
621
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
622
+ </g>
621
623
  </g>
622
- </g>
623
- <g transform="translate(624,960) scale(0.48,0.48)">
624
- <g transform="">
625
- <rect x="0" y="0" class="color-target" width="100" height="100" />
624
+ <g transform="translate(624,960) scale(0.48,0.48)">
625
+ <g transform="">
626
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
627
+ </g>
626
628
  </g>
627
- </g>
628
- <g transform="translate(768,960) scale(0.48,0.48)">
629
- <g transform="">
630
- <rect x="0" y="0" class="color-target" width="100" height="100" />
629
+ <g transform="translate(768,960) scale(0.48,0.48)">
630
+ <g transform="">
631
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
632
+ </g>
631
633
  </g>
632
- </g>
633
- <g transform="translate(912,960) scale(0.48,0.48)">
634
- <g transform="">
635
- <rect x="0" y="0" class="color-target" width="100" height="100" />
634
+ <g transform="translate(912,960) scale(0.48,0.48)">
635
+ <g transform="">
636
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
637
+ </g>
636
638
  </g>
637
- </g>
638
- <g transform="translate(0,0) scale(3.36, 3.36)">
639
- <g transform="">
640
- <g>
641
- <rect x="15" y="15" class="negative-space" width="70" height="70" />
642
- <path class="color-target" d="M85,0H15H0v15v70v15h15h70h15V85V15V0H85z M85,85H15V15h70V85z" />
639
+ <g transform="translate(0,0) scale(3.36, 3.36)">
640
+ <g transform="">
641
+ <g>
642
+ <rect x="15" y="15" class="negative-space" width="70" height="70" />
643
+ <path class="color-target" d="M85,0H15H0v15v70v15h15h70h15V85V15V0H85z M85,85H15V15h70V85z" />
644
+ </g>
643
645
  </g>
644
646
  </g>
645
- </g>
646
- <g transform="translate(672,0) scale(3.36, 3.36)">
647
- <g transform="">
648
- <g>
649
- <rect x="15" y="15" class="negative-space" width="70" height="70" />
650
- <path class="color-target" d="M85,0H15H0v15v70v15h15h70h15V85V15V0H85z M85,85H15V15h70V85z" />
647
+ <g transform="translate(672,0) scale(3.36, 3.36)">
648
+ <g transform="">
649
+ <g>
650
+ <rect x="15" y="15" class="negative-space" width="70" height="70" />
651
+ <path class="color-target" d="M85,0H15H0v15v70v15h15h70h15V85V15V0H85z M85,85H15V15h70V85z" />
652
+ </g>
651
653
  </g>
652
654
  </g>
653
- </g>
654
- <g transform="translate(0,672) scale(3.36, 3.36)">
655
- <g transform="">
656
- <g>
657
- <rect x="15" y="15" class="negative-space" width="70" height="70" />
658
- <path class="color-target" d="M85,0H15H0v15v70v15h15h70h15V85V15V0H85z M85,85H15V15h70V85z" />
655
+ <g transform="translate(0,672) scale(3.36, 3.36)">
656
+ <g transform="">
657
+ <g>
658
+ <rect x="15" y="15" class="negative-space" width="70" height="70" />
659
+ <path class="color-target" d="M85,0H15H0v15v70v15h15h70h15V85V15V0H85z M85,85H15V15h70V85z" />
660
+ </g>
659
661
  </g>
660
662
  </g>
661
- </g>
662
- <g transform="translate(96,96) scale(1.44, 1.44)">
663
- <g transform="">
664
- <rect x="0" y="0" class="color-target" width="100" height="100" />
663
+ <g transform="translate(96,96) scale(1.44, 1.44)">
664
+ <g transform="">
665
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
666
+ </g>
665
667
  </g>
666
- </g>
667
- <g transform="translate(768,96) scale(1.44, 1.44)">
668
- <g transform="">
669
- <rect x="0" y="0" class="color-target" width="100" height="100" />
668
+ <g transform="translate(768,96) scale(1.44, 1.44)">
669
+ <g transform="">
670
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
671
+ </g>
670
672
  </g>
671
- </g>
672
- <g transform="translate(96,768) scale(1.44, 1.44)">
673
- <g transform="">
674
- <rect x="0" y="0" class="color-target" width="100" height="100" />
673
+ <g transform="translate(96,768) scale(1.44, 1.44)">
674
+ <g transform="">
675
+ <rect x="0" y="0" class="color-target" width="100" height="100" />
676
+ </g>
675
677
  </g>
676
678
  </g>
677
- </g>
679
+ </svg>
678
680
  </template>
679
681
 
680
682
  <script>