-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathnyancat.html
579 lines (551 loc) · 33.9 KB
/
nyancat.html
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
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 180">
<defs>
<radialGradient id="BackgroundGradient">
<stop offset="0%" stop-color="#005093" />
<stop offset="100%" stop-color="#002953" />
</radialGradient>
</defs>
<use href="#sparkle" id="sparkle1">
<animateMotion dur="0.77s" repeatCount="indefinite" path="M250 10 70 10" />
</use>
<use href="#sparkle" id="sparkle2">
<animateMotion begin="0.2566" dur="0.77s" repeatCount="indefinite" path="M255 23 65 23" />
</use>
<use href="#sparkle" id="sparkle3">
<animateMotion begin="0.5133" dur="0.77s" repeatCount="indefinite" path="M260 36 60 36" />
</use>
<use href="#sparkle" id="sparkle4">
<animateMotion begin="0.1283" dur="0.77s" repeatCount="indefinite" path="M260 130 60 130" />
</use>
<use href="#sparkle" id="sparkle5">
<animateMotion begin="0.385" dur="0.77s" repeatCount="indefinite" path="M255 143 65 143" />
</use>
<use href="#sparkle" id="sparkle6">
<animateMotion begin="0.6416" dur="0.77s" repeatCount="indefinite" path="M250 166 70 166" />
</use>
<use href="#sparkle" id="sparkle7">
<animateMotion dur="0.84s" repeatCount="indefinite" path="M250 105 70 105" />
</use>
<use href="#sparkle" id="sparkle8">
<animateMotion begin="0.28" dur="0.84s" repeatCount="indefinite" path="M250 73 70 73" />
</use>
<svg id="rainbow" y="58.5">
<defs>
<linearGradient id="RainbowGradient" gradientTransform="rotate(90)">
<stop offset="0%" stop-color="#FD1B00" />
<stop offset="16.66%" stop-color="#FD1B00" />
<stop offset="16.67%" stop-color="#FD9B01" />
<stop offset="33.33%" stop-color="#FD9B01" />
<stop offset="33.34%" stop-color="#FDEF01" />
<stop offset="49.99%" stop-color="#FDEF01" />
<stop offset="50.00%" stop-color="#20DB01" />
<stop offset="66.66%" stop-color="#20DB01" />
<stop offset="66.67%" stop-color="#008AFC" />
<stop offset="83.33%" stop-color="#008AFC" />
<stop offset="83.34%" stop-color="#6D3FFC" />
<stop offset="100%" stop-color="#6D3FFC" />
</linearGradient>
</defs>
<style>
.rainbow-container {
animation: rainbow-leftright 0.42s linear infinite;
}
.rainbow-piece0 {
animation: rainbow-updown 0.42s linear infinite;
}
.rainbow-piece1 {
animation: rainbow-updown 0.42s linear -0.21s infinite;
}
@keyframes rainbow-updown {
0% {
transform: translate(0, 0px);
}
49.99% {
transform: translate(0, 0px);
}
50% {
transform: translate(0, 4px);
}
100% {
transform: translate(0, 4px);
}
}
@keyframes rainbow-leftright {
0% {
transform: translate(0px, 0px);
}
49.99% {
transform: translate(0px, 0px);
}
50% {
transform: translate(-4px, 0px);
}
100% {
transform: translate(-4px, 0px);
}
}
</style>
<g class="rainbow-container">
<rect class="rainbow-piece rainbow-piece0" width="30" height="54" fill="url('#RainbowGradient')">
<!-- <animateTransform attributeName="transform" type="translate" values="0 -5; 0 -5; 0 5; 0 5" dur="0.42s" repeatCount="indefinite" /> -->
</rect>
<rect class="rainbow-piece rainbow-piece1" x="29.5" width="30" height="54" fill="url('#RainbowGradient')" />
<rect class="rainbow-piece rainbow-piece0" x="59" width="30" height="54" fill="url('#RainbowGradient')" />
<rect class="rainbow-piece rainbow-piece1" x="88.5" width="30" height="54" fill="url('#RainbowGradient')" />
<rect class="rainbow-piece rainbow-piece0" x="118" width="30" height="54" fill="url('#RainbowGradient')" />
</g>
</svg>
<svg id="cat" x="120" y="58.5" width="102" height="73" viewBox="0 0 34 21" preserveAspectRatio="xMinYMin meet">
<!-- All cat-frames are adapted from https://github.com/iliana/html5nyancat . -->
<style>
.cat-frame {
opacity: 0;
}
#cat-frame6 {
animation: catrun 0.42s linear 0.35s infinite;
}
#cat-frame5 {
animation: catrun 0.42s linear 0.28s infinite;
}
#cat-frame4 {
animation: catrun 0.42s linear 0.21s infinite;
}
#cat-frame3 {
animation: catrun 0.42s linear 0.14s infinite;
}
#cat-frame2 {
animation: catrun 0.42s linear 0.07s infinite;
}
#cat-frame1 {
animation: catrun 0.42s linear 0s infinite;
}
@keyframes catrun {
0% {
opacity: 1;
}
16.666666% {
opacity: 1;
}
16.6666666% {
opacity: 0;
}
100% {
opacity: 0;
}
}
</style>
<g id="cat-frame1" class="cat-frame">
<g transform="translate(1,0)" id="layer1" style="display:inline">
<g transform="translate(4,-1032.3622)" id="g3832">
<path d="m 0,50 0,-3 1,0 0,-1 4,0 0,3 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3050"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 1,49 0,-2 3,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3830"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(4,-1032.3622)" id="g3841">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3836"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3838"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="matrix(-1,0,0,1,29,-1032.3622)" id="g3935">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3937"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3939"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(0,-1032.3622)" id="g3948">
<path d="m 24,49 0,-1 4,0 0,1 -1,0 0,1 -2,0 0,-1 z" transform="translate(0,1002.3622)" id="path3941"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 25,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3943"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(0,-1032.3622)" id="layer1-0">
<path d="m 7,1033.3622 19,0 0,16 -19,0 z" id="rect5270" style="fill:#ffcc99;fill-opacity:1" />
<path
d="m 8,1046.3622 0,-10 1,0 0,-1 1,0 0,-1 13,0 0,1 1,0 0,1 1,0 0,10 -1,0 0,1 -1,0 0,1 -13,0 0,-1 -1,0 0,-1 z"
id="path5272" style="fill:#ff99ff;fill-opacity:1;stroke:none" />
<path
d="m 22,1037.3622 1,0 0,1 -1,0 z m -4,-2 1,0 0,1 -1,0 z m -3,0 1,0 0,1 -1,0 z m -1,4 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m -2,3 1,0 0,1 -1,0 z m -2,-4 1,0 0,1 -1,0 z m -2,2 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m 0,-10 1,0 0,1 -1,0 z"
id="rect5030-3-6" style="fill:#ff3399;fill-opacity:1" />
<path
d="m 8,1049.3622 17,0 0,1 -17,0 z m 0,-17 17,0 0,1 -17,0 z m 18,16 0,-14 1,0 0,14 z m -20,0 0,-14 1,0 0,14 z m 1,0 1,0 0,1 -1,0 z m 0,-15 1,0 0,1 -1,0 z m 18,0 1,0 0,1 -1,0 z m 0,15 1,0 0,1 -1,0 z"
id="path5412" style="fill:#000000;fill-opacity:1" />
</g>
<g transform="translate(6,0)" id="layer3">
<g id="g5869">
<path
d="m 11,15 0,-5 1,0 0,-4 2,0 0,1 1,0 0,1 1,0 0,1 4,0 0,-1 1,0 0,-1 1,0 0,-1 2,0 0,4 1,0 0,5 -1,0 0,1 -1,0 0,1 -10,0 0,-1 -1,0 0,-1 z"
id="path5777" style="fill:#999999;fill-opacity:1;stroke:none" />
<path
d="m 23,16 1,0 0,1 -1,0 z m 1,-1 1,0 0,1 -1,0 z m 1,-5 1,0 0,5 -1,0 z m -1,-4 1,0 0,4 -1,0 z m -2,-1 2,0 0,1 -2,0 z m -6,3 4,0 0,1 -4,0 z m -4,-3 2,0 0,1 -2,0 z m -1,1 1,0 0,4 -1,0 z m -1,4 1,0 0,5 -1,0 z m 11,-4 1,0 0,1 -1,0 z m -1,1 1,0 0,1 -1,0 z m -5,0 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z m -1,11 10,0 0,1 -10,0 z m -1,-1 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z"
id="rect5496-38" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 12,13 2,0 0,2 -2,0 z" id="rect5779" style="fill:#ff9999;fill-opacity:1;stroke:none" />
<path d="m 23,13 2,0 0,2 -2,0 z" id="rect5781" style="fill:#ff9999;fill-opacity:1;stroke:none" />
<path d="m 15,16 0,-2 1,0 0,1 2,0 0,-1 1,0 0,1 2,0 0,-1 1,0 0,2 z" id="path5785"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 19,12 1,0 0,1 -1,0 z" id="rect5787" style="fill:#000000;fill-opacity:1;stroke:none" />
<g id="g5857">
<path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5795" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 21,11 1,0 0,1 -1,0 z" id="path5797" style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(-7,0)" id="g5861">
<path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5863" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 21,11 1,0 0,1 -1,0 z" id="path5865" style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
</g>
</g>
<g id="g3486">
<path d="M 0,10 0,7 4,7 4,8 5,8 5,9 6,9 6,14 5,14 5,13 3,13 3,12 2,12 2,11 1,11 1,10 z" id="path3954"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 1,9 0,-1 2,0 0,1 1,0 0,1 1,0 0,1 1,0 0,1 -2,0 0,-1 -1,0 0,-1 -1,0 0,-1 z" id="path3956"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
</g>
</g>
<g id="cat-frame2" class="cat-frame">
<g transform="translate(1,-1)" id="g4196">
<g transform="translate(0,-1031.3622)" id="layer1">
<g id="g3982">
<path d="m 5,20 0,-3 1,0 0,-1 3,0 0,3 -1,0 0,1 z" transform="translate(0,1032.3622)" id="path3977"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 6,17 2,0 0,2 -2,0 z" transform="translate(0,1032.3622)" id="rect3979"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="matrix(-1,0,0,1,20,0)" id="g3841">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3836"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3838"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="matrix(-1,0,0,1,30,0)" id="g3935">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3937"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3939"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g id="layer1-0">
<path d="m 7,1033.3622 19,0 0,16 -19,0 z" id="rect5270" style="fill:#ffcc99;fill-opacity:1" />
<path
d="m 8,1046.3622 0,-10 1,0 0,-1 1,0 0,-1 13,0 0,1 1,0 0,1 1,0 0,10 -1,0 0,1 -1,0 0,1 -13,0 0,-1 -1,0 0,-1 z"
id="path5272" style="fill:#ff99ff;fill-opacity:1;stroke:none" />
<path
d="m 22,1037.3622 1,0 0,1 -1,0 z m -4,-2 1,0 0,1 -1,0 z m -3,0 1,0 0,1 -1,0 z m -1,4 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m -2,3 1,0 0,1 -1,0 z m -2,-4 1,0 0,1 -1,0 z m -2,2 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m 0,-10 1,0 0,1 -1,0 z"
id="rect5030-3-6" style="fill:#ff3399;fill-opacity:1" />
<path
d="m 8,1049.3622 17,0 0,1 -17,0 z m 0,-17 17,0 0,1 -17,0 z m 18,16 0,-14 1,0 0,14 z m -20,0 0,-14 1,0 0,14 z m 1,0 1,0 0,1 -1,0 z m 0,-15 1,0 0,1 -1,0 z m 18,0 1,0 0,1 -1,0 z m 0,15 1,0 0,1 -1,0 z"
id="path5412" style="fill:#000000;fill-opacity:1" />
</g>
<g transform="translate(7,1032.3622)" id="layer3">
<g id="g5869">
<path
d="m 11,15 0,-5 1,0 0,-4 2,0 0,1 1,0 0,1 1,0 0,1 4,0 0,-1 1,0 0,-1 1,0 0,-1 2,0 0,4 1,0 0,5 -1,0 0,1 -1,0 0,1 -10,0 0,-1 -1,0 0,-1 z"
id="path5777" style="fill:#999999;fill-opacity:1;stroke:none" />
<path
d="m 23,16 1,0 0,1 -1,0 z m 1,-1 1,0 0,1 -1,0 z m 1,-5 1,0 0,5 -1,0 z m -1,-4 1,0 0,4 -1,0 z m -2,-1 2,0 0,1 -2,0 z m -6,3 4,0 0,1 -4,0 z m -4,-3 2,0 0,1 -2,0 z m -1,1 1,0 0,4 -1,0 z m -1,4 1,0 0,5 -1,0 z m 11,-4 1,0 0,1 -1,0 z m -1,1 1,0 0,1 -1,0 z m -5,0 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z m -1,11 10,0 0,1 -10,0 z m -1,-1 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z"
id="rect5496-38" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 12,13 2,0 0,2 -2,0 z" id="rect5779" style="fill:#ff9999;fill-opacity:1;stroke:none" />
<path d="m 23,13 2,0 0,2 -2,0 z" id="rect5781" style="fill:#ff9999;fill-opacity:1;stroke:none" />
<path d="m 15,16 0,-2 1,0 0,1 2,0 0,-1 1,0 0,1 2,0 0,-1 1,0 0,2 z" id="path5785"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 19,12 1,0 0,1 -1,0 z" id="rect5787" style="fill:#000000;fill-opacity:1;stroke:none" />
<g id="g5857">
<path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5795"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 21,11 1,0 0,1 -1,0 z" id="path5797" style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(-7,0)" id="g5861">
<path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5863"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 21,11 1,0 0,1 -1,0 z" id="path5865" style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
</g>
</g>
<g transform="matrix(-1,0,0,1,35,0)" id="g3986">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3988"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3990"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g id="g3996">
<path d="m 1,12 -1,0 0,-2 1,0 0,-1 2,0 0,1 1,0 0,1 2,0 0,4 -2,0 0,-1 -2,0 0,-1 -1,0 z"
transform="translate(0,1032.3622)" id="path3992" style="fill:#000000;stroke:none" />
<path d="m 1,12 0,-2 2,0 0,2 3,0 0,2 -2,0 0,-1 -2,0 0,-1 z" transform="translate(0,1032.3622)" id="path3994"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
</g>
</g>
</g>
<g id="cat-frame3" class="cat-frame">
<g transform="translate(1,1)" id="g4137">
<g id="g3806">
<path d="m 6,20 0,-4 4,0 0,3 -1,0 0,1 z" id="path3977" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,17 2,0 0,2 -2,0 z" id="rect3979" style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="matrix(-1,0,0,1,21,-1032.3622)" id="g3841">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3836"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3838"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="matrix(-1,0,0,1,31,-1032.3622)" id="g3935">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3937"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3939"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(0,-1032.3622)" id="layer1-0">
<path d="m 7,1033.3622 19,0 0,16 -19,0 z" id="rect5270" style="fill:#ffcc99;fill-opacity:1" />
<path
d="m 8,1046.3622 0,-10 1,0 0,-1 1,0 0,-1 13,0 0,1 1,0 0,1 1,0 0,10 -1,0 0,1 -1,0 0,1 -13,0 0,-1 -1,0 0,-1 z"
id="path5272" style="fill:#ff99ff;fill-opacity:1;stroke:none" />
<path
d="m 22,1037.3622 1,0 0,1 -1,0 z m -4,-2 1,0 0,1 -1,0 z m -3,0 1,0 0,1 -1,0 z m -1,4 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m -2,3 1,0 0,1 -1,0 z m -2,-4 1,0 0,1 -1,0 z m -2,2 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m 0,-10 1,0 0,1 -1,0 z"
id="rect5030-3-6" style="fill:#ff3399;fill-opacity:1" />
<path
d="m 8,1049.3622 17,0 0,1 -17,0 z m 0,-17 17,0 0,1 -17,0 z m 18,16 0,-14 1,0 0,14 z m -20,0 0,-14 1,0 0,14 z m 1,0 1,0 0,1 -1,0 z m 0,-15 1,0 0,1 -1,0 z m 18,0 1,0 0,1 -1,0 z m 0,15 1,0 0,1 -1,0 z"
id="path5412" style="fill:#000000;fill-opacity:1" />
</g>
<g transform="translate(7,0)" id="layer3">
<g id="g5869">
<path
d="m 11,15 0,-5 1,0 0,-4 2,0 0,1 1,0 0,1 1,0 0,1 4,0 0,-1 1,0 0,-1 1,0 0,-1 2,0 0,4 1,0 0,5 -1,0 0,1 -1,0 0,1 -10,0 0,-1 -1,0 0,-1 z"
id="path5777" style="fill:#999999;fill-opacity:1;stroke:none" />
<path
d="m 23,16 1,0 0,1 -1,0 z m 1,-1 1,0 0,1 -1,0 z m 1,-5 1,0 0,5 -1,0 z m -1,-4 1,0 0,4 -1,0 z m -2,-1 2,0 0,1 -2,0 z m -6,3 4,0 0,1 -4,0 z m -4,-3 2,0 0,1 -2,0 z m -1,1 1,0 0,4 -1,0 z m -1,4 1,0 0,5 -1,0 z m 11,-4 1,0 0,1 -1,0 z m -1,1 1,0 0,1 -1,0 z m -5,0 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z m -1,11 10,0 0,1 -10,0 z m -1,-1 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z"
id="rect5496-38" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 12,13 2,0 0,2 -2,0 z" id="rect5779" style="fill:#ff9999;fill-opacity:1;stroke:none" />
<path d="m 23,13 2,0 0,2 -2,0 z" id="rect5781" style="fill:#ff9999;fill-opacity:1;stroke:none" />
<path d="m 15,16 0,-2 1,0 0,1 2,0 0,-1 1,0 0,1 2,0 0,-1 1,0 0,2 z" id="path5785"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 19,12 1,0 0,1 -1,0 z" id="rect5787" style="fill:#000000;fill-opacity:1;stroke:none" />
<g id="g5857">
<path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5795" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 21,11 1,0 0,1 -1,0 z" id="path5797" style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(-7,0)" id="g5861">
<path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5863" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 21,11 1,0 0,1 -1,0 z" id="path5865" style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
</g>
</g>
<g transform="matrix(-1,0,0,1,36,-1032.3622)" id="g3986">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3988"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3990"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g id="g4584">
<path d="m 0,14 0,-2 2,0 0,-1 3,0 0,-1 1,0 0,4 -1,0 0,1 -4,0 0,-1 z" id="path3812"
style="fill:#000000;stroke:none" />
<path d="m 1,14 0,-1 1,0 0,-1 4,0 0,1 -2,0 0,1 z" id="path3814" style="fill:#999999;stroke:none" />
</g>
</g>
</g>
<g id="cat-frame4" class="cat-frame">
<g transform="translate(1,0)" id="g4082">
<g transform="translate(0,-1031.3622)" id="g3982">
<path d="m 5,20 0,-3 1,0 0,-1 3,0 0,3 -1,0 0,1 z" transform="translate(0,1032.3622)" id="path3977-4"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 6,17 2,0 0,2 -2,0 z" transform="translate(0,1032.3622)" id="rect3979-3"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="matrix(-1,0,0,1,20,-1031.3622)" id="g3841">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3836"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3838"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="matrix(-1,0,0,1,30,-1031.3622)" id="g3935">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3937"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3939"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(0,-1031.3622)" id="layer1-0">
<path d="m 7,1033.3622 19,0 0,16 -19,0 z" id="rect5270" style="fill:#ffcc99;fill-opacity:1" />
<path
d="m 8,1046.3622 0,-10 1,0 0,-1 1,0 0,-1 13,0 0,1 1,0 0,1 1,0 0,10 -1,0 0,1 -1,0 0,1 -13,0 0,-1 -1,0 0,-1 z"
id="path5272" style="fill:#ff99ff;fill-opacity:1;stroke:none" />
<path
d="m 22,1037.3622 1,0 0,1 -1,0 z m -4,-2 1,0 0,1 -1,0 z m -3,0 1,0 0,1 -1,0 z m -1,4 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m -2,3 1,0 0,1 -1,0 z m -2,-4 1,0 0,1 -1,0 z m -2,2 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m 0,-10 1,0 0,1 -1,0 z"
id="rect5030-3-6" style="fill:#ff3399;fill-opacity:1" />
<path
d="m 8,1049.3622 17,0 0,1 -17,0 z m 0,-17 17,0 0,1 -17,0 z m 18,16 0,-14 1,0 0,14 z m -20,0 0,-14 1,0 0,14 z m 1,0 1,0 0,1 -1,0 z m 0,-15 1,0 0,1 -1,0 z m 18,0 1,0 0,1 -1,0 z m 0,15 1,0 0,1 -1,0 z"
id="path5412" style="fill:#000000;fill-opacity:1" />
</g>
<g transform="translate(7,1)" id="layer3">
<g id="g5869">
<path
d="m 11,15 0,-5 1,0 0,-4 2,0 0,1 1,0 0,1 1,0 0,1 4,0 0,-1 1,0 0,-1 1,0 0,-1 2,0 0,4 1,0 0,5 -1,0 0,1 -1,0 0,1 -10,0 0,-1 -1,0 0,-1 z"
id="path5777" style="fill:#999999;fill-opacity:1;stroke:none" />
<path
d="m 23,16 1,0 0,1 -1,0 z m 1,-1 1,0 0,1 -1,0 z m 1,-5 1,0 0,5 -1,0 z m -1,-4 1,0 0,4 -1,0 z m -2,-1 2,0 0,1 -2,0 z m -6,3 4,0 0,1 -4,0 z m -4,-3 2,0 0,1 -2,0 z m -1,1 1,0 0,4 -1,0 z m -1,4 1,0 0,5 -1,0 z m 11,-4 1,0 0,1 -1,0 z m -1,1 1,0 0,1 -1,0 z m -5,0 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z m -1,11 10,0 0,1 -10,0 z m -1,-1 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z"
id="rect5496-38" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 12,13 2,0 0,2 -2,0 z" id="rect5779" style="fill:#ff9999;fill-opacity:1;stroke:none" />
<path d="m 23,13 2,0 0,2 -2,0 z" id="rect5781" style="fill:#ff9999;fill-opacity:1;stroke:none" />
<path d="m 15,16 0,-2 1,0 0,1 2,0 0,-1 1,0 0,1 2,0 0,-1 1,0 0,2 z" id="path5785"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 19,12 1,0 0,1 -1,0 z" id="rect5787" style="fill:#000000;fill-opacity:1;stroke:none" />
<g id="g5857">
<path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5795" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 21,11 1,0 0,1 -1,0 z" id="path5797" style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(-7,0)" id="g5861">
<path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5863" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 21,11 1,0 0,1 -1,0 z" id="path5865" style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
</g>
</g>
<g transform="matrix(-1,0,0,1,35,-1031.3622)" id="g3986">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3988"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3990"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="matrix(1,0,0,-1,0,1058.3622)" id="g4887">
<path d="m 1,12 -1,0 0,-2 1,0 0,-1 2,0 0,1 1,0 0,1 2,0 0,4 -2,0 0,-1 -2,0 0,-1 -1,0 z"
transform="translate(0,1032.3622)" id="path4889" style="fill:#000000;stroke:none" />
<path d="m 1,12 0,-2 2,0 0,2 3,0 0,2 -2,0 0,-1 -2,0 0,-1 z" transform="translate(0,1032.3622)" id="path4891"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
</g>
</g>
<g id="cat-frame5" class="cat-frame">
<g transform="translate(1,0)" id="g4025">
<g transform="translate(0,1)" id="g5089">
<path d="m 3,20 0,-3 1,0 0,-1 1,0 0,-1 3,0 0,3 -1,0 0,1 -1,0 0,1 z" id="path5085"
style="fill:#000000;stroke:none" />
<path d="m 4,19 0,-2 1,0 0,-1 2,0 0,2 -1,0 0,1 z" id="path5087" style="fill:#999999;stroke:none" />
</g>
<g transform="matrix(-1,0,0,1,20,-1031.3622)" id="g3841">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3836"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3838"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="matrix(-1,0,0,1,28,-1031.3622)" id="g3935">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3937"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3939"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(0,-1031.3622)" id="layer1-0">
<path d="m 7,1033.3622 19,0 0,16 -19,0 z" id="rect5270" style="fill:#ffcc99;fill-opacity:1" />
<path
d="m 8,1046.3622 0,-10 1,0 0,-1 1,0 0,-1 13,0 0,1 1,0 0,1 1,0 0,10 -1,0 0,1 -1,0 0,1 -13,0 0,-1 -1,0 0,-1 z"
id="path5272" style="fill:#ff99ff;fill-opacity:1;stroke:none" />
<path
d="m 22,1037.3622 1,0 0,1 -1,0 z m -4,-2 1,0 0,1 -1,0 z m -3,0 1,0 0,1 -1,0 z m -1,4 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m -2,3 1,0 0,1 -1,0 z m -2,-4 1,0 0,1 -1,0 z m -2,2 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m 0,-10 1,0 0,1 -1,0 z"
id="rect5030-3-6" style="fill:#ff3399;fill-opacity:1" />
<path
d="m 8,1049.3622 17,0 0,1 -17,0 z m 0,-17 17,0 0,1 -17,0 z m 18,16 0,-14 1,0 0,14 z m -20,0 0,-14 1,0 0,14 z m 1,0 1,0 0,1 -1,0 z m 0,-15 1,0 0,1 -1,0 z m 18,0 1,0 0,1 -1,0 z m 0,15 1,0 0,1 -1,0 z"
id="path5412" style="fill:#000000;fill-opacity:1" />
</g>
<g transform="translate(6,1)" id="layer3">
<g id="g5869">
<path
d="m 11,15 0,-5 1,0 0,-4 2,0 0,1 1,0 0,1 1,0 0,1 4,0 0,-1 1,0 0,-1 1,0 0,-1 2,0 0,4 1,0 0,5 -1,0 0,1 -1,0 0,1 -10,0 0,-1 -1,0 0,-1 z"
id="path5777" style="fill:#999999;fill-opacity:1;stroke:none" />
<path
d="m 23,16 1,0 0,1 -1,0 z m 1,-1 1,0 0,1 -1,0 z m 1,-5 1,0 0,5 -1,0 z m -1,-4 1,0 0,4 -1,0 z m -2,-1 2,0 0,1 -2,0 z m -6,3 4,0 0,1 -4,0 z m -4,-3 2,0 0,1 -2,0 z m -1,1 1,0 0,4 -1,0 z m -1,4 1,0 0,5 -1,0 z m 11,-4 1,0 0,1 -1,0 z m -1,1 1,0 0,1 -1,0 z m -5,0 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z m -1,11 10,0 0,1 -10,0 z m -1,-1 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z"
id="rect5496-38" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 12,13 2,0 0,2 -2,0 z" id="rect5779" style="fill:#ff9999;fill-opacity:1;stroke:none" />
<path d="m 23,13 2,0 0,2 -2,0 z" id="rect5781" style="fill:#ff9999;fill-opacity:1;stroke:none" />
<path d="m 15,16 0,-2 1,0 0,1 2,0 0,-1 1,0 0,1 2,0 0,-1 1,0 0,2 z" id="path5785"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 19,12 1,0 0,1 -1,0 z" id="rect5787" style="fill:#000000;fill-opacity:1;stroke:none" />
<g id="g5857">
<path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5795" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 21,11 1,0 0,1 -1,0 z" id="path5797" style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(-7,0)" id="g5861">
<path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5863" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 21,11 1,0 0,1 -1,0 z" id="path5865" style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
</g>
</g>
<g transform="matrix(-1,0,0,1,33,-1031.3622)" id="g3986">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3988"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3990"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(0,1)" id="g5097">
<path d="M -1,11 -1,9 0,9 0,8 4,8 4,9 6,9 6,13 4,13 4,12 1,12 1,11 z" id="path5093"
style="fill:#000000;stroke:none" />
<path d="m 0,10 0,-1 3,0 0,1 2,0 0,1 1,0 0,1 -1,0 0,-1 -4,0 0,-1 z" id="path5095"
style="fill:#999999;stroke:none" />
</g>
</g>
</g>
<g id="cat-frame6" class="cat-frame">
<g transform="translate(1,0)" id="g3968">
<g transform="translate(0,1)" id="g5089">
<path d="m 3,20 0,-3 1,0 0,-1 1,0 0,-1 3,0 0,3 -1,0 0,1 -1,0 0,1 z" id="path5085"
style="fill:#000000;stroke:none" />
<path d="m 4,19 0,-2 1,0 0,-1 1,0 0,1 1,0 0,1 -1,0 0,1 z" id="path5087" style="fill:#999999;stroke:none" />
</g>
<g transform="matrix(-1,0,0,1,32,-1031.3622)" id="g3982">
<path d="m 5,20 0,-3 1,0 0,-1 3,0 0,3 -1,0 0,1 z" transform="translate(0,1032.3622)" id="path3977"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 6,17 2,0 0,2 -2,0 z" transform="translate(0,1032.3622)" id="rect3979"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(3,-1031.3622)" id="g3841">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3836"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3838"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(12,-1031.3622)" id="g3935">
<path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3937"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3939"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(0,-1031.3622)" id="layer1-0">
<path d="m 7,1033.3622 19,0 0,16 -19,0 z" id="rect5270" style="fill:#ffcc99;fill-opacity:1" />
<path
d="m 8,1046.3622 0,-10 1,0 0,-1 1,0 0,-1 13,0 0,1 1,0 0,1 1,0 0,10 -1,0 0,1 -1,0 0,1 -13,0 0,-1 -1,0 0,-1 z"
id="path5272" style="fill:#ff99ff;fill-opacity:1;stroke:none" />
<path
d="m 22,1037.3622 1,0 0,1 -1,0 z m -4,-2 1,0 0,1 -1,0 z m -3,0 1,0 0,1 -1,0 z m -1,4 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m -2,3 1,0 0,1 -1,0 z m -2,-4 1,0 0,1 -1,0 z m -2,2 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m 0,-10 1,0 0,1 -1,0 z"
id="rect5030-3-6" style="fill:#ff3399;fill-opacity:1" />
<path
d="m 8,1049.3622 17,0 0,1 -17,0 z m 0,-17 17,0 0,1 -17,0 z m 18,16 0,-14 1,0 0,14 z m -20,0 0,-14 1,0 0,14 z m 1,0 1,0 0,1 -1,0 z m 0,-15 1,0 0,1 -1,0 z m 18,0 1,0 0,1 -1,0 z m 0,15 1,0 0,1 -1,0 z"
id="path5412" style="fill:#000000;fill-opacity:1" />
</g>
<g transform="translate(6,0)" id="layer3">
<g id="g5869">
<path
d="m 11,15 0,-5 1,0 0,-4 2,0 0,1 1,0 0,1 1,0 0,1 4,0 0,-1 1,0 0,-1 1,0 0,-1 2,0 0,4 1,0 0,5 -1,0 0,1 -1,0 0,1 -10,0 0,-1 -1,0 0,-1 z"
id="path5777" style="fill:#999999;fill-opacity:1;stroke:none" />
<path
d="m 23,16 1,0 0,1 -1,0 z m 1,-1 1,0 0,1 -1,0 z m 1,-5 1,0 0,5 -1,0 z m -1,-4 1,0 0,4 -1,0 z m -2,-1 2,0 0,1 -2,0 z m -6,3 4,0 0,1 -4,0 z m -4,-3 2,0 0,1 -2,0 z m -1,1 1,0 0,4 -1,0 z m -1,4 1,0 0,5 -1,0 z m 11,-4 1,0 0,1 -1,0 z m -1,1 1,0 0,1 -1,0 z m -5,0 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z m -1,11 10,0 0,1 -10,0 z m -1,-1 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z"
id="rect5496-38" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 12,13 2,0 0,2 -2,0 z" id="rect5779" style="fill:#ff9999;fill-opacity:1;stroke:none" />
<path d="m 23,13 2,0 0,2 -2,0 z" id="rect5781" style="fill:#ff9999;fill-opacity:1;stroke:none" />
<path d="m 15,16 0,-2 1,0 0,1 2,0 0,-1 1,0 0,1 2,0 0,-1 1,0 0,2 z" id="path5785"
style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 19,12 1,0 0,1 -1,0 z" id="rect5787" style="fill:#000000;fill-opacity:1;stroke:none" />
<g id="g5857">
<path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5795" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 21,11 1,0 0,1 -1,0 z" id="path5797" style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
<g transform="translate(-7,0)" id="g5861">
<path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5863" style="fill:#000000;fill-opacity:1;stroke:none" />
<path d="m 21,11 1,0 0,1 -1,0 z" id="path5865" style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
</g>
</g>
<g transform="translate(0,-1033.3622)" id="g3996">
<path d="m 1,12 -1,0 0,-2 1,0 0,-1 2,0 0,1 1,0 0,1 2,0 0,4 -2,0 0,-1 -2,0 0,-1 -1,0 z"
transform="translate(0,1032.3622)" id="path3992" style="fill:#000000;stroke:none" />
<path d="m 1,12 0,-2 2,0 0,2 3,0 0,2 -2,0 0,-1 -2,0 0,-1 z" transform="translate(0,1032.3622)" id="path3994"
style="fill:#999999;fill-opacity:1;stroke:none" />
</g>
</g>
</g>
</svg>
</svg>