QuestionSets/fossilsort.html at master · MatzElectronics/QuestionSets · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Fossil Samples Relative Dating Practice</title>
    <script src="common_utils.js"></script>

    <style>
        * {
            font-family: Arial, Helvetica, Tahoma, 'Roboto', sans-serif;
            box-sizing: border-box;
        }

        body {
            padding: 50px;
            background: url('polyBkgGreen.svg');
            background-size: cover;
        }

        .main-table {
            padding: 20px;
            background: #fff;
            border-radius: 5px;
        }

        button {
            display: inline-block;
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 12px !important;
            font-weight: 400;
            line-height: 17px;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
        }

        button:hover {
            outline: none;
            filter: brightness(0.85);
        }

        #rock-layers {
            height: 550px;
        }

        .arrow {
            border-radius: 50%;
            width: 20px;
            height: 20px;
            padding: 0px;
            font-size: 9px !important;
            margin: 0 2px;
        }

        .arrow.down {
            padding-top: 2px;
        }

        .arrow.down:first-child {
            margin-left: 25px;
        }

        h4 {
            text-align: center;
            margin: 5px;
            font-weight: bold;
        }

        #fossil-graph {
            height: 620px;
            margin-left: 10px;
        }

        #bottom-label {
            height: 60px;
        }

        td {
            white-space: nowrap;
        }

        #layer-jpg, #graph-jpg {
            margin-left: 90px;
        }

        .fossil-label {
            font-size: 13px;
            font-style: italic;
            text-align: center;
            transform: rotate(-90deg) translate(0, -4px);
            height: 70px;
            max-width: 30px;
        }

        #fossil-label-table {
            width: 350px;
            margin: 9px 0px -6px 10px;
            text-align: center;
        }

        .directions {
            white-space: wrap;
        }

        .directions>p {
            max-width: 350px;
        }
    </style>


    <script>
        let svgGraph = '<svg id="fossil-graph" onmousedown="setCoords(evt);" onmousemove="dragCircle(evt);" onmouseup="dropCircle();" onmouseleave="dropCircle();" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 147 265"><g transform="translate(5.3 -32.4)"><g fill-rule="evenodd" stroke="#000" stroke-width=".36"><path fill="#63c364" d="M9 276.8c0-1.4 4.7-2.7 4.8 1 .2 5-5 5.5-4.8-1z"/><path fill="#45b446" d="M6.3 272c5 0 7.9 10 7.3 14.7-.5 4.9-4.2 10.7-8.4 10-4.2-.6-4.2-7.5-4.1-12 .1-4.5.1-12.5 5.2-12.6z"/><path fill="#63c364" d="M7.5 294c-.6-.1-6.3-2-6.8-4.3-1-4.4 1.4 2.5 11 2.4 1.7 0-.8 3.5-2.4 3.8-3.2.8-7.3-2-8-3.2-.7-1.5-.7-2 1.8-.5 1.5.9 4.1 2 4.4 1.9z"/><path fill="#6bc66c" d="M.5 285.7c.2-1.4 11.8 1.4 12.4 3.4 2 7-13.4 2.8-12.4-3.4z"/><path fill="#81cf82" d="M.5 284.1c.3-1.4 13.6-.7 13.7 3 .2 5-14.6.6-13.7-3z"/><path fill="#6bc66c" d="M.4 282.8c.7 1.8 15.4 6.3 13.6.7-1.6-5.1-15.5-5.5-13.6-.7z"/><path fill="#63c364" d="M.7 275.5c0-1.4 4.7-2.8 4.8 1 .2 4.9-4.9 5.5-4.8-1z"/><path fill="#bd7c0e" fill-rule="evenodd" d="M30.9 294c2.3 1 3.6-.5 4.4-3.1l-6.4-3c-.6 2.2 0 4.2 2 6.1z"/><path fill="#f3ba58" fill-rule="nonzero" stroke-linecap="round" d="M35.2 282.2c-1.4-2.4-4.7-.5-3.6 2 2.3 5.6 8.8 1.8 7-3.1-.5-2.4-3.4-4.9-5.8-4.4-4 .7-5.3 4.3-5.2 6.7.1 3 2.2 6 5.1 7.2 2.7 1.2 6.4-.3 8.5-2.4 2-2.2 3.2-5.8 2.2-8.6a10.5 10.5 0 00-8.2-6.3c-3.3-.4-7 1.3-9 3.8-2.1 2.6-2.9 6.7-1.6 10 1.6 4 6 6.7 6 6.7-1.3-2.3.3-4 2.1-3.2"/><path fill="#f5c02b" d="M87.2 273.5c2.8.8 3 5.3 2.3 8.1-1.3 6-1.4 17-12.4 13.8-9-2.8-5-13.2-1.5-18.2.6-.8 2-.4 3-.8 2.8-.9 2.7-4.5 8.6-2.9z"/><path fill="#d99d25" d="M87.2 273.5c1.5.4-2.4.5-4.3 1.5-1.6.8-2.6 2-2.1 3.1 2.5 6.8-5.4 8.6-6.5 11-1.6 3.5 8.1 7.9 2.8 6.3-9-2.8-5-13.2-1.5-18.2.6-.8 2-.4 3-.8 2.8-.9 2.7-4.5 8.6-2.9z"/><path fill="#d19866" d="M63 292c-.9.2-2 .8-2 1.7 0 1.7 2.3 3.6 3.9 3 1.3-.4 1.4-2.8.7-4-.6-.9-1.6-1-2.6-.8z"/><path fill="#eac982" d="M58.2 286.3c-1.4.5-2.4 1.1-1.8 2.8 1 3.1 5.7 5.8 7.8 4.3 1.7-1.3.8-2.9-1-5-1.4-1.4-2.9-2.8-5-2z"/><path fill="#eac982" d="M56.6 282.4c-1.3.5-3.4 1.3-2.8 3 1 3 6.7 5.7 8.8 4.2 1.8-1.3.9-3-1-5-1.3-1.5-2.8-2.9-5-2.2z"/><path fill="#eac982" d="M55.4 278.3c-1.3.4-6.2-.4-5.3 3 .9 3 9.1 6.2 11.2 4.7 1.8-1.3 1.6-3.5-.3-5.5-1.4-1.5-3.4-3-5.6-2.2z"/><path fill="#eac982" d="M53.7 273.5c-2.3-.4-6.6-.2-5.8 3.2.7 3.1 9.1 6.3 11.2 4.7 1.8-1.3 1.5-3.4-.3-5.5-1.4-1.5-2.8-2-5-2.4z"/><path fill="#d19866" d="M52.4 270.8c-.9.3-2 1-2 1.8 0 1.7 2.3 3.5 3.9 3 1.3-.4 1.4-2.8.7-4-.5-.9-1.6-1-2.6-.8z"/><path fill="#e4ad8c" d="M95.4 281.8c0-4.3 3-2.4 3.3-4.2.2-1-1.5-2-.9-2.9.5-.7 1.8.4 2.6.1.6-.1 1-1 1.6-1 1.6.2 1.8 3 3.3 3.5 1.4.5 3 .3 4.4-.2.7-.3 1-1.6 1.7-1.5 1.7.3 2.4 2.7 2.6 4.4.2 1.7-.1 3.7-1.4 4.7-1 .8-2.6-.4-3.6.3-1 .6-1.1 2-1.6 3-.6 1.3-.6 3-1.7 3.8-1 .8-2.7.9-4 .5-1-.3-1.8-1-2.3-2-.6-1 0-2.5-.6-3.6-.4-1-1.5-1.7-2.1-2.6-.5-.7-1.3-1.4-1.3-2.3z"/><path fill="#cd8879" d="M99.9 286.3c1.5-.8 1.5 3.5 3.2 3.7a4 4 0 003.7-1.6c.6-1 .6-2.5-.1-3.3-.9-1-3.1.4-4-.7-.8-1.1-.5-3.2.5-4.2.8-.7 2.4-.9 3.3-.2.8.7-.2 2.5.5 3.3.6.6 3.3-2.4 4-.1.3 1.2-3 1.3-3 3.4.1 1.5-1.1 2.9-1.5 4.3-.3 1.4-2.4 2-4.2 1.7a4.8 4.8 0 01-3-2.4c-.5-.9-.3-3.5.6-4z"/><path fill="#417d29" d="M123.4 280.1c-2.6 2.4-1.5 9.5-.8 9.5.8 0 4.1-5.6 1.9-6.8-.7-.4-.5 1.1-.2 2 .2.8 2.4 1.9 3.2 1.8 1.3-.1 2-2.6 1-3.8-1.3-1.7-2.1-1.6-3-2.1-.6-.4-1.6-1-2.1-.6z"/><path fill="#417d29" fill-rule="evenodd" d="M126.6 280.2c.7.9 2.4.1 3 1 2.8 4-3.2 9.6-.5 13.6.9 1.3 3.7 2.8 4.3 1.5.4-1-2.1-1.2-2.6-2.3-2-4.3 2.8-9.6 0-13.5-.9-1.3-3.2-2.4-4.3-1.5-.3.2-.2.8 0 1.2z"/><path fill="#417d29" fill-rule="evenodd" d="M126.9 279c.9.7 2.3-.6 3.2.1 3.6 3-.1 10.6 3.5 13.6 1.2 1 4.2 1.6 4.4.1.1-1-2.3-.5-3.1-1.4-3.1-3.6-.3-10.5-4-13.4-1.3-1-3.7-1.3-4.5 0-.1.2.2.8.5 1z"/><path fill="#417d29" fill-rule="evenodd" d="M127.3 277.7c1 .4 2-1.3 3-.8 4.1 2 2.6 10.5 6.7 12.6 1.4.6 4.4.4 4.1-1.2-.1-1-2.3.2-3.2-.5-3.8-2.7-3-10.4-7.2-12.3-1.4-.7-3.7-.3-4.1 1.2-.1.3.3.8.7 1z"/><path fill="#9ed538" fill-rule="evenodd" d="M120.6 271.9c-4 3.2 2 15.5 5.7 16 1 0-2.5-5.5 1.2-7.3 4.3-2-4.2-10.8-6.9-8.7z"/></g><path fill="none" stroke="#bbb" stroke-dasharray="2.4 2.4" stroke-width=".8" d="M-5.3 257h141.6M-5.3 230.3h141.6M-5.3 204.1h141.6M-5.3 177.4h141.6M-5.3 151.2h141.6M-5.3 124.5h141.6M-5.3 98.3h141.6M-5.3 71.6h141.6M-5.3 45.1h141.6"/><circle id="graph-circle-bottom-0" cx="6" cy="204" r="4" fill="#45b446"/><circle id="graph-circle-bottom-1" cx="30" cy="204" r="4" fill="#f3ba58"/><circle id="graph-circle-bottom-2" cx="54" cy="204" r="4" fill="#eac982"/><circle id="graph-circle-bottom-3" cx="78" cy="204" r="4" fill="#d99d25"/><circle id="graph-circle-bottom-4" cx="102" cy="204" r="4" fill="#cd8879"/><circle id="graph-circle-bottom-5" cx="126" cy="204" r="4" fill="#9ed538"/><circle id="graph-circle-top-0" cx="6" cy="125" r="4" fill="#45b446"/><circle id="graph-circle-top-1" cx="30" cy="125" r="4" fill="#f3ba58"/><circle id="graph-circle-top-2" cx="54" cy="125" r="4" fill="#eac982"/><circle id="graph-circle-top-3" cx="78" cy="125" r="4" fill="#d99d25"/><circle id="graph-circle-top-4" cx="102" cy="125" r="4" fill="#cd8879"/><circle id="graph-circle-top-5" cx="126" cy="125" r="4" fill="#9ed538"/><path id="graph-line-0" fill="none" stroke="#45b446" stroke-width="2" d="M6,125 6,204"/><path id="graph-line-1" fill="none" stroke="#f3ba58" stroke-width="2" d="M30,125 30,204"/><path id="graph-line-2" fill="none" stroke="#eac982" stroke-width="2" d="M54,125 54,204"/><path id="graph-line-3" fill="none" stroke="#d99d25" stroke-width="2" d="M78,125 78,204"/><path id="graph-line-4" fill="none" stroke="#cd8879" stroke-width="2" d="M102,125 102,204"/><path id="graph-line-5" fill="none" stroke="#9ed538" stroke-width="2" d="M126,125 126,204"/></g></svg>';

        let svgContainer = ['<svg id="rock-layers" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 630">', '</svg>'];
        let rockLayerSvg = [
            '<g transform="translate(30, YYY)"><g transform="translate(-15, 0)" id="layer-circle-0"><circle cx="0" cy="35" r="12" fill="#aaa"/></g><rect fill="#c7977d" stroke="none" x="0" y="0" height="70" width="290"/><g stroke="#000" stroke-width=".8"><g fill-rule="evenodd"><path fill="#63c364" d="M267 10c-1-3 7-10 11-3 5 10-5 16-11 3z"/><path fill="#45b446" d="M257 4c10-6 25 11 29 22 4 10 2 25-7 28s-16-11-20-20-12-25-2-30z"/><path fill="#63c364" d="M281 46c-1 1-14 3-18-2-6-8 5 4 25-6 3-2 1 8-1 10-6 5-17 4-20 2-3-3-3-3 4-3l10-1z"/><path fill="#6bc66c" d="M259 36c-1-3 25-8 28-5 11 12-24 19-28 5z"/><path fill="#81cf82" d="M257 33c0-3 27-15 31-7 5 9-29 15-31 7z"/><path fill="#6bc66c" d="M256 31c3 3 37-3 28-12s-37 4-28 12z"/><path fill="#63c364" d="M249 16c-1-3 7-10 11-3 5 10-5 16-11 3z"/></g><path fill="#bd7c0e" fill-rule="evenodd" d="M288 42c0-6-4-7-10-6v16c5-1 9-4 10-10z"/><path fill="#f3ba58" stroke-linecap="round" d="M260 45c-3 5 4 10 8 5 9-10-5-19-13-11-5 4-7 12-4 16 6 7 14 7 19 4 6-3 10-10 10-17-1-7-7-13-14-15-6-2-14-1-19 4s-7 15-5 23c3 7 10 12 17 14s16-1 22-7c6-7 7-18 7-18-3 5-8 3-8-1"/><g fill-rule="evenodd"><path fill="#63c364" d="M101 12c-2-3 3-12 9-6 8 8 1 16-9 6z"/><path fill="#45b446" d="M89 8c9-8 28 4 35 13 6 8 10 23 2 29-8 5-19-6-25-13-7-8-20-21-12-29z"/><path fill="#63c364" d="M125 42c-1 0-13 6-18 3-8-5 7 2 22-13 3-2 4 7 2 10-4 6-15 8-18 7s-4-2 2-3l10-4z"/><path fill="#6bc66c" d="M101 39c-2-3 21-16 25-13 14 8-17 25-25 13z"/><path fill="#81cf82" d="M99 37c-2-3 21-23 26-17 8 8-22 24-26 17z"/><path fill="#6bc66c" d="M96 35c4 2 35-14 24-20S86 30 96 35z"/><path fill="#63c364" d="M86 22c-2-2 3-11 9-6 8 8 0 17-9 6z"/></g><g fill-rule="evenodd"><path fill="#63c364" d="M218 49c-3 0-6-11 2-11 11 0 13 11-2 11z"/><path fill="#45b446" d="M207 55c0-12 22-18 33-17 11 2 24 10 23 19-2 10-17 10-27 9-10 0-28 0-29-11z"/><path fill="#63c364" d="M257 52c-1 1-5 14-10 15-10 2 5-3 5-24 0-4 8 1 9 5 1 7-5 16-7 18-4 1-5 1-2-4l5-10z"/><path fill="#6bc66c" d="M238 68c-3-1 3-27 8-28 15-4 6 30-8 28z"/><path fill="#81cf82" d="M234 68c-3-1-1-31 7-31 11 0 1 33-7 31z"/><path fill="#6bc66c" d="M231 68c5-2 15-34 2-30-11 3-12 34-2 30z"/><path fill="#63c364" d="M215 67c-3 0-6-10 2-11 11 0 13 12-2 11z"/></g><path fill="#bd7c0e" fill-rule="evenodd" d="M175 19c-4-4-8-2-12 2l10 12c4-3 4-8 2-14z"/><path fill="#f3ba58" stroke-linecap="round" d="M155 39c0 6 9 6 9-1 1-13-16-12-17 0-1 5 2 13 7 14 9 3 15-3 18-8 2-6 1-14-4-20-4-5-13-5-19-3s-12 9-13 15c-1 8 4 17 10 21 7 4 16 4 22 1 7-3 13-11 13-19 1-9-6-19-6-19 1 6-4 8-7 4"/><path fill="#bd7c0e" fill-rule="evenodd" d="M70 25c3-4 7-3 11 2L71 39c-3-4-4-8-1-14z"/><path fill="#f3ba58" stroke-linecap="round" d="M90 45c-1 6-9 5-10-1 0-14 16-12 18 0 1 5-3 13-8 14-9 2-15-3-17-8-2-7-1-15 3-20 5-5 14-5 20-3s12 8 13 15c1 8-4 16-11 21-6 4-15 4-22 1-6-4-12-11-12-19-1-10 5-19 5-19 0 5 4 7 7 4"/><g fill-rule="evenodd"><path fill="#63c364" d="M42 52c-2 2-12-2-7-9 7-9 16-2 7 9z"/><path fill="#45b446" d="M39 64c-8-8 1-28 10-36 8-7 22-11 29-4 6 7-5 19-11 26-7 7-19 21-28 14z"/><path fill="#63c364" d="M70 25c0 1 7 13 5 17-5 9 1-6-15-20-3-2 6-5 9-3 7 4 10 14 9 17-1 4-2 5-4-1l-4-10z"/><path fill="#6bc66c" d="M69 49c-2 2-18-19-16-24 7-14 27 15 16 24z"/><path fill="#81cf82" d="M67 52c-3 2-24-19-19-25 7-9 26 20 19 25z"/><path fill="#6bc66c" d="M65 54c2-4-17-33-22-21-5 11 18 32 22 21z"/><path fill="#63c364" d="M54 66c-2 3-12-2-7-8 7-9 16-3 7 8z"/></g><g><path fill="#bd7c0e" fill-rule="evenodd" d="M44 40c4-4 2-8-3-12L30 40c4 3 9 3 14 0z"/><path fill="#f3ba58" stroke-linecap="round" d="M23 22c-6 1-5 10 1 9 14 0 11-17-1-17-5-1-13 4-14 9-1 9 5 14 10 16 7 2 15 0 20-5 4-5 4-14 1-20S30 3 23 3 7 8 4 15 1 31 5 37c4 7 12 11 20 11 10 0 19-7 19-7-6 1-8-4-5-7"/></g><g fill-rule="evenodd"><path fill="#63c364" d="M157 14c-3 0-6-10 2-10 11-1 13 11-2 10z"/><path fill="#45b446" d="M146 21c0-12 22-18 33-17s24 10 23 19c-2 9-17 9-27 9s-28 0-29-11z"/><path fill="#63c364" d="M196 18c-1 1-5 14-10 15-10 2 5-3 5-25 0-3 8 2 9 6 1 7-5 16-8 18-3 1-4 1-1-4l5-10z"/><path fill="#6bc66c" d="M177 34c-3-1 3-27 8-28 15-5 6 30-8 28z"/><path fill="#81cf82" d="M173 33c-3 0-1-30 7-30 11-1 1 32-7 30z"/><path fill="#6bc66c" d="M170 34c5-2 14-35 2-31s-12 35-2 31z"/><path fill="#63c364" d="M154 33c-3 0-6-11 2-11 11 0 13 11-2 11z"/></g><g><path fill="#bd7c0e" fill-rule="evenodd" d="M208 56c5 2 8-2 10-7l-14-7c-2 5 0 10 4 14z"/><path fill="#f3ba58" stroke-linecap="round" d="M218 29c-3-5-11-1-8 5 5 12 20 4 16-7-2-6-8-11-13-10-9 1-12 10-12 15 0 7 5 13 11 16s15-1 19-5c5-5 7-13 5-20s-10-13-18-14c-7-1-16 3-20 9-5 6-7 15-4 22 4 9 14 15 14 15-3-5 0-9 4-7"/></g></g></g>',
            '<g transform="translate(30, YYY)"><g transform="translate(-15, 0)" id="layer-circle-1"><circle cx="0" cy="35" r="12" fill="#aaa"/></g><rect fill="#a65949" stroke="none" x="0" y="0" height="70" width="290"/><g fill-rule="evenodd" stroke="#000" stroke-width=".8"><path fill="#63c364" d="M11 14C8 14 5 4 13 4c11-1 13 11-2 10z"/><path fill="#45b446" d="M0 20C0 9 22 3 33 4s24 10 23 19c-2 9-17 9-27 9S1 32 0 20z"/><path fill="#63c364" d="M50 18c-1 1-5 14-10 15-10 2 5-3 5-25 0-3 8 2 9 6 1 7-5 16-8 18-3 1-4 1-1-4l5-10z"/><path fill="#6bc66c" d="M31 33c-3 0 3-26 8-27 15-5 6 30-8 27z"/><path fill="#81cf82" d="M27 33c-3 0-1-30 7-30 11-1 1 32-7 30z"/><path fill="#6bc66c" d="M24 34c5-2 14-35 2-31s-12 35-2 31z"/><path fill="#63c364" d="M8 33c-3 0-6-11 2-11 11 0 13 11-2 11zM68 29c-2-3 4-12 10-6 7 8 0 17-10 6z"/><path fill="#45b446" d="M56 25c9-8 28 4 35 13 6 8 10 24 2 29s-19-6-25-13c-7-8-20-21-12-29z"/><path fill="#63c364" d="M92 59c-1 1-13 6-17 3-9-5 6 2 21-13 3-2 4 7 2 10-4 6-15 8-18 7s-4-2 2-3l10-4z"/><path fill="#6bc66c" d="M68 56c-2-2 21-16 25-13 14 8-17 25-25 13z"/><path fill="#81cf82" d="M66 54c-2-3 21-22 27-16 7 7-23 23-27 16z"/><path fill="#6bc66c" d="M63 52c4 2 35-14 24-20S53 47 63 52z"/><path fill="#63c364" d="M53 39c-2-2 3-11 9-5 8 7 1 16-9 5z"/><g><path fill="#63c364" d="M120 13c1-3 12-3 9 5-2 11-14 9-9-5z"/><path fill="#45b446" d="M117 1c11 3 10 26 6 36s-16 20-24 16c-9-4-4-19-1-29 3-9 8-26 19-23z"/><path fill="#63c364" d="M105 49c-1-1-12-9-11-14 0-10 1 6 22 12 3 1-4 7-8 7-7-1-14-9-15-12-1-4 0-5 4 0l8 7z"/><path fill="#6bc66c" d="M96 26c1-3 24 11 24 16 0 16-30-3-24-16z"/><path fill="#81cf82" d="M97 23c1-3 29 7 27 15-3 11-31-8-27-15z"/><path fill="#6bc66c" d="M97 20c1 4 29 23 29 10 0-12-30-22-29-10z"/><path fill="#63c364" d="M103 4c1-3 12-2 10 6-3 10-15 8-10-6z"/></g><g><path fill="#63c364" d="M134 46c-2 2-12-3-7-9 7-9 17-2 7 9z"/><path fill="#45b446" d="M131 58c-8-8 2-29 10-36s22-12 29-4c6 7-5 19-11 26-7 7-19 21-28 14z"/><path fill="#63c364" d="M162 19c0 1 7 12 5 17-5 9 1-6-15-20-3-2 6-5 9-3 7 3 10 14 9 17-1 4-2 4-4-2l-4-9z"/><path fill="#6bc66c" d="M161 43c-2 2-18-20-16-24 7-14 27 15 16 24z"/><path fill="#81cf82" d="M159 46c-3 2-24-19-19-25 7-9 26 20 19 25z"/><path fill="#6bc66c" d="M157 48c2-4-17-33-22-21-5 11 18 32 22 21z"/><path fill="#63c364" d="M146 60c-2 2-12-2-7-9 7-8 17-2 7 9z"/></g><g><path fill="#63c364" d="M15 50c-3 0-9-8-1-11 10-4 15 6 1 11z"/><path fill="#45b446" d="M7 59C3 48 22 35 33 33s26 2 27 11c2 10-13 14-23 17-9 3-27 8-30-2z"/><path fill="#63c364" d="M53 41c0 1 0 15-5 18-9 5 4-5-2-26-2-3 8 0 9 3 4 6 1 17-1 19-3 3-4 3-2-3l1-11z"/><path fill="#6bc66c" d="M40 62c-3 0-5-26-1-29 13-9 15 27 1 29z"/><path fill="#81cf82" d="M36 63c-3 0-10-29-3-31 11-4 12 30 3 31z"/><path fill="#6bc66c" d="M34 64c3-3 3-37-8-30-10 7-1 37 8 30z"/><path fill="#63c364" d="M18 68c-3 1-9-8-1-11 10-3 15 7 1 11z"/></g><g><path fill="#63c364" d="M196 58c3 1 3 11-5 10-11-2-9-14 5-10z"/><path fill="#45b446" d="M207 54c-2 11-25 12-35 9-10-4-21-15-18-24 4-9 19-5 29-2 9 2 27 6 24 17z"/><path fill="#63c364" d="M159 46c1-1 7-13 13-13 10 0-6 2-11 23-1 4-7-4-7-7 0-8 8-15 11-16 4-1 5-1 0 4l-6 9z"/><path fill="#6bc66c" d="M181 35c3 1-9 25-14 25-16 1 1-31 14-25z"/><path fill="#81cf82" d="M184 36c3 1-5 29-13 28-11-2 6-32 13-28z"/><path fill="#6bc66c" d="M187 36c-4 1-21 30-8 29 12-1 20-31 8-29z"/><path fill="#63c364" d="M203 40c3 1 3 12-5 10-11-2-9-13 5-10z"/></g><g><path fill="#63c364" d="M190 16c-3-1-3-11 5-9 10 3 8 14-5 9z"/><path fill="#45b446" d="M178 19c3-11 26-10 36-6s20 16 16 25c-4 8-19 4-29 0-9-3-27-8-23-19z"/><path fill="#63c364" d="M225 31c0 1-8 12-13 12-11-1 6-2 12-22 1-4 7 4 7 7-1 8-9 15-13 15-3 1-4 0 1-4l6-8z"/><path fill="#6bc66c" d="M203 40c-3-1 11-24 15-24 17 1-2 31-15 24z"/><path fill="#81cf82" d="M200 39c-3-1 7-29 15-27 11 3-8 32-15 27z"/><path fill="#6bc66c" d="M197 39c4-1 23-29 10-29-12 0-22 30-10 29z"/><path fill="#63c364" d="M181 33c-3-1-3-12 5-9 11 2 9 14-5 9z"/></g><g><path fill="#63c364" d="M218 48c-3 0-6-10 2-11 11 0 13 11-2 11z"/><path fill="#45b446" d="M207 54c0-11 22-17 33-16s24 9 23 19c-2 9-17 9-27 9s-28 0-29-12z"/><path fill="#63c364" d="M257 51c-1 2-5 15-10 16-10 2 5-3 5-25 0-4 8 2 9 5 1 8-5 17-8 18-3 2-4 2-1-4l5-10z"/><path fill="#6bc66c" d="M238 67c-3 0 3-26 8-28 15-4 6 30-8 28z"/><path fill="#81cf82" d="M234 67c-3-1-1-30 7-30 11-1 1 32-7 30z"/><path fill="#6bc66c" d="M231 68c5-2 14-35 2-31s-12 35-2 31z"/><path fill="#63c364" d="M215 67c-3 0-6-11 2-11 11 0 13 11-2 11z"/></g><g><path fill="#63c364" d="M267 10c-1-3 7-10 11-3 5 10-5 16-11 3z"/><path fill="#45b446" d="M257 3c10-5 25 12 29 22s2 26-7 29c-9 2-16-12-20-21s-12-25-2-30z"/><path fill="#63c364" d="M281 46c-1 0-15 2-18-2-6-8 5 3 25-6 3-2 1 7-1 10-6 4-17 3-20 1s-3-3 3-3h11z"/><path fill="#6bc66c" d="M259 36c-1-3 25-9 28-6 11 12-24 19-28 6z"/><path fill="#81cf82" d="M257 33c-1-3 27-15 31-8 5 10-29 16-31 8z"/><path fill="#6bc66c" d="M255 30c4 3 38-2 29-12-9-9-37 4-29 12z"/><path fill="#63c364" d="M249 15c-1-3 7-10 11-3 5 10-5 16-11 3z"/></g></g></g>',
            '<g transform="translate(30, YYY)"><g transform="translate(-15, 0)" id="layer-circle-2"><circle cx="0" cy="35" r="12" fill="#aaa"/></g><rect fill="#60565e" stroke="none" x="0" y="0" height="70" width="290"/><g fill-rule="evenodd" stroke="#000" stroke-width=".8"><path fill="#e4ad8c" d="M247 45c0-10 7-6 7-10 1-2-3-4-2-6 2-2 4 1 6 0l4-2c3 0 4 6 7 8 3 1 7 0 10-1 2-1 2-3 4-3 4 0 5 6 6 10 0 3-1 8-4 10-2 2-5-1-8 1-2 1-2 4-3 7-2 2-1 6-4 8-2 2-6 2-9 1l-5-4c-2-3 0-6-1-9l-5-5c-1-2-3-3-3-5z"/><path fill="#cd8879" d="M257 55c3-2 4 7 7 8s7-1 9-4c1-2 1-5-1-7s-7 1-9-2c-1-2-1-7 1-9s6-2 8 0c2 1-1 5 1 7 1 1 7-5 9 0 1 3-7 3-7 7s-2 7-3 10-6 4-10 4c-2-1-5-3-6-6-1-2-1-8 1-8z"/><path fill="#d19866" d="M46 55c-2 0-5 1-5 3-1 3 3 9 7 8 3 0 5-5 4-8-1-2-3-3-6-3z"/><path fill="#eac982" d="M39 40c-3 0-6 1-6 5 1 8 10 16 15 14s4-6 0-12c-2-4-4-7-9-7z"/><path fill="#eac982" d="M37 31c-3 0-8 1-7 5 0 7 12 16 17 13 4-2 3-5 0-11-2-4-5-8-10-7z"/><path fill="#eac982" d="M37 21c-4 1-14-4-13 4 0 7 16 18 22 16 4-2 5-7 2-12-2-4-6-8-11-8z"/><path fill="#eac982" d="M35 10c-4-2-14-4-14 4 0 7 17 18 22 16s5-7 2-12c-2-4-5-6-10-8z"/><path fill="#d19866" d="M34 4c-2 0-5 0-6 2 0 4 4 9 8 9 3 0 4-5 3-9-1-2-3-3-5-2zM164 14h-6c-2-3-1-10 3-11 3-1 6 3 6 7 1 2-1 4-3 4z"/><path fill="#eac982" d="M162 31c-3 1-6 1-7-3-2-7 3-18 9-18 5 0 5 4 4 10 0 5-1 9-6 11z"/><path fill="#eac982" d="M164 40c-3 1-8 2-9-2-2-7 5-19 11-19 5 0 5 4 5 11-1 4-2 9-7 10z"/><path fill="#eac982" d="M167 49c-3 1-11 9-13 1-3-6 8-23 14-23 5 0 8 5 7 11-1 4-3 10-8 11z"/><path fill="#eac982" d="M170 60c-3 4-11 9-14 2s8-23 14-23c5 0 7 4 7 10-1 5-3 7-7 11z"/><path fill="#d19866" d="M171 67c-2 0-5 1-6-1-2-3 0-10 4-11 3-1 6 4 6 7 0 2-1 4-4 5z"/><g><path fill="#f5c02b" d="M29 31c2-6 12-6 19-5 13 3 38 3 30 28-6 20-29 11-40 3-2-1-1-4-2-7-2-6-10-6-7-19z"/><path fill="#d99d25" d="M29 31c1-3 2 6 4 10 2 3 4 6 7 5 15-6 19 12 24 14 8 4 18-18 14-6-6 20-29 11-40 3-2-1-1-4-2-7-2-6-10-6-7-19z"/></g><g><path fill="#e4ad8c" d="M213 50c-1 9-7 4-8 8-1 2 3 5 1 7-1 1-4-1-6-1l-3 2c-4-1-4-7-7-9h-10c-2 0-2 3-4 3-4-1-5-7-5-11 0-3 2-8 5-10 2-1 5 2 8 0 2-1 3-4 4-6 2-3 2-7 5-8 2-2 6-1 9 0l4 5 1 8c0 2 3 4 4 6l2 6z"/><path fill="#cd8879" d="M204 39c-3 1-2-8-6-9-3-1-7 0-9 2-1 2-2 6 0 8 1 2 7 0 8 2 2 3 1 7-2 9-2 2-5 2-7 0s1-5 0-7-8 4-9-1c-1-3 7-2 7-7 0-3 3-6 5-9 1-3 5-4 9-3 3 1 6 4 7 6 0 2-1 8-3 9z"/></g><g><path fill="#f5c02b" d="M119 12c-6-2-11 7-13 14-3 13-13 35 12 39 21 4 23-21 21-35-1-2-4-3-6-4-4-5 0-12-14-14z"/><path fill="#d99d25" d="M119 12c-3-1 4 3 7 7 3 3 4 6 2 8-12 11 2 23 2 28 0 9-24 8-12 10 21 4 23-21 21-35-1-2-4-3-6-4-4-5 0-12-14-14z"/></g><g><path fill="#d19866" d="M74 41c-1-2-1-5-3-5-4-1-9 4-9 7 1 4 6 5 9 4 2-1 3-3 3-6z"/><path fill="#eac982" d="M88 33c0-3-1-6-5-5-8 1-16 10-13 15 2 5 6 3 11 0 4-2 8-5 7-10z"/><path fill="#eac982" d="M97 31c0-3-1-8-5-7-7 1-15 12-13 18 2 4 6 3 11-1 4-2 8-4 7-10z"/><path fill="#eac982" d="M107 31c-1-4 3-14-4-13-8 0-18 17-16 22s7 5 13 2c4-2 7-6 7-11z"/><path fill="#eac982" d="M118 29c2-5 3-14-4-14-8 0-18 17-16 22s7 5 13 2c3-2 5-5 7-10z"/><path fill="#d19866" d="M124 27c0-2-1-5-3-5-3-1-8 4-8 7 1 3 6 5 9 4 2-1 3-3 2-6z"/></g><g><path fill="#d19866" d="M191 13V7c-3-2-10-1-11 3-1 3 3 6 6 6 3 1 4-1 5-3z"/><path fill="#eac982" d="M208 11c1-3 1-6-3-7-7-2-18 3-18 9 0 5 4 5 10 4 5 0 9-1 11-6z"/><path fill="#eac982" d="M217 13c1-3 2-8-2-9-7-2-19 5-19 11 0 5 4 5 10 5 5-1 9-2 11-7z"/><path fill="#eac982" d="M226 17c1-3 9-11 1-14-6-2-23 9-23 14s5 8 11 7c4-1 9-3 11-7z"/><path fill="#eac982" d="M237 20c4-4 9-12 2-15s-24 8-24 14c0 5 5 7 11 7 4-1 7-3 11-6z"/><path fill="#d19866" d="M243 21v-6c-3-2-10-1-11 3-1 3 3 6 7 6 2 1 4-1 4-3z"/></g><g><path fill="#e4ad8c" d="M127 22c0-9 7-5 8-9 0-2-4-5-2-6 1-2 4 0 5 0 2-1 3-3 4-2 4 0 4 6 8 7 3 2 6 1 9 0 2-1 2-4 4-3 4 0 5 6 6 9 0 4 0 9-3 11-2 2-6-1-8 1-3 1-3 4-4 6-1 3-1 7-4 9-2 2-6 2-9 1l-5-4-1-9-5-5-3-6z"/><path fill="#cd8879" d="M137 32c4-1 4 8 7 9 3 0 7-1 9-4v-7c-2-2-7 1-9-2-2-2-2-7 1-9 1-2 5-2 7-1 2 2 0 6 1 8 2 1 7-6 9 0 1 2-7 2-6 7 0 4-3 7-4 10s-5 4-9 3c-3 0-6-2-7-5-1-2-1-8 1-9z"/></g><g><path fill="#f5c02b" d="M239 36c1 6 11 7 18 5 13-3 38-3 31-27-7-20-30-12-41-4-2 2-1 5-2 7-2 6-10 6-6 19z"/><path fill="#d99d25" d="M239 36c1 4 1-5 3-9s4-6 7-5c15 6 19-12 24-15 8-3 18 19 15 7-7-20-30-12-41-4-2 2-1 5-2 7-2 6-10 6-6 19z"/></g><g><path fill="#e4ad8c" d="M30 28c9 2 3 7 7 9 2 1 5-2 7 0 1 2-2 4-2 6l1 4c-2 3-8 2-10 5-2 2-3 6-2 9l2 5c-2 3-8 3-12 3-3-1-7-3-9-7-1-2 3-5 2-8 0-2-3-3-5-5-3-2-6-3-7-6s0-6 1-9l6-4 8 2 7-3c2-1 4-2 6-1z"/><path fill="#cd8879" d="M18 34c0 4-9 1-11 5-1 2-1 6 1 9 2 1 5 2 7 1 3-1 2-6 5-7 2-2 7 0 8 3 1 2 0 6-2 7-2 2-5-2-7-1s3 9-2 9c-3 0-1-7-6-9-3 0-5-4-8-6-3-1-2-6-1-10 2-2 5-5 8-5 2 0 7 2 8 4z"/></g><g><path fill="#e4ad8c" d="M87 34c-7 7-8-1-11 1-2 1-2 6-4 6s-2-4-4-5l-4-1c-2-3 2-7 1-11-1-3-4-5-7-7h-5c-2-3 1-8 4-11 2-3 6-5 10-5 2 1 3 5 6 6 2 1 4-1 7-2l9-3c3 1 5 3 7 6v7c-1 3-4 4-6 6l-1 8c0 2 0 4-2 5z"/><path fill="#cd8879" d="M88 20c-3-1 4-8 2-11-2-2-6-4-9-4-2 1-5 3-5 6s5 4 5 7c-1 3-5 6-8 6-2-1-5-3-5-5 0-3 4-4 5-6 0-2-9-2-6-7 1-2 6 3 9 0l10-4c3-1 7 1 9 5 1 2 2 6 1 8s-6 6-8 5z"/></g><g><path fill="#d19866" d="M252 56c-2 2-3 4-2 6 2 3 9 4 11 1s-1-7-4-9c-2-1-4 0-5 2z"/><path fill="#eac982" d="M236 52c-2 2-3 5 0 7 6 4 18 4 20-1 1-5-2-7-8-9-5-1-9-1-12 3z"/><path fill="#eac982" d="M228 46c-2 3-5 7-1 9 5 5 19 3 21-3 2-4-2-6-8-8-4-1-9-2-12 2z"/><path fill="#eac982" d="M221 40c-2 2-12 7-6 12 5 5 24 0 26-5s-1-8-7-10c-5-1-10-1-13 3z"/><path fill="#eac982" d="M212 33c-5 2-13 8-7 13 5 5 24 1 26-5 2-4-1-8-7-10-4-1-8 0-12 2z"/><path fill="#d19866" d="M206 30c-1 1-3 4-2 6 2 3 9 3 11 0 2-2 0-7-3-8-2-1-4 0-6 2z"/></g></g></g>',
            '<g transform="translate(30, YYY)"><g transform="translate(-15, 0)" id="layer-circle-3"><circle cx="0" cy="35" r="12" fill="#aaa"/></g><rect fill="#9a9098" stroke="none" x="0" y="0" height="70" width="290"/><g stroke="#000" stroke-width=".8"><g fill-rule="evenodd"><path fill="#d19866" d="M182 55c-2 0-5 1-6 3 0 4 4 9 7 9 3-1 5-6 4-9-1-2-3-3-5-3z"/><path fill="#eac982" d="M174 41c-3 0-6 1-5 5 0 7 9 15 14 13s4-6 1-11c-3-4-5-8-10-7z"/><path fill="#eac982" d="M172 31c-3 1-8 1-7 5 1 8 12 16 17 14s3-6 0-12c-2-3-5-7-10-7z"/><path fill="#eac982" d="M172 22c-3 0-13-4-13 3 0 8 17 19 22 16 4-2 5-6 2-12-2-4-6-8-11-7z"/><path fill="#eac982" d="M171 10c-5-2-15-3-15 4 0 8 17 19 22 16 5-2 5-6 2-12-2-4-5-6-9-8z"/><path fill="#d19866" d="M169 4c-2 0-5 1-5 3-1 3 3 9 7 8 3 0 4-5 3-8 0-2-3-3-5-3z"/></g><g fill-rule="evenodd"><path fill="#e4ad8c" d="M114 42c0-9 7-5 8-9 0-2-4-5-2-6 1-2 4 0 6 0 1-1 2-3 3-2 4 0 4 6 8 7 3 2 6 1 10 0 1-1 2-4 3-3 4 0 6 6 6 9 1 4 0 9-3 11-2 2-6-1-8 1-2 1-3 4-4 6-1 3-1 7-4 9-2 2-6 2-8 1-3-1-5-2-6-4l-1-9-5-5-3-6z"/><path fill="#cd8879" d="M124 52c4-1 4 8 8 9 3 0 6-1 8-4v-7c-2-2-7 1-9-2-2-2-1-7 1-9s5-2 7-1c2 2 0 6 1 8 2 1 8-6 9 0 1 2-6 3-6 7s-3 7-4 10c0 3-5 4-9 3-3 0-6-2-7-5-1-2 0-8 1-9z"/></g><path fill="#417d29" d="M155 48c-8-1-16-15-15-16 2-1 15 4 13 10-1 1-2-2-3-4s2-6 3-7c3-2 7 2 7 5 0 5-1 6-2 8l-3 4z"/><path fill="#417d29" fill-rule="evenodd" d="M160 44c0-3 4-4 4-7 0-10-18-12-19-23 0-4 3-10 6-9 2 2-2 6-2 8 2 10 18 14 18 24 1 4-2 9-5 9l-2-2z"/><path fill="#417d29" fill-rule="evenodd" d="M162 45c1-2 5-2 6-4 2-11-14-19-12-29 1-4 5-9 8-6 1 1-4 4-4 6-1 11 14 19 11 30-1 3-5 7-8 6l-1-3z"/><path fill="#417d29" fill-rule="evenodd" d="M165 47c1-2 5 0 6-2 5-10-9-23-5-32 2-3 8-7 9-4s-4 3-5 6c-3 10 9 22 4 31-2 3-6 6-9 4v-3z"/><path fill="#9ed538" fill-rule="evenodd" d="M161 66c-12 0-18-30-12-36 2-1 3 13 12 11 11-2 7 26 0 25z"/><g fill-rule="evenodd"><path fill="#e4ad8c" d="M247 45c0-10 7-6 7-10 1-2-3-4-2-6 2-2 4 1 6 0l4-2c3 0 4 6 7 8 3 1 7 0 10-1 2-1 2-3 4-3 4 0 5 6 6 10 0 3-1 8-4 10-2 2-5-1-8 1-2 1-2 4-3 7-2 2-1 6-4 8-2 2-6 2-9 1l-5-4c-2-3 0-6-1-9l-5-5c-1-2-3-3-3-5z"/><path fill="#cd8879" d="M257 55c3-2 4 7 7 8s7-1 9-4c1-2 1-5-1-7s-7 1-9-2c-1-2-1-7 1-9s6-2 8 0c2 1-1 5 1 7 1 1 7-5 9 0 1 3-7 3-7 7s-2 7-3 10-6 4-10 4c-2-1-5-3-6-6-1-2-1-8 1-8z"/></g><g fill-rule="evenodd"><path fill="#d19866" d="M12 15c-2 1-5 1-6-1-2-3 0-9 4-10 3-1 6 3 6 6s-1 4-4 5z"/><path fill="#eac982" d="M11 31c-3 1-6 1-7-2-2-7 3-18 9-18 4 0 5 4 4 10 0 5-1 9-6 10z"/><path fill="#eac982" d="M13 41c-3 0-8 2-9-2-2-7 5-19 11-19 5 0 5 4 4 10 0 5-1 9-6 11z"/><path fill="#eac982" d="M16 50c-3 1-11 8-13 1-3-7 8-23 14-23 5 0 7 4 6 11 0 4-2 9-7 11z"/><path fill="#eac982" d="M19 61c-4 3-12 9-15 1-2-6 9-23 15-23 5 0 7 5 6 11 0 4-2 7-6 11z"/><path fill="#d19866" d="M20 67h-6c-2-4 0-10 3-11s7 3 7 7c0 2-2 3-4 4z"/></g><g fill-rule="evenodd"><path fill="#d19866" d="M229 29c0-2-1-5-3-5-4-1-9 3-8 7 0 3 5 4 8 3 2-1 3-3 3-5z"/><path fill="#eac982" d="M243 21c0-3-1-6-5-5-7 1-15 10-13 15 2 4 6 3 11 0 4-3 8-5 7-10z"/><path fill="#eac982" d="M253 19c-1-3-2-8-6-7-7 1-15 12-13 17s6 3 12 0c4-2 7-5 7-10z"/><path fill="#eac982" d="M262 18c0-3 4-13-4-13-7 1-18 18-15 23 2 4 7 5 12 2 4-3 8-7 7-12z"/><path fill="#eac982" d="M273 17c2-5 4-15-4-15-7 1-18 18-15 23 2 4 7 5 12 2 4-3 6-6 7-10z"/><path fill="#d19866" d="M280 15c0-2-1-5-3-5-4-1-9 3-8 7 0 3 5 4 8 3 2-1 3-3 3-5z"/></g><g fill-rule="evenodd"><path fill="#e4ad8c" d="M80 35c-7 7-8-1-12 1-1 1-1 6-3 6s-2-3-4-4c-1-1-3 0-4-2-2-3 2-7 1-10-1-4-4-6-7-7l-5-1c-2-3 1-8 4-11 2-3 6-5 10-5l5 6c3 1 5-1 8-2l9-3c3 1 5 4 6 6l1 7c-1 3-5 4-6 6l-1 8c0 2 0 4-2 5z"/><path fill="#cd8879" d="M81 21c-3-1 4-8 2-11-2-2-6-4-9-3-2 0-5 2-5 5s5 4 5 7c-1 3-5 6-8 6-2 0-5-3-5-5 0-3 4-4 4-6 1-2-8-2-6-6 2-3 7 2 10-1l10-4c3-1 7 1 9 5 1 2 2 6 1 9-1 1-6 5-8 4z"/></g><g fill-rule="evenodd"><path fill="#d19866" d="M148 9c0 2 0 5 2 6 3 1 9-2 9-6 1-3-4-5-7-5s-4 2-4 5z"/><path fill="#eac982" d="M132 14c0 3 0 6 4 6 8 0 17-7 16-12s-5-5-11-3c-4 2-9 4-9 9z"/><path fill="#eac982" d="M123 14c0 3 0 8 4 8 7 1 17-9 16-14-2-5-6-5-11-3s-9 4-9 9z"/><path fill="#eac982" d="M113 13c0 3-6 12 2 13 7 1 21-13 19-19-1-5-6-6-12-4-4 2-8 5-9 10z"/><path fill="#eac982" d="M102 12c-3 4-6 14 1 15 8 1 21-14 20-19s-6-6-12-4c-4 1-6 4-9 8z"/><path fill="#d19866" d="M95 13c0 2 0 5 2 5 4 2 9-2 10-5 0-3-5-6-8-5-2 0-3 2-4 5z"/></g><g fill-rule="evenodd"><path fill="#d19866" d="M72 53c1-2 1-5-1-6-3-2-9 0-10 4-1 3 3 6 6 6 2 0 4-1 5-4z"/><path fill="#eac982" d="M88 52c1-3 1-6-2-7-7-2-18 3-18 9 0 5 4 5 10 4 4 0 9-1 10-6z"/><path fill="#eac982" d="M97 54c1-3 3-8-1-9-7-2-19 5-19 11 0 5 4 5 10 4 5 0 9-1 10-6z"/><path fill="#eac982" d="M107 57c1-3 8-10 1-13s-23 8-23 14c0 5 4 7 10 7 5-1 10-3 12-8z"/><path fill="#eac982" d="M118 60c3-3 9-11 1-14-6-3-23 8-23 14 0 5 4 7 11 7 4-1 7-3 11-7z"/><path fill="#d19866" d="M124 62c1-2 1-5-1-7-3-2-9 0-10 4-1 3 3 6 6 6s4-1 5-3z"/></g><g><path fill="#417d29" d="M59 43c-5 6-21 4-21 2 0-1 12-10 15-5 1 2-3 2-5 1-2 0-4-5-4-7 0-3 5-5 8-3 4 3 4 5 5 7 1 1 3 3 2 5z"/><path fill="#417d29" fill-rule="evenodd" d="M58 35c-2-1 0-5-3-6-9-6-21 8-30 3-3-2-7-8-4-10 2-1 3 5 6 6 10 4 21-8 30-2 3 2 6 7 4 9h-3z"/><path fill="#417d29" fill-rule="evenodd" d="M61 35c-2-2 1-6-1-8-7-7-23 2-31-6-2-2-4-9 0-10 2 0 1 6 3 7 9 7 24 0 31 7 2 3 3 8 0 10h-2z"/><path fill="#417d29" fill-rule="evenodd" d="M64 34c-1-3 2-5 1-7-5-9-24-5-29-14-1-3-1-10 2-9 3 0 0 5 2 7 6 8 23 5 28 14 2 4 1 9-2 10l-2-1z"/><path fill="#9ed538" fill-rule="evenodd" d="M78 48c-7 9-35-3-37-11 0-2 13 5 16-4 4-10 25 8 21 15z"/></g><g><path fill="#417d29" d="M210 61c4 7 20 9 20 7 0-1-10-12-14-8-1 2 3 2 5 2s5-4 5-6c1-3-4-6-7-5-5 2-5 4-6 6-2 1-4 3-3 4z"/><path fill="#417d29" fill-rule="evenodd" d="M212 54c2-1 2-5 4-6 10-3 19 13 29 9 3-1 8-6 6-8-2-1-4 4-7 4-10 2-19-12-29-8-3 1-7 6-6 9h3z"/><path fill="#417d29" fill-rule="evenodd" d="M210 53c2-2 0-6 2-7 9-6 23 7 31 0 3-2 6-8 3-9-2-1-2 5-5 6-9 4-23-6-31 0-3 3-5 8-3 10h3z"/><path fill="#417d29" fill-rule="evenodd" d="M207 51c2-2-2-5 0-7 7-8 24 1 31-7 3-2 4-9 0-9-2-1-1 5-3 6-8 7-24 1-31 8-2 3-2 8 0 10l3-1z"/><path fill="#9ed538" fill-rule="evenodd" d="M191 62c4 11 34 5 38-3 0-2-14 2-15-7-2-10-26 3-23 10z"/></g><g fill-rule="evenodd"><path fill="#e4ad8c" d="M229 29c-1 10-7 5-8 8s3 6 1 7c-1 2-4-1-6-1l-4 2c-3-1-3-7-6-8-3-2-7-2-10-1-2 0-3 3-4 3-4-1-5-7-5-11 0-3 1-8 5-10 2-1 5 2 8 1 2-1 3-5 4-7 2-2 2-6 5-8h8c3 1 4 3 5 5l1 8c0 3 3 4 4 7l2 5z"/><path fill="#cd8879" d="M220 18c-3 1-3-8-6-9s-7 0-9 3c-1 2-2 5 0 7 1 2 7 0 8 2 2 3 1 8-2 10-2 1-5 1-7-1-2-1 1-5-1-7-1-2-7 4-8-1-1-3 7-2 7-7 0-3 3-6 4-9 2-3 6-4 10-3 3 1 6 4 7 6 0 2-1 8-3 9z"/></g><g fill-rule="evenodd"><path fill="#e4ad8c" d="M45 26c9 2 3 8 6 9h7c1 2-2 4-2 6 0 1 2 3 1 4-1 3-7 2-9 5-2 2-3 6-3 9 0 2 3 3 2 5-1 3-7 3-11 3-3-1-8-3-9-7-1-2 3-5 2-8l-5-5c-3-2-7-3-8-6s0-6 2-9c1-2 4-3 6-4l8 2 7-3c2-1 4-2 6-1z"/><path fill="#cd8879" d="M32 32c1 4-8 1-10 5-1 2-1 6 1 9 2 2 5 3 7 2 3-2 1-7 4-8s7 1 9 3c1 3 0 6-2 7-2 2-5-2-7 0-2 0 3 8-2 8-3 0-1-7-6-8-3-1-5-5-8-7-3-1-3-6-1-10 1-2 5-4 7-5 2 0 8 2 8 4z"/></g></g></g>',
            '<g transform="translate(30, YYY)"><g transform="translate(-15, 0)" id="layer-circle-4"><circle cx="0" cy="35" r="12" fill="#aaa"/></g><rect fill="#876143" stroke="none" x="0" y="0" height="70" width="290"/><g stroke="#000" stroke-width=".8"><g fill-rule="evenodd"><path fill="#d19866" d="M91 58c-2 0-5-1-6 1-2 3 0 10 3 11 4 1 7-4 7-7 0-2-2-4-4-5z"/><path fill="#eac982" d="M90 42c-3-1-6-1-7 3-2 7 3 18 8 18s6-5 5-11c-1-4-2-9-6-10z"/><path fill="#eac982" d="M92 33c-3-1-8-2-9 2-2 7 5 19 11 19 5 0 5-5 4-11 0-4-1-9-6-10z"/><path fill="#eac982" d="M95 24c-3-1-11-9-14-2-2 7 9 24 15 23 5 0 7-4 6-10 0-5-2-10-7-11z"/><path fill="#eac982" d="M98 13c-4-4-12-9-15-2s9 23 15 23c4 0 7-4 6-10 0-5-2-8-6-11z"/><path fill="#d19866" d="M99 6c-2 0-5-1-6 1-2 3 0 9 3 10s6-3 7-6c0-2-2-4-4-5z"/></g><path fill="#bd7c0e" fill-rule="evenodd" d="M146 3c-4-4-8-2-12 2l10 12c4-3 4-8 2-14z"/><path fill="#f3ba58" stroke-linecap="round" d="M126 23c0 6 9 6 9-1 1-13-16-12-17 0-1 5 2 13 7 14 9 3 15-3 17-8 3-6 2-14-3-20-4-5-13-5-19-3-7 2-12 9-13 15-1 8 4 17 10 21 7 4 16 4 22 1 7-3 12-11 13-19 1-9-6-19-6-19 1 6-4 8-7 4"/><g fill-rule="evenodd"><path fill="#d19866" d="M192 30c-1 2-3 5-2 6 3 3 9 4 11 1 2-2 0-7-3-8-2-1-4 0-6 1z"/><path fill="#eac982" d="M176 26c-2 2-3 5 0 7 6 5 18 4 20-1s-2-7-8-8c-4-1-9-2-12 2z"/><path fill="#eac982" d="M168 21c-1 2-4 6-1 9 6 4 19 2 21-4 2-4-2-6-8-8-4-1-8-1-12 3z"/><path fill="#eac982" d="M161 14c-2 3-12 7-6 12 5 5 25 1 27-5 1-4-2-8-8-10-4-1-10-1-13 3z"/><path fill="#eac982" d="M152 7c-5 2-13 8-7 13 5 5 25 1 27-4s-2-9-8-10c-4-1-7-1-12 1z"/><path fill="#d19866" d="M146 4c-1 2-2 4-1 6 2 3 8 4 11 1 2-3-1-7-4-9-2-1-4 0-6 2z"/></g><path fill="#bd7c0e" fill-rule="evenodd" d="M288 42c0-6-4-7-10-6v16c5-1 9-4 10-10z"/><path fill="#f3ba58" stroke-linecap="round" d="M260 45c-3 5 4 10 8 5 9-10-5-19-13-11-5 4-7 12-4 16 6 7 14 7 19 4 6-3 10-10 10-17-1-7-7-13-14-15-6-2-14-1-19 4s-7 15-5 23c3 7 10 12 17 14s16-1 22-7c6-7 7-18 7-18-3 5-8 3-8-1"/><g fill-rule="evenodd"><path fill="#63c364" d="M65 12c-2-3 4-12 10-6 8 8 0 17-10 6z"/><path fill="#45b446" d="M54 8c8-8 28 4 34 13 7 8 10 24 2 29s-19-6-25-13c-7-8-20-21-11-29z"/><path fill="#63c364" d="M90 42c-2 1-14 6-18 3-9-5 6 2 21-13 3-2 4 7 2 10-4 6-15 8-18 7s-4-2 3-3l10-4z"/><path fill="#6bc66c" d="M65 39c-2-2 22-16 26-13 14 8-18 25-26 13z"/><path fill="#81cf82" d="M63 37c-2-3 21-22 27-17 8 8-23 24-27 17z"/><path fill="#6bc66c" d="M60 35c5 2 35-14 24-20S50 30 60 35z"/><path fill="#63c364" d="M50 22c-2-2 3-11 9-5 8 7 1 16-9 5z"/></g><path fill="#bd7c0e" fill-rule="evenodd" d="M28 26c4-5 8-3 12 2L30 40c-3-4-4-9-2-14z"/><path fill="#f3ba58" stroke-linecap="round" d="M48 45c0 6-9 6-9 0-1-14 16-12 17-1 1 6-2 13-7 15-9 2-15-4-17-9-3-6-2-14 3-19s13-6 20-4c6 3 12 9 12 16 1 7-4 16-10 20s-15 4-22 1-12-11-13-19c-1-9 6-19 6-19-1 6 4 8 7 5"/><path fill="#bd7c0e" fill-rule="evenodd" d="M44 40c4-4 2-8-3-12L30 40c4 3 9 3 14 0z"/><path fill="#f3ba58" stroke-linecap="round" d="M23 22c-6 1-5 10 1 9 14 0 11-17-1-17-5-1-13 4-14 9-1 9 5 14 10 16 7 2 15 0 20-5 4-5 4-14 1-20S30 3 23 3 7 8 4 15 1 31 5 37c4 7 12 11 20 11 10 0 19-7 19-7-6 1-8-4-5-7"/><g fill-rule="evenodd"><path fill="#d19866" d="M17 18c1 1 4 2 6 0 2-3 1-9-3-11-3-1-6 3-7 6 0 2 2 4 4 5z"/><path fill="#eac982" d="M17 35c3 1 5 1 7-2 2-7-2-19-7-19s-6 4-6 10c0 4 1 9 6 11z"/><path fill="#eac982" d="M14 44c3 1 7 2 9-1 2-7-4-20-9-20-5-1-6 3-6 10 0 4 1 9 6 11z"/><path fill="#eac982" d="M10 52c3 2 10 10 13 3s-6-24-12-24c-5-1-8 3-8 10 0 4 2 10 7 11z"/><path fill="#eac982" d="M6 63c3 4 11 10 14 3 3-6-6-24-12-24-5-1-8 3-8 10 1 4 2 7 6 11z"/><path fill="#d19866" d="M4 69c2 1 5 2 6 0 2-3 1-9-2-10-3-2-7 2-7 5-1 3 1 4 3 5z"/></g><g fill-rule="evenodd"><path fill="#63c364" d="M260 15c1-3 12-3 10 5-4 11-15 8-10-5z"/><path fill="#45b446" d="M258 3c11 3 9 26 4 36s-17 19-25 15c-9-5-3-20 1-29 3-9 9-26 20-22z"/><path fill="#63c364" d="M244 50c-1-1-12-9-11-15 1-10 1 7 21 14 4 1-4 6-8 6-7-1-14-10-14-13 0-4 0-5 4 0l8 8z"/><path fill="#6bc66c" d="M236 27c1-3 23 12 23 16-1 17-30-4-23-16z"/><path fill="#81cf82" d="M237 23c2-2 29 9 26 17-3 11-31-10-26-17z"/><path fill="#6bc66c" d="M237 20c1 5 28 26 29 13 0-12-29-24-29-13z"/><path fill="#63c364" d="M244 5c1-3 12-2 9 6-3 11-14 8-9-6z"/></g><g><path fill="#bd7c0e" fill-rule="evenodd" d="M212 50c5 3 8-1 10-7l-14-6c-2 5-1 9 4 13z"/><path fill="#f3ba58" stroke-linecap="round" d="M222 24c-3-5-11-1-8 4 5 13 19 4 15-7-1-5-7-10-13-9-9 1-12 9-11 15 0 6 5 13 11 16 6 2 14-1 19-6 5-4 7-13 5-19-2-7-11-13-18-14-8-1-16 3-21 9-4 5-6 15-3 22 4 9 13 15 13 15-3-5 1-9 5-7"/></g><g fill-rule="evenodd"><path fill="#d19866" d="M188 60c0-2-1-5-3-6-4 0-9 4-9 8 1 3 6 4 9 3 2-1 3-3 3-5z"/><path fill="#eac982" d="M202 52c0-4-1-6-5-6-7 1-15 10-13 16 2 4 6 3 11 0 4-3 8-5 7-10z"/><path fill="#eac982" d="M211 50c0-3-1-8-5-8-7 1-15 13-13 18 2 4 6 3 12 0 3-2 7-5 6-10z"/><path fill="#eac982" d="M221 49c0-3 4-13-4-13-7 1-18 17-15 23 2 4 7 5 12 1 4-2 8-6 7-11z"/><path fill="#eac982" d="M232 47c2-4 4-14-4-14-7 0-18 17-15 23 2 4 7 5 12 1 4-2 5-5 7-10z"/><path fill="#d19866" d="M239 46c0-2-1-5-3-6-4 0-9 4-9 8 1 3 6 4 9 3 2-1 3-3 3-5z"/></g><g fill-rule="evenodd"><path fill="#d19866" d="M159 57c-1 2-1 5 1 6 3 2 9 0 10-4 1-3-4-6-7-6-2 0-4 2-4 4z"/><path fill="#eac982" d="M142 59c-1 3-1 6 3 7 7 2 18-4 18-9s-5-6-11-5c-4 1-9 2-10 7z"/><path fill="#eac982" d="M133 57c-1 3-2 8 2 9 7 2 19-5 19-11-1-5-5-5-11-4-4 0-9 1-10 6z"/><path fill="#eac982" d="M124 55c-1 3-8 11-1 13s23-9 22-15c0-5-4-7-10-6-5 0-10 3-11 8z"/><path fill="#eac982" d="M113 52c-4 4-9 12-1 15 6 2 22-10 22-15s-4-8-11-7c-4 1-7 3-10 7z"/><path fill="#d19866" d="M106 51c0 2-1 5 1 6 3 2 10 0 10-4 1-3-3-6-6-6s-4 2-5 4z"/></g></g></g>',
            '<g transform="translate(30, YYY)"><g transform="translate(-15, 0)" id="layer-circle-5"><circle cx="0" cy="35" r="12" fill="#aaa"/></g><rect fill="#f7e3ca" stroke="none" x="0" y="0" height="70" width="290"/><g stroke="#000" stroke-width=".8"><path fill="#417d29" d="M170 48c-8 0-16-15-14-16 1-1 14 5 12 10-1 2-2-1-3-3s2-7 3-8c3-1 7 2 7 5 0 5-1 6-2 8s-2 5-3 4z"/><path fill="#417d29" fill-rule="evenodd" d="M175 44c0-3 5-4 4-6 0-11-18-13-19-24 0-3 3-10 6-8 2 1-2 5-2 8 2 10 18 13 19 24 0 3-3 8-6 8l-2-2z"/><path fill="#417d29" fill-rule="evenodd" d="M177 46c1-3 5-2 6-5 2-10-14-19-12-29 1-3 6-9 8-6 1 2-4 4-4 7-1 10 14 19 11 29-1 4-5 7-8 6l-1-2z"/><path fill="#417d29" fill-rule="evenodd" d="M180 48c1-3 5-1 6-3 5-9-9-22-4-32 1-3 7-6 8-3 2 2-4 3-5 5-3 10 9 23 4 32-2 3-6 5-9 3v-2z"/><path fill="#9ed538" fill-rule="evenodd" d="M176 67c-12-1-18-31-11-37 1-1 2 14 11 12 11-2 7 25 0 25z"/><path fill="#417d29" d="M87 41c-5 6-21 4-21 3 0-2 12-10 15-5 1 1-2 1-5 1l-4-7c0-3 6-5 8-3l6 6c1 2 2 4 1 5z"/><path fill="#417d29" fill-rule="evenodd" d="M87 34c-3-2-1-6-3-7-9-5-21 9-30 3-3-2-7-8-4-9 2-1 3 4 5 5 10 4 21-7 30-2 3 2 6 7 4 10h-2z"/><path fill="#417d29" fill-rule="evenodd" d="M89 33c-2-2 1-5-1-7-7-8-23 1-30-6-3-3-4-10-1-10 2 0 1 5 3 7 9 6 24-1 31 7 2 3 3 8 1 10l-3-1z"/><path fill="#417d29" fill-rule="evenodd" d="M92 32c-1-2 3-5 2-7-6-9-24-4-29-13-2-3-2-10 1-10 3 1 0 5 2 8 7 8 24 5 29 14 1 3 1 8-3 9l-2-1z"/><path fill="#9ed538" fill-rule="evenodd" d="M106 46c-7 10-35-2-37-11 0-2 13 5 16-3 5-10 25 8 21 14z"/><g><path fill="#417d29" d="M113 24c-3 7 6 21 7 20 2-1 4-15-2-16-2 0 0 3 1 5h8c3-1 2-7-1-8-4-3-6-2-8-2s-4-1-5 1z"/><path fill="#417d29" fill-rule="evenodd" d="M120 21c2 1 5-2 7-1 9 6 2 23 11 29 3 1 10 2 11-1 0-3-6-1-8-3-8-6-3-22-12-27-3-2-9-2-11 1l2 2z"/><path fill="#417d29" fill-rule="evenodd" d="M119 18c3 1 4-3 7-2 10 3 9 21 20 24 3 1 10 0 9-4-1-2-6 1-8 0-10-4-10-21-20-23-4-1-9 0-10 4l2 1z"/><path fill="#417d29" fill-rule="evenodd" d="M119 15c2 0 3-4 5-4 11 0 15 19 26 19 3 0 9-3 7-6-1-2-5 3-7 2-10-2-16-18-26-18-4 0-8 3-7 6l2 1z"/><path fill="#9ed538" fill-rule="evenodd" d="M100 10c-5 10 18 30 26 27 2-1-10-9-4-16 7-8-18-18-22-11z"/></g><g><path fill="#417d29" d="M268 40c-2-7-18-13-18-11-1 1 6 14 11 11 2-1-2-3-4-3l-7 4c-1 3 3 7 6 7 5-1 6-3 8-4s4-2 4-4z"/><path fill="#417d29" fill-rule="evenodd" d="M264 47c-3 0-3 4-6 4-10 1-15-16-25-15-4 0-10 4-8 6 1 2 5-3 7-2 11 0 16 16 27 15 3-1 8-4 7-7 0-1-1-2-2-1z"/><path fill="#417d29" fill-rule="evenodd" d="M266 48c-3 1-1 6-4 6-10 4-20-11-30-7-4 1-8 6-5 8 2 2 3-4 6-4 10-3 21 10 30 6 4-1 7-5 5-8l-2-1z"/><path fill="#417d29" fill-rule="evenodd" d="M268 51c-2 1 0 5-2 6-8 6-23-6-32 0-2 2-5 8-2 9 2 1 2-4 5-6 9-4 23 6 32 0 2-2 4-7 2-10l-3 1z"/><path fill="#9ed538" fill-rule="evenodd" d="M287 44c-2-12-33-13-38-6-1 2 14 1 13 10-1 11 26 3 25-4z"/></g><g><path fill="#417d29" d="M21 45c0-8 13-17 14-16s-3 15-8 14c-2-1 1-3 3-4 1-1 6 1 7 2 2 3-1 8-4 8-5 1-6-1-8-1l-4-3z"/><path fill="#417d29" fill-rule="evenodd" d="M26 50c2 0 4 4 6 3 11-1 11-20 21-22 4 0 11 2 9 5-1 2-5-1-7-1-10 4-12 20-22 21-4 1-9-1-9-4l2-2z"/><path fill="#417d29" fill-rule="evenodd" d="M24 52c3 1 3 5 5 5 11 1 17-16 28-15 3 0 9 4 7 7-2 2-5-3-7-3-11 1-18 16-28 14-4 0-8-4-7-7l2-1z"/><path fill="#417d29" fill-rule="evenodd" d="M23 55c2 1 1 5 3 6 10 4 21-12 31-8 3 1 7 6 4 8-2 1-3-4-5-4-11-2-22 11-31 7-4-1-7-6-5-9h3z"/><path fill="#9ed538" fill-rule="evenodd" d="M3 53C2 41 31 32 38 38c1 1-13 4-10 13 3 10-24 10-25 2z"/></g><g><path fill="#417d29" d="M202 42c-6-5-5-21-4-21 2 0 11 11 6 15-1 1-1-3-1-5 1-2 5-5 7-5 3 0 5 6 3 9-2 4-4 4-6 5-1 1-3 3-5 2z"/><path fill="#417d29" fill-rule="evenodd" d="M210 41c1-2 5-1 6-3 5-10-10-21-5-30 2-3 8-7 9-5 2 2-4 4-5 6-3 10 9 21 4 30-2 3-7 6-9 5v-3z"/><path fill="#417d29" fill-rule="evenodd" d="M211 43c1-1 5 1 7-1 7-7-4-23 4-31 2-2 9-4 9-1 1 2-5 2-6 4-6 9 2 23-5 31-3 2-8 4-10 1-1-1 0-2 1-3z"/><path fill="#417d29" fill-rule="evenodd" d="M212 46c2-1 5 3 7 1 8-5 3-24 11-29 3-2 10-3 10 1 0 2-5 0-7 2-8 7-4 24-13 29-3 2-8 2-9-1-1-1 0-2 1-3z"/><path fill="#9ed538" fill-rule="evenodd" d="M199 61c-10-6 0-35 8-37 2 0-4 13 5 16 10 3-7 25-13 21z"/></g></g></g>',
            '<g transform="translate(30, YYY)"><g transform="translate(-15, 0)" id="layer-circle-6"><circle cx="0" cy="35" r="12" fill="#aaa"/></g><rect fill="#9d6e68" stroke="none" x="0" y="0" height="70" width="290"/><g stroke="#000" stroke-width=".8"><g fill-rule="evenodd"><path fill="#d19866" d="M27 52c-2 0-5 1-5 3-1 4 3 9 7 9 3-1 4-6 3-9 0-2-3-3-5-3z"/><path fill="#eac982" d="M19 38c-3 0-5 1-5 5 1 7 10 15 15 13 4-2 3-6 0-11-2-4-5-8-10-7z"/><path fill="#eac982" d="M18 28c-3 1-8 1-8 5 1 8 12 16 18 14 4-2 3-6 0-12-2-3-5-7-10-7z"/><path fill="#eac982" d="M17 19c-3 0-13-4-13 3 1 8 17 19 22 16 5-2 6-6 2-12-2-4-6-8-11-7z"/><path fill="#eac982" d="M16 7C11 5 2 4 2 11c0 8 17 19 22 16 4-2 5-7 2-12-2-4-5-6-10-8z"/><path fill="#d19866" d="M15 1c-2 0-5 1-6 3-1 3 4 9 7 8 3 0 5-5 4-8-1-2-3-3-5-3z"/></g><path fill="#bd7c0e" fill-rule="evenodd" d="M134 21c-4-4-8-2-12 3l10 12c4-4 4-9 2-15z"/><path fill="#f3ba58" stroke-linecap="round" d="M114 41c0 6 9 6 9 0 1-14-16-12-17-1-1 5 2 13 7 15 9 2 15-4 17-9 3-6 2-14-3-20-4-4-13-5-19-3-7 3-12 9-13 15-1 8 4 17 10 21s16 4 22 1c7-3 12-11 13-19 1-9-6-19-6-19 1 6-4 8-7 4"/><g fill-rule="evenodd"><path fill="#d19866" d="M192 30c-1 2-3 5-2 6 3 3 9 4 11 1 2-2 0-7-3-8-2-1-4 0-6 1z"/><path fill="#eac982" d="M176 26c-2 2-3 5 0 7 6 5 18 4 20-1s-2-7-8-8c-4-1-9-2-12 2z"/><path fill="#eac982" d="M168 21c-1 2-4 6-1 9 6 4 19 2 21-4 2-4-2-6-8-8-4-1-8-1-12 3z"/><path fill="#eac982" d="M161 14c-2 3-12 7-6 12 5 5 25 1 27-5 1-4-2-8-8-10-4-1-10-1-13 3z"/><path fill="#eac982" d="M152 7c-5 2-13 8-7 13 5 5 25 1 27-4s-2-9-8-10c-4-1-7-1-12 1z"/><path fill="#d19866" d="M146 4c-1 2-2 4-1 6 2 3 8 4 11 1 2-3-1-7-4-9-2-1-4 0-6 2z"/></g><path fill="#bd7c0e" fill-rule="evenodd" d="M239 22c-1-6-5-7-11-6v16c5-1 9-4 11-10z"/><path fill="#f3ba58" stroke-linecap="round" d="M211 25c-4 5 3 10 7 5 9-10-5-19-13-11-4 4-6 12-3 16 5 8 14 7 19 4s10-10 9-17c0-7-7-13-13-15s-15-1-20 4-7 15-4 23c2 7 9 12 16 14 8 2 17-1 22-7 7-7 7-18 7-18-3 5-8 3-8-1"/><path fill="#bd7c0e" fill-rule="evenodd" d="M35 6c4-5 8-3 12 2L37 20c-4-4-4-9-2-14z"/><path fill="#f3ba58" stroke-linecap="round" d="M55 25c0 6-9 6-9 0-1-14 16-12 17-1 1 6-2 13-7 15-9 2-15-4-17-9-3-6-2-14 3-19 4-5 13-6 19-4 7 3 12 9 13 16s-4 16-10 20-16 4-22 1c-7-3-12-11-13-19-1-9 6-19 6-19-1 6 4 8 7 5"/><path fill="#bd7c0e" fill-rule="evenodd" d="M52 59c4-4 2-8-3-12L38 59c4 3 9 3 14 0z"/><path fill="#f3ba58" stroke-linecap="round" d="M31 41c-6 1-5 9 1 9 14-1 10-17-1-17-6-1-13 3-14 9-1 9 5 14 10 16 7 2 15 0 20-5 4-5 4-14 1-20S38 22 31 22s-16 5-19 12-3 16 1 22c4 7 12 11 20 11 10 0 19-8 19-8-6 1-9-3-5-6"/><path fill="#bd7c0e" fill-rule="evenodd" d="M259 49c5 2 8-2 10-7l-15-7c-1 5 0 9 5 14z"/><path fill="#f3ba58" stroke-linecap="round" d="M269 22c-3-5-11-1-9 5 6 12 20 4 16-7-1-6-7-11-13-10-9 1-12 9-11 15 0 7 4 13 11 16 6 3 14-1 19-5 5-5 7-13 5-20-3-7-11-13-18-14-8-1-16 3-21 9-4 6-6 15-3 22 3 9 13 15 13 15-3-5 1-9 5-7"/><g fill-rule="evenodd"><path fill="#d19866" d="M214 60c0-2-1-4-3-5-4 0-9 4-8 8 0 3 5 4 8 3 2-1 3-3 3-6z"/><path fill="#eac982" d="M228 52c0-3-1-5-5-5-7 1-15 10-13 15s6 4 11 0c4-2 8-5 7-10z"/><path fill="#eac982" d="M237 51c0-3-1-8-5-8-7 1-15 13-13 18 2 4 6 3 12 0 3-3 7-5 6-10z"/><path fill="#eac982" d="M247 50c0-3 4-14-4-13-7 0-18 17-15 22 2 5 7 5 12 2 4-2 8-6 7-11z"/><path fill="#eac982" d="M258 48c2-5 4-14-4-14-7 0-18 17-15 22 2 5 7 5 12 2 4-2 5-5 7-10z"/><path fill="#d19866" d="M265 46c0-2-1-5-3-5-4 0-9 4-9 7 1 4 6 5 9 4 2-1 3-3 3-6z"/></g><g fill-rule="evenodd"><path fill="#d19866" d="M187 52v6c4 2 10 0 11-4 1-3-4-6-7-6-2 0-4 2-4 4z"/><path fill="#eac982" d="M170 54c-1 3-1 6 3 7 7 2 18-4 18-9s-5-5-11-4c-4 0-9 1-10 6z"/><path fill="#eac982" d="M161 52c-1 4-2 8 2 9 7 2 19-5 19-11-1-5-5-5-11-4-4 0-9 2-10 6z"/><path fill="#eac982" d="M152 50c-1 3-8 11-1 13s23-9 22-15c0-5-4-7-10-6-5 1-10 3-11 8z"/><path fill="#eac982" d="M141 47c-4 4-9 12-1 15 6 2 22-10 22-15s-5-7-11-6c-4 0-7 2-10 6z"/><path fill="#d19866" d="M134 46c-1 2-1 5 1 6 3 2 9 0 10-3 1-4-3-7-6-7s-4 2-5 4z"/></g><g fill-rule="evenodd"><path fill="#d19866" d="M88 23c0-2 0-5-2-6-4-1-9 2-10 6 0 3 5 5 8 5 3-1 4-3 4-5z"/><path fill="#eac982" d="M104 18c0-4-1-6-5-6-7-1-17 7-15 12 1 5 5 4 11 2 4-1 8-3 9-8z"/><path fill="#eac982" d="M113 17c0-3 0-8-4-8-7 0-17 10-16 15s6 4 11 2c5-1 9-3 9-9z"/><path fill="#eac982" d="M123 18c0-3 5-12-2-13s-21 14-19 19c1 5 6 6 12 4 4-1 8-5 9-10z"/><path fill="#eac982" d="M134 19c3-5 6-14-2-15-7-1-20 14-19 19s6 6 12 4c4-1 6-4 9-8z"/><path fill="#d19866" d="M141 18c0-2-1-5-3-6-3-1-9 2-9 6 0 3 5 5 8 5 2 0 3-3 4-5z"/></g><g fill-rule="evenodd"><path fill="#d19866" d="M83 54c-2-1-5-1-7 1-2 3 0 9 4 10 3 1 6-3 6-6s-1-4-3-5z"/><path fill="#eac982" d="M81 37c-3 0-6-1-7 3-2 7 3 18 9 18 5 0 5-4 4-10 0-5-1-9-6-11z"/><path fill="#eac982" d="M83 28c-3-1-8-2-9 2-2 7 5 19 11 19 5 0 5-4 4-10 0-5-1-9-6-11z"/><path fill="#eac982" d="M86 19c-3-1-11-8-13-1-3 7 8 23 14 23 5 0 7-5 7-11-1-4-3-9-8-11z"/><path fill="#eac982" d="M89 8c-3-3-12-9-14-1-3 6 8 23 14 23 5 0 7-5 6-11 0-4-2-7-6-11z"/><path fill="#d19866" d="M90 2h-6c-2 3 0 10 4 11 3 1 6-3 6-7 0-2-2-3-4-4z"/></g></g></g>',
            '<g transform="translate(30, YYY)"><g transform="translate(-15, 0)" id="layer-circle-7"><circle cx="0" cy="35" r="12" fill="#aaa"/></g><rect fill="#cabc7a" stroke="none" x="0" y="0" height="70" width="290"/><g stroke="#000" stroke-width=".8"><g fill-rule="evenodd"><path fill="#e4ad8c" d="M79 25c-1-10 6-6 7-10 0-2-3-4-2-6s4 1 6 0l3-2c4 0 4 6 8 8 3 1 7 0 10-1l3-3c4 0 6 6 6 10 1 3 0 8-3 10-2 2-6-1-8 1-2 1-3 4-4 7-1 2-1 6-3 8-3 2-6 2-9 1-2 0-4-2-6-4l-1-8c-1-3-3-4-5-6l-2-5z"/><path fill="#cd8879" d="M89 35c3-2 3 8 7 8 3 1 6-1 8-4v-7c-2-2-7 1-9-1-2-3-1-8 1-10 2-1 5-2 7 0 2 1 0 5 2 7 1 1 7-5 8 0 1 3-6 3-6 7s-3 7-4 10c0 3-5 4-9 4-3-1-6-3-7-6-1-1 0-7 2-8z"/></g><path fill="#417d29" d="M49 48c-8-1-16-15-14-16 1-1 15 4 12 9-1 2-2-1-3-3s2-7 3-8c3-1 8 2 7 6 0 5-1 6-2 8l-3 4z"/><path fill="#417d29" fill-rule="evenodd" d="M54 43c0-2 5-3 5-6-1-11-19-13-20-23 0-4 3-10 6-9 2 1-2 5-2 8 3 10 18 13 19 24 0 3-3 8-6 8l-2-2z"/><path fill="#417d29" fill-rule="evenodd" d="M57 45c0-3 5-2 5-5 3-10-14-18-12-29 1-3 6-8 8-6s-4 4-4 7c0 10 14 19 11 29-1 4-5 8-8 6v-2z"/><path fill="#417d29" fill-rule="evenodd" d="M59 47c1-2 5-1 6-3 5-9-9-22-4-31 1-4 7-7 9-4 1 2-5 3-5 5-4 10 8 23 3 32-1 3-6 6-9 3v-2z"/><path fill="#9ed538" fill-rule="evenodd" d="M55 66c-12 0-17-30-11-36 2-2 2 13 12 11s7 25-1 25z"/><g fill-rule="evenodd"><path fill="#e4ad8c" d="M246 24c-1-10 6-6 7-9 0-3-4-5-2-7 1-2 4 1 6 0l3-2c4 0 4 6 8 8 3 1 7 1 10-1l3-3c4 1 6 6 6 10 1 4 0 8-3 10-2 2-6-1-8 1-2 1-3 4-4 7s-1 6-3 8c-3 2-6 2-9 1-3 0-4-2-6-4l-1-8c-1-3-3-4-5-6l-2-5z"/><path fill="#cd8879" d="M255 34c4-2 4 8 8 8 3 1 6-1 8-3v-8c-2-2-7 1-9-1-2-3-1-7 1-10 2-1 5-2 7 0 2 1 0 5 2 7 1 2 7-5 8 0 1 3-6 3-6 8 0 3-3 6-4 9 0 3-5 5-9 4-3-1-6-3-7-5s0-8 1-9z"/></g><path fill="#417d29" d="M139 60c-5 6-21 4-21 2 0-1 12-10 15-5 1 2-3 2-5 1-2 0-4-5-4-7 0-3 5-5 8-3 4 3 4 5 5 7 1 1 3 3 2 5z"/><path fill="#417d29" fill-rule="evenodd" d="M138 52c-2-1 0-5-3-6-9-6-20 8-30 3-3-2-6-8-4-10 2-1 3 5 6 6 10 4 21-8 30-2 3 2 6 7 4 9h-3z"/><path fill="#417d29" fill-rule="evenodd" d="M141 52c-2-2 1-6-1-8-7-7-23 2-31-6-2-2-4-9 0-10 2 0 1 6 3 7 9 7 24 0 31 7 2 3 3 8 0 10h-2z"/><path fill="#417d29" fill-rule="evenodd" d="M144 50c-1-2 2-4 1-6-5-9-24-5-29-14-1-3-1-10 2-9 3 0 0 5 2 7 6 8 23 5 28 14 2 4 1 9-2 10l-2-2z"/><path fill="#9ed538" fill-rule="evenodd" d="M158 65c-7 9-35-3-37-11 0-2 13 5 16-4 4-10 25 8 21 15z"/><g><path fill="#417d29" d="M206 22c-3 7 6 20 7 20 2-1 4-15-2-16-2 0 0 3 1 4 1 2 7 2 8 1 3-1 2-7-1-9-4-2-6-1-8-1-2-1-4-1-5 1z"/><path fill="#417d29" fill-rule="evenodd" d="M213 19c2 1 5-2 7-1 9 6 2 23 11 28 3 2 10 3 10-1 0-2-5 0-7-2-8-7-3-22-12-28-3-1-9-1-11 1l2 3z"/><path fill="#417d29" fill-rule="evenodd" d="M212 16c3 1 4-3 7-3 10 3 9 22 20 25 3 1 10-1 9-4-1-2-6 1-8 0-10-4-10-21-21-24-3-1-8 1-9 4l2 2z"/><path fill="#417d29" fill-rule="evenodd" d="M212 13c2 0 3-4 5-4 10 0 15 19 26 19 3 0 9-3 7-6-2-2-5 2-7 2-11-2-16-19-26-19-4 0-8 3-8 7l3 1z"/><path fill="#9ed538" fill-rule="evenodd" d="M193 7c-5 11 18 30 26 28 2-1-10-9-4-16 7-8-19-18-22-12z"/></g><g fill-rule="evenodd"><path fill="#e4ad8c" d="M31 25c9 2 3 7 6 9 2 1 6-2 7 0s-2 4-2 6c0 1 2 3 1 4-1 3-7 2-9 5-2 2-3 6-3 9 0 2 3 3 2 5-1 3-7 3-11 2-3 0-8-2-9-6-1-2 3-5 2-8l-5-5c-3-2-7-3-8-6s0-6 2-9c1-2 4-3 6-4l8 2 7-3c2-1 4-2 6-1z"/><path fill="#cd8879" d="M18 31c1 4-8 1-10 4-1 3-1 7 1 10 2 1 5 2 7 1 3-1 1-6 4-8 3-1 8 1 9 4 1 2 0 6-2 7-2 2-5-2-7-1s3 9-2 9c-3 0-1-7-6-9-3 0-5-4-8-6-3-1-3-6-1-10 1-2 5-5 7-5s8 2 8 4z"/></g><g><path fill="#417d29" d="M230 41c-2-8-17-13-18-12 0 2 7 14 12 11 1-1-2-2-4-2-2-1-6 2-7 4-1 3 3 7 6 6l8-3c1-1 4-2 3-4z"/><path fill="#417d29" fill-rule="evenodd" d="M227 47c-3 1-3 5-6 5-11 1-15-17-26-16-3 1-9 5-8 7 2 2 5-3 8-3 10 1 16 17 26 15 4 0 8-3 8-7l-2-1z"/><path fill="#417d29" fill-rule="evenodd" d="M228 49c-2 1-1 5-3 6-10 4-21-11-31-8-3 2-7 7-5 9 2 1 4-4 6-5 11-2 21 11 31 7 3-1 7-6 5-9h-3z"/><path fill="#417d29" fill-rule="evenodd" d="M231 51c-2 2 0 6-2 7-9 6-24-6-32 0-3 2-6 8-2 9 2 1 2-5 4-6 10-4 24 6 32 0 3-3 5-8 2-10h-2z"/><path fill="#9ed538" fill-rule="evenodd" d="M249 45c-2-12-32-13-37-7-1 3 13 1 13 11-1 10 25 3 24-4z"/></g><g><path fill="#417d29" d="M137 19c0-8 13-17 14-16s-3 15-8 13c-2 0 1-2 3-3s7 1 8 2c2 3-1 8-5 8l-8-1-4-3z"/><path fill="#417d29" fill-rule="evenodd" d="M142 24c3 0 4 4 7 3 10-1 10-20 21-22 3 0 10 2 9 5-1 2-6-2-8-1-10 4-11 20-22 21-3 1-9-1-9-4l2-2z"/><path fill="#417d29" fill-rule="evenodd" d="M141 26c2 1 2 5 5 5 10 1 17-16 27-15 4 0 9 4 7 7-2 2-4-3-7-3-11 1-17 16-28 14-3 0-8-4-7-7l3-1z"/><path fill="#417d29" fill-rule="evenodd" d="M139 29c2 1 1 5 3 6 10 4 21-12 31-8 3 1 8 6 5 8-2 1-4-4-6-5-11-1-22 12-31 8-3-1-6-6-5-9h3z"/><path fill="#9ed538" fill-rule="evenodd" d="M119 27c-1-12 29-21 35-15 2 1-13 4-10 13 3 10-24 10-25 2z"/></g><g fill-rule="evenodd"><path fill="#e4ad8c" d="M198 46c-1 10-7 5-8 8s3 5 1 7c-1 2-4-1-6-1l-3 2c-4-1-4-7-7-8-3-2-7-2-10-1-2 0-2 3-4 3-4-1-5-7-5-11 0-3 1-8 5-10 2-1 5 2 8 1l4-7c2-2 2-6 5-8h8c3 1 4 3 5 5l1 8c0 3 3 4 4 7l2 5z"/><path fill="#cd8879" d="M189 35c-3 1-2-8-6-9-3-1-7 0-9 3-1 2-2 5 0 7 1 2 7 0 8 2 2 3 1 8-2 10-2 1-5 1-7-1-2-1 1-5 0-7-2-2-8 4-9-1-1-3 7-2 7-7 0-3 3-6 4-9 2-3 6-4 10-3 3 1 6 4 7 6 0 2-1 8-3 9z"/></g></g></g>',
            '<g transform="translate(30, YYY)"><g transform="translate(-15, 0)" id="layer-circle-8"><circle cx="0" cy="35" r="12" fill="#aaa"/></g><rect fill="#c7cfdb" stroke="none" x="0" y="0" height="70" width="290"/><g fill-rule="evenodd" stroke="#000" stroke-width=".8"><path fill="#f5c02b" d="M129 36c2 6 12 7 19 5 13-3 38-3 30-27-6-21-29-12-40-4-2 1-1 5-2 7-2 6-10 6-7 19z"/><path fill="#d99d25" d="M129 36c1 3 2-5 4-10 2-3 4-5 7-4 15 5 19-12 24-15 8-3 18 18 14 7-6-21-29-12-40-4-2 1-1 5-2 7-2 6-10 6-7 19z"/><path fill="#d19866" d="M281 56c-2 0-5 0-5 2-1 4 3 9 7 9 3 0 4-5 3-8s-3-3-5-3z"/><path fill="#eac982" d="M273 41c-3 0-6 1-5 5 1 7 9 16 15 13 4-2 3-5 0-11-2-4-5-8-10-7z"/><path fill="#eac982" d="M272 32c-3 0-8 1-8 5 1 7 12 15 17 13s4-6 1-11c-3-4-5-8-10-7z"/><path fill="#eac982" d="M271 22c-3 0-13-4-13 4 1 7 17 18 22 16s5-7 2-12c-2-4-6-8-11-8z"/><path fill="#eac982" d="M270 11c-5-2-15-4-14 4 0 7 16 18 22 16 4-2 5-7 2-13-3-3-5-5-10-7z"/><path fill="#d19866" d="M268 4c-2 0-5 1-5 3-1 4 3 9 7 9 3-1 5-6 4-9-1-2-3-3-6-3zM191 57c-2 1-3 4-2 6 2 3 9 3 11 1 2-3-1-7-4-9-2-1-4 0-5 2z"/><path fill="#eac982" d="M175 52c-2 3-3 5 0 8 5 4 18 4 20-2 1-4-2-6-8-8-5-1-9-2-12 2z"/><path fill="#eac982" d="M167 47c-2 2-5 7-2 9 6 4 20 2 22-3s-2-7-8-8c-4-1-9-2-12 2z"/><path fill="#eac982" d="M160 41c-2 2-12 7-7 12 6 4 25 0 27-5s-1-9-7-10c-5-1-10-1-13 3z"/><path fill="#eac982" d="M151 34c-5 2-13 8-7 13 5 5 24 0 26-5s-1-8-7-10c-4-1-8 0-12 2z"/><path fill="#d19866" d="M145 30c-2 2-3 5-2 6 2 3 9 4 11 1 2-2-1-7-3-8-3-1-5 0-6 1z"/><g><path fill="#d19866" d="M17 15c-2 1-5 2-6 0-2-3 0-10 4-11 3-1 6 4 6 7 0 2-1 4-4 4z"/><path fill="#eac982" d="M16 32c-3 1-6 1-7-3-2-7 3-18 9-18 5 0 5 4 4 11 0 4-1 9-6 10z"/><path fill="#eac982" d="M18 41c-3 1-8 2-9-2-2-7 5-19 11-19 5 0 5 5 4 11 0 4-1 9-6 10z"/><path fill="#eac982" d="M21 50c-3 1-11 9-13 2-3-7 8-24 14-23 5 0 7 4 6 10 0 5-2 10-7 11z"/><path fill="#eac982" d="M24 61c-4 4-12 9-15 2-2-7 9-23 15-23 5 0 7 4 6 10 0 5-2 8-6 11z"/><path fill="#d19866" d="M25 68c-2 0-5 1-6-1-2-3 0-9 3-10s7 3 7 6c0 2-2 4-4 5z"/></g><g><path fill="#f5c02b" d="M29 31c2-6 12-6 19-5 13 3 38 3 30 28-6 20-29 11-40 3-2-1-1-4-2-7-2-6-10-6-7-19z"/><path fill="#d99d25" d="M29 31c1-3 2 6 4 10 2 3 4 6 7 5 15-6 19 12 24 14 8 4 18-18 14-6-6 20-29 11-40 3-2-1-1-4-2-7-2-6-10-6-7-19z"/></g><g><path fill="#f5c02b" d="M75 9c1-7 12-7 18-6 13 3 38 4 31 28-6 20-30 11-41 4-2-2-1-5-2-7-2-7-10-6-6-19z"/><path fill="#d99d25" d="M75 9c1-4 1 5 3 9s4 6 7 5c15-6 19 12 25 14 7 4 17-18 14-6-6 20-30 11-41 4-2-2-1-5-2-7-2-7-10-6-6-19z"/></g><g><path fill="#f5c02b" d="M225 45c2 6-6 13-12 15-12 5-33 19-41-5-6-20 18-26 32-26 2 0 3 3 5 4 5 4 12-1 16 12z"/><path fill="#d99d25" d="M225 45c1 4-4-3-8-6-3-2-7-2-8 0-9 14-23 2-29 3-8 1-4 25-8 13-6-20 18-26 32-26 2 0 3 3 5 4 5 4 12-1 16 12z"/></g><g><path fill="#f5c02b" d="M276 28c-2-6-12-7-18-5-13 3-38 3-31 27 6 20 30 12 41 4 2-2 1-5 2-7 2-6 10-6 6-19z"/><path fill="#d99d25" d="M276 28c-1-4-1 5-3 9s-4 6-7 5c-15-6-19 12-25 15-7 3-17-19-14-7 6 20 30 12 41 4 2-2 1-5 2-7 2-6 10-6 6-19z"/></g><g><path fill="#d19866" d="M192 30c0-2-1-4-3-5-4 0-9 4-8 8 0 3 5 4 8 3 2-1 3-3 3-6z"/><path fill="#eac982" d="M206 22c0-3-1-5-5-5-7 1-15 10-13 15s6 4 12 0c3-2 7-5 6-10z"/><path fill="#eac982" d="M216 21c-1-3-2-8-6-8-7 1-15 13-13 18 3 4 6 3 12 0 4-3 7-5 7-10z"/><path fill="#eac982" d="M225 20c0-3 4-14-4-13-7 0-18 17-15 22 2 5 7 5 12 2 4-2 8-6 7-11z"/><path fill="#eac982" d="M237 18c1-5 3-14-5-14-7 0-18 17-15 22 2 5 7 5 12 2 4-2 6-5 8-10z"/><path fill="#d19866" d="M243 16c0-2-1-5-3-5-4 0-9 4-8 7 0 4 5 5 8 4 2-1 3-3 3-6z"/></g><g><path fill="#d19866" d="M131 50c-1 2-1 5 1 6 3 2 9 0 10-4 1-3-3-6-6-6s-4 2-5 4z"/><path fill="#eac982" d="M115 52c-1 3-1 6 3 7 7 2 18-3 17-9 0-5-4-5-10-4-5 0-9 1-10 6z"/><path fill="#eac982" d="M106 51c-1 3-2 8 2 8 7 2 18-5 18-11 0-5-4-5-10-4-5 1-9 2-10 7z"/><path fill="#eac982" d="M96 48c-1 3-8 11-1 13s23-9 23-15c0-5-5-7-11-6-4 1-10 3-11 8z"/><path fill="#eac982" d="M85 45c-3 4-8 12-1 15 7 2 23-9 23-15-1-5-5-7-11-6-5 0-7 2-11 6z"/><path fill="#d19866" d="M79 44v6c4 2 10 0 11-3s-4-6-7-7c-2 0-4 2-4 4z"/></g><g><path fill="#d19866" d="M18 27c0-2 0-5-2-5-4-2-9 2-10 5 0 3 5 6 8 5 3 0 4-2 4-5z"/><path fill="#eac982" d="M34 22c0-3-1-6-5-6-7-1-17 7-15 12 1 5 5 5 11 2 4-1 8-3 9-8z"/><path fill="#eac982" d="M43 22c0-3 0-8-4-9-7 0-17 10-16 15s6 5 11 2c5-1 9-3 9-8z"/><path fill="#eac982" d="M53 23c0-4 5-13-2-14-8-1-21 14-19 20 1 4 6 6 11 3 5-1 9-4 10-9z"/><path fill="#eac982" d="M64 23c3-4 6-14-2-15-7-1-20 14-19 20 1 4 6 6 12 4 4-2 6-5 9-9z"/><path fill="#d19866" d="M71 22c0-2-1-5-3-5-3-2-9 2-9 5 0 4 5 6 8 5 2 0 3-2 4-5z"/></g></g></g>'
        ];

        let rockLayerList = [0, 1, 2, 3, 4, 5, 6, 7, 8];
        let rockLayerKey = [5, 7, 3, 2, 8, 6, 4, 0, 1];


        function checkAnswer() {

            for(let j = 0; j < 9; j++) {
                if (rockLayerList[j] === rockLayerKey[j]) {
                    $('#layer-circle-' + rockLayerList[j]).innerHTML = '<circle cx="0" cy="35" r="12" fill="#2d2"/><path stroke="#fff" fill="none" stroke-width="4" d="M-8,35 -2,41 6,28"/>';
                } else {
                    $('#layer-circle-' + rockLayerList[j]).innerHTML = '<circle cx="0" cy="35" r="12" fill="#d22"/><path stroke="#fff" stroke-width="4" d="M-6,29 6,41 M-6,41 6,29"/>';
                }
            }

        }

        function skipAnswer(clearHint) {

        }

        function generateProblem() {
            let rockSVG = svgContainer[0];
            rockLayerList.forEach((i, j) => {
                rockSVG += rockLayerSvg[i].replace(/YYY/g, (j * 70).toString());
                $('#rock-layer-' + j).innerHTML = 'Sample ' + String.fromCharCode(i + 65);
            });
            rockSVG += svgContainer[1];

            $('#rock-layer-picture').innerHTML = rockSVG;

        }

        function getInputValue() {
            let ele = document.getElementsByName('choice');
            for (i = 0; i < ele.length; i++) {
                if (ele[i].type == "radio") {
                    if (ele[i].checked)
                        return ele[i].value;
                }
            }
        }

        function moveLayer(layer, direction) {
            if (direction === 'up') {
                let temp = rockLayerList[layer];
                rockLayerList[layer] = rockLayerList[layer - 1];
                rockLayerList[layer - 1] = temp;
            } else {
                let temp = rockLayerList[layer];
                rockLayerList[layer] = rockLayerList[layer + 1];
                rockLayerList[layer + 1] = temp;
            }

            generateProblem();
        }

        function makeImage(svgElement, fileName) {
            checkAnswer();

            let {width, height} = svgElement.getBBox();

            let clonedSvgElement = svgElement.cloneNode(true);
            let outerHTML = clonedSvgElement.outerHTML,
                blob = new Blob([outerHTML], {
                    type: 'image/svg+xml;charset=utf-8'
                });
            let URL = window.URL || window.webkitURL || window;
            let blobURL = URL.createObjectURL(blob);

            let image = new Image();
            image.onload = () => {

                let canvas = document.createElement('canvas');
                canvas.width = width;
                canvas.height = height;

                let context = canvas.getContext('2d');
                // draw image in canvas starting left-0 , top - 0
                context.drawImage(image, 0, 0, width, height);
                // downloadImage(canvas); need to implement

                let jpeg = canvas.toDataURL('image/jpg');

                var download = function (href, name) {
                    var link = document.createElement('a');
                    link.download = name;
                    link.style.opacity = "0";
                    document.body.appendChild(link);
                    link.href = href;
                    link.click();
                    link.remove();
                }

                download(jpeg, fileName + '.jpg');
            };
            image.src = blobURL;
        }

        let activeElement = null;

        function calculateMouse(evt) {
            pt.x = evt.clientX;
            pt.y = evt.clientY;
            // The cursor point, translated into svg coordinates
            let cursorpt = pt.matrixTransform(fossilGraphSVG.getScreenCTM().inverse());
            cursorpt.x = Math.round((cursorpt.x - 12) / 24.5);
            cursorpt.y = Math.round((cursorpt.y - 13) / 25);
            cursorpt.x = Math.abs(cursorpt.x < 0 ? 0 : (cursorpt.x > 5 ? 5 : cursorpt.x));
            cursorpt.y = Math.abs(cursorpt.y < 0 ? 0 : (cursorpt.y > 8 ? 8 : cursorpt.y));

            return cursorpt;
        }

        function setCoords(evt) {
            let cursorpt = calculateMouse(evt);

            dotXcoords = [6, 30, 54, 78, 102, 126];
            dotYcoords = [45, 71.5, 98, 124.5, 151, 177.5, 204, 230.5, 257];
            $('#graph-line-' + cursorpt.x);

            let topCircle = Math.round(parseFloat($('#graph-circle-top-' + cursorpt.x).getAttribute('cy') - 45) / 26.5);
            let bottomCircle = Math.round(parseFloat($('#graph-circle-bottom-' + cursorpt.x).getAttribute('cy') - 45) / 26.5);

            let elementPart = (cursorpt.y === topCircle ? 'top' : (cursorpt.y === bottomCircle ? 'bottom' : null));
            if (elementPart) {
                activeElement = $('#graph-circle-' + elementPart + '-' + cursorpt.x);
                activeElement.topOrBottom = elementPart;
            }
        }

        function dragCircle(evt) {
            if (activeElement) {
                let cursorpt = calculateMouse(evt);

                dotXcoords = [6, 30, 54, 78, 102, 126];
                dotYcoords = [45, 71.5, 98, 124.5, 151, 177.5, 204, 230.5, 257];

                let otherElement = $('#graph-circle-' + (activeElement.topOrBottom === 'top' ? 'bottom' : 'top') + '-' + cursorpt.x);

                if (Math.abs(dotYcoords[cursorpt.y] - parseFloat(otherElement.getAttribute('cy'))) > 5) {
                    activeElement.setAttribute('cy', dotYcoords[cursorpt.y]);
                    let lineElement = $('#graph-line-' + cursorpt.x);
                    let dPath = lineElement.getAttribute('d').split(' ');

                    if (activeElement.topOrBottom === 'top') {
                        lineElement.setAttribute('d', 'M' + dotXcoords[cursorpt.x] + ',' + dotYcoords[cursorpt.y] + ' ' + dPath[1]);
                    } else {
                        lineElement.setAttribute('d', dPath[0] + ' ' + dotXcoords[cursorpt.x] + ',' + dotYcoords[cursorpt.y]);
                    }
                }
            }
        }

        function dropCircle() {
            activeElement = null;
        }

    </script>
</head>

<body>
    <table role="main" class="main-table">
        <tr>
            <td>
                <h1 style="font-size:1.5em">Fossil Sample Sort - Relative Dating</h1>
                <hr>

                <table>
                    <tr>
                        <td colspan="2" class="directions">Arrange the fossil samples by clicking the up or down arrows next to the samples. Begin with Sample B at the bottom, because Sample B is the oldest.<br></td>
                        <td></td>
                        <td class="directions">Click the dots on the graph below to move them up or down.</td>
                    </tr>
                    <tr>
                        <td colspan="2"><h4>Youngest</h4></td>
                        <td colspan="2"><h4>Youngest</h4></td>
                    </tr>
                    <tr>
                        <td class="rock-layer-label" id="rock-layer-0">A</td>
                        <td rowspan="9" style="max-width:280px">
                            <div id="rock-layer-picture"></div>
                        </td>
                        <td><button class="arrow down" onclick="moveLayer(0, 'down');">&#9660;</button></td>
                        <td rowspan="10">
                            <div id="fossil-graph-container"></div>
                        </td>
                    </tr>
                    <tr><td class="rock-layer-label" id="rock-layer-1">B</td><td><button class="arrow" onclick="moveLayer(1, 'up');">&#9650;</button><button class="arrow down" onclick="moveLayer(1, 'down');">&#9660;</button></td></tr>
                    <tr><td class="rock-layer-label" id="rock-layer-2">C</td><td><button class="arrow" onclick="moveLayer(2, 'up');">&#9650;</button><button class="arrow down" onclick="moveLayer(2, 'down');">&#9660;</button></td></tr>
                    <tr><td class="rock-layer-label" id="rock-layer-3">D</td><td><button class="arrow" onclick="moveLayer(3, 'up');">&#9650;</button><button class="arrow down" onclick="moveLayer(3, 'down');">&#9660;</button></td></tr>
                    <tr><td class="rock-layer-label" id="rock-layer-4">E</td><td><button class="arrow" onclick="moveLayer(4, 'up');">&#9650;</button><button class="arrow down" onclick="moveLayer(4, 'down');">&#9660;</button></td></tr>
                    <tr><td class="rock-layer-label" id="rock-layer-5">F</td><td><button class="arrow" onclick="moveLayer(5, 'up');">&#9650;</button><button class="arrow down" onclick="moveLayer(5, 'down');">&#9660;</button></td></tr>
                    <tr><td class="rock-layer-label" id="rock-layer-6">G</td><td><button class="arrow" onclick="moveLayer(6, 'up');">&#9650;</button><button class="arrow down" onclick="moveLayer(6, 'down');">&#9660;</button></td></tr>
                    <tr><td class="rock-layer-label" id="rock-layer-7">H</td><td><button class="arrow" onclick="moveLayer(7, 'up');">&#9650;</button><button class="arrow down" onclick="moveLayer(7, 'down');">&#9660;</button></td></tr>
                    <tr><td class="rock-layer-label" id="rock-layer-8">I</td><td><button class="arrow" onclick="moveLayer(8, 'up');">&#9650;</button></td></tr>
                    <tr>
                        <td id="bottom-label" colspan="2"><h4>Oldest</h4></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="3"></td>
                        <td>
                            <table id="fossil-label-table">
                                <tr>
                                    <td class="fossil-label">Globus<br>slimius</td>
                                    <td class="fossil-label">Microbius<br>hairiensis</td>
                                    <td class="fossil-label">Fungus<br>amoungius</td>
                                    <td class="fossil-label">Circus<br>bozoensis</td>
                                    <td class="fossil-label">Bogus<br>biggus</td>
                                    <td class="fossil-label">Bananabana<br>bobana</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <div id="question"></div><br>
                <button id="check" onclick="checkAnswer()">check samples</button>
                <button id="layer-jpg" onclick="makeImage($('#rock-layers'), 'fossil-samples')">download samples as JPG</button>
                <button id="graph-jpg" onclick="makeImage($('#fossil-graph'), 'fossil-graph')">download graph as JPG</button>
            </td>
        </tr>
    </table>

    <script>
        shuffle(rockLayerList);
        generateProblem();

        $('#fossil-graph-container').innerHTML = svgGraph;

        var fossilGraphSVG = $('#fossil-graph');
        var pt = fossilGraphSVG.createSVGPoint(); // Created once for document
    </script>
</body>

</html>