@rypen-dev/shared-components 4.2.14 → 5.0.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 (19) hide show
  1. package/dist/index.js +1 -1
  2. package/package.json +12 -12
  3. package/scss/_variables.scss +1 -1
  4. package/scss/partials/_buttons.scss +35 -4
  5. package/scss/partials/_flyovers.scss +98 -0
  6. package/scss/partials/_typography.scss +1 -1
  7. package/scss/styles.scss +1 -0
  8. package/src/components/ModalWrapper.vue +15 -7
  9. package/src/components/ProductImageSelector.vue +4 -2
  10. package/src/components/icons/IconApprove.vue +4 -6
  11. package/src/components/icons/IconBase.vue +11 -5
  12. package/src/components/icons/IconCaret.vue +1 -3
  13. package/src/components/icons/IconClose.vue +4 -6
  14. package/src/components/icons/IconQrCode.vue +539 -541
  15. package/src/components/icons/IconSave.vue +12 -14
  16. package/src/components/icons/IconShare.vue +12 -14
  17. package/src/index.js +0 -3
  18. package/webpack.config.js +5 -5
  19. package/src/components/icons/IconSetup.vue +0 -33
package/src/components/icons/IconQrCode.vue CHANGED
@@ -1,682 +1,680 @@
1
1
  <template>
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>
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" />
8
6
  </g>
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>
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" />
13
11
  </g>
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>
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" />
18
16
  </g>
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>
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" />
23
21
  </g>
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>
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" />
28
26
  </g>
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>
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" />
33
31
  </g>
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>
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" />
38
36
  </g>
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>
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" />
43
41
  </g>
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>
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" />
48
46
  </g>
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>
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" />
53
51
  </g>
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>
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" />
58
56
  </g>
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>
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" />
63
61
  </g>
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>
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" />
68
66
  </g>
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>
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" />
73
71
  </g>
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>
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" />
78
76
  </g>
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>
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" />
83
81
  </g>
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>
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" />
88
86
  </g>
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>
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" />
93
91
  </g>
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>
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" />
98
96
  </g>
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>
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" />
103
101
  </g>
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>
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" />
108
106
  </g>
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>
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" />
113
111
  </g>
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>
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" />
118
116
  </g>
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>
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" />
123
121
  </g>
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>
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" />
128
126
  </g>
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>
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" />
133
131
  </g>
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>
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" />
138
136
  </g>
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>
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" />
143
141
  </g>
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>
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" />
148
146
  </g>
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>
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" />
153
151
  </g>
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>
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" />
158
156
  </g>
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>
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" />
163
161
  </g>
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>
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" />
168
166
  </g>
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>
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" />
173
171
  </g>
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>
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" />
178
176
  </g>
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>
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" />
183
181
  </g>
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>
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" />
188
186
  </g>
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>
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" />
193
191
  </g>
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>
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" />
198
196
  </g>
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>
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" />
203
201
  </g>
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>
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" />
208
206
  </g>
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>
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" />
213
211
  </g>
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>
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" />
218
216
  </g>
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>
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" />
223
221
  </g>
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>
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" />
228
226
  </g>
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>
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" />
233
231
  </g>
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>
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" />
238
236
  </g>
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>
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" />
243
241
  </g>
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>
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" />
248
246
  </g>
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>
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" />
253
251
  </g>
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>
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" />
258
256
  </g>
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>
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" />
263
261
  </g>
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>
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" />
268
266
  </g>
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>
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" />
273
271
  </g>
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>
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" />
278
276
  </g>
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>
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" />
283
281
  </g>
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>
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" />
288
286
  </g>
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>
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" />
293
291
  </g>
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>
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" />
298
296
  </g>
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>
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" />
303
301
  </g>
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>
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" />
308
306
  </g>
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>
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" />
313
311
  </g>
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>
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" />
318
316
  </g>
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>
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" />
323
321
  </g>
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>
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" />
328
326
  </g>
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>
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" />
333
331
  </g>
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>
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" />
338
336
  </g>
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>
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" />
343
341
  </g>
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>
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" />
348
346
  </g>
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>
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" />
353
351
  </g>
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>
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" />
358
356
  </g>
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>
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" />
363
361
  </g>
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>
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" />
368
366
  </g>
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>
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" />
373
371
  </g>
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>
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" />
378
376
  </g>
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>
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" />
383
381
  </g>
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>
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" />
388
386
  </g>
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>
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" />
393
391
  </g>
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>
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" />
398
396
  </g>
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>
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" />
403
401
  </g>
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>
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" />
408
406
  </g>
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>
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" />
413
411
  </g>
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>
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" />
418
416
  </g>
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>
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" />
423
421
  </g>
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>
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" />
428
426
  </g>
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>
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" />
433
431
  </g>
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>
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" />
438
436
  </g>
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>
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" />
443
441
  </g>
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>
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" />
448
446
  </g>
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>
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" />
453
451
  </g>
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>
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" />
458
456
  </g>
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>
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" />
463
461
  </g>
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>
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" />
468
466
  </g>
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>
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" />
473
471
  </g>
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>
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" />
478
476
  </g>
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>
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" />
483
481
  </g>
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>
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" />
488
486
  </g>
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>
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" />
493
491
  </g>
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>
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" />
498
496
  </g>
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>
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" />
503
501
  </g>
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>
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" />
508
506
  </g>
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>
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" />
513
511
  </g>
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>
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" />
518
516
  </g>
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>
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" />
523
521
  </g>
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>
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" />
528
526
  </g>
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>
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" />
533
531
  </g>
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>
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" />
538
536
  </g>
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>
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" />
543
541
  </g>
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>
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" />
548
546
  </g>
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>
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" />
553
551
  </g>
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>
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" />
558
556
  </g>
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>
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" />
563
561
  </g>
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>
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" />
568
566
  </g>
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>
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" />
573
571
  </g>
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>
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" />
578
576
  </g>
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>
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" />
583
581
  </g>
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>
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" />
588
586
  </g>
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>
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" />
593
591
  </g>
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>
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" />
598
596
  </g>
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>
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" />
603
601
  </g>
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>
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" />
608
606
  </g>
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>
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" />
613
611
  </g>
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>
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" />
618
616
  </g>
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>
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" />
623
621
  </g>
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>
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" />
628
626
  </g>
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>
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" />
633
631
  </g>
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>
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" />
638
636
  </g>
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>
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" />
645
643
  </g>
646
644
  </g>
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>
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" />
653
651
  </g>
654
652
  </g>
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>
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" />
661
659
  </g>
662
660
  </g>
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>
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" />
667
665
  </g>
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>
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" />
672
670
  </g>
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>
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" />
677
675
  </g>
678
676
  </g>
679
- </svg>
677
+ </g>
680
678
  </template>
681
679
 
682
680
  <script>