-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
3196 lines (3164 loc) · 212 KB
/
index.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
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="global.css" />
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<title>css dayta</title>
</head>
<body>
<header>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 614 383"
class="logo"
>
<g class="c">
<rect x="0" y="0" width="184" height="46" rx="7" ry="7" />
<rect x="0" y="55" width="46" height="122" rx="7" ry="7" />
<rect x="57" y="131" width="127" height="46" rx="7" ry="7" />
</g>
<g class="s-1">
<rect x="215" y="0" width="46" height="110" rx="7" ry="7" />
<rect x="271" y="0" width="128" height="46" rx="7" ry="7" />
<rect x="275" y="65" width="64" height="46" rx="7" ry="7" />
<rect x="353" y="65" width="46" height="112" rx="7" ry="7" />
<rect x="215" y="131" width="128" height="46" rx="7" ry="7" />
</g>
<g class="s-2">
<rect x="430" y="0" width="46" height="110" rx="7" ry="7" />
<rect x="486" y="0" width="128" height="46" rx="7" ry="7" />
<rect x="490" y="65" width="64" height="46" rx="7" ry="7" />
<rect x="568" y="65" width="46" height="112" rx="7" ry="7" />
<rect x="430" y="131" width="128" height="46" rx="7" ry="7" />
</g>
<g class="d">
<rect x="0" y="206" width="127" height="46" rx="7" ry="7" />
<rect x="138" y="206" width="46" height="122" rx="7" ry="7" />
<rect x="0" y="261" width="46" height="122" rx="7" ry="7" />
<rect x="57" y="337" width="127" height="46" rx="7" ry="7" />
</g>
<g class="a">
<rect x="215" y="206" width="128" height="46" rx="7" ry="7" />
<rect x="353" y="206" width="46" height="177" rx="7" ry="7" />
<rect x="215" y="261" width="46" height="122" rx="7" ry="7" />
<rect x="278" y="280" width="64" height="46" rx="7" ry="7" />
</g>
<g class="y">
<rect x="430" y="206" width="46" height="110" rx="7" ry="7" />
<rect x="568" y="206" width="46" height="177" rx="7" ry="7" />
<rect x="494" y="270" width="64" height="46" rx="7" ry="7" />
<rect x="451" y="337" width="107" height="46" rx="7" ry="7" />
</g>
</svg>
<label class="showable" for="show">
<input type="checkbox" id="show" name="show" />
</label>
<div class="hideable" aria-hidden="true">
<label>
<input type="radio" name="colors" value="system" checked onClick='partyModeVideo(false)' /> system
</label>
<label> <input type="radio" name="colors" value="dark" onClick='partyModeVideo(false)' /> dark </label>
<label>
<input type="radio" name="colors" value="light" onClick='partyModeVideo(false)' /> light
</label>
<label>
<input type="radio" name="colors" value="party" onClick='partyModeVideo(true)'/> party
</label>
</div>
</header>
<main>
<h1 class="sr-only">10 years of CSS DAY</h1>
<div class="opening-wrapper">
<div class="opening">
<div class="overlay"></div>
<span></span>
<span> <span class="number">5</span></span>
</div>
</div>
<div class="opening-pt2-wrapper">
<div>
<p>10</p>
<p>YEARS</p>
<p>OF</p>
</div>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 614 383"
class="logo"
>
<g class="c">
<rect x="0" y="0" width="184" height="46" rx="7" ry="7" />
<rect x="0" y="55" width="46" height="122" rx="7" ry="7" />
<rect x="57" y="131" width="127" height="46" rx="7" ry="7" />
</g>
<g class="s-1">
<rect x="215" y="0" width="46" height="110" rx="7" ry="7" />
<rect x="271" y="0" width="128" height="46" rx="7" ry="7" />
<rect x="275" y="65" width="64" height="46" rx="7" ry="7" />
<rect x="353" y="65" width="46" height="112" rx="7" ry="7" />
<rect x="215" y="131" width="128" height="46" rx="7" ry="7" />
</g>
<g class="s-2">
<rect x="430" y="0" width="46" height="110" rx="7" ry="7" />
<rect x="486" y="0" width="128" height="46" rx="7" ry="7" />
<rect x="490" y="65" width="64" height="46" rx="7" ry="7" />
<rect x="568" y="65" width="46" height="112" rx="7" ry="7" />
<rect x="430" y="131" width="128" height="46" rx="7" ry="7" />
</g>
<g class="d">
<rect x="0" y="206" width="127" height="46" rx="7" ry="7" />
<rect x="138" y="206" width="46" height="122" rx="7" ry="7" />
<rect x="0" y="261" width="46" height="122" rx="7" ry="7" />
<rect x="57" y="337" width="127" height="46" rx="7" ry="7" />
</g>
<g class="a">
<rect x="215" y="206" width="128" height="46" rx="7" ry="7" />
<rect x="353" y="206" width="46" height="177" rx="7" ry="7" />
<rect x="215" y="261" width="46" height="122" rx="7" ry="7" />
<rect x="278" y="280" width="64" height="46" rx="7" ry="7" />
</g>
<g class="y">
<rect x="430" y="206" width="46" height="110" rx="7" ry="7" />
<rect x="568" y="206" width="46" height="177" rx="7" ry="7" />
<rect x="494" y="270" width="64" height="46" rx="7" ry="7" />
<rect x="451" y="337" width="107" height="46" rx="7" ry="7" />
</g>
</svg>
</div>
<nav>
<ul>
<li><a href="#2024">2024</a></li>
<li><a href="#2023">2023</a></li>
<li><a href="#2022">2022</a></li>
<li><a href="#2021">2021</a></li>
<li><a href="#2020">2020</a></li>
<li><a href="#2019">2019</a></li>
<li><a href="#2018">2018</a></li>
<li><a href="#2017">2017</a></li>
<li><a href="#2016">2016</a></li>
<li><a href="#2015">2015</a></li>
<li><a href="#2014">2014</a></li>
<li><a href="#2013">2013</a></li>
</ul>
<div class="progress-bar"></div>
</nav>
<section id="flip-clock">
<ul id="1st" data-nummer="2">
<li>
<!-- een voor en achterkant -->
<!-- met backface-visibility zie je er 1 van de 2 -->
<div>
<!-- 0 front -->
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.554 0.233887H11.4665C5.29146 0.233887 0.285645 5.23971 0.285645 11.4147V214.122H204.735V11.4147C204.735 5.23971 199.729 0.233887 193.554 0.233887Z"
fill="#202020"
/>
<path
d="M77.8401 214.122H126.78C125.707 209.829 123.45 205.963 120.01 202.523C115.01 197.523 109.11 195.023 102.31 195.023C95.5102 195.023 89.6102 197.523 84.6102 202.523C81.17 205.963 78.9133 209.829 77.8401 214.122Z"
fill="white"
/>
<path
d="M140.11 214.122V194.423C140.11 187.823 139.41 181.623 138.01 175.823C136.61 170.023 134.41 165.023 131.41 160.823C128.41 156.623 124.51 153.323 119.71 150.923C114.91 148.323 109.11 147.023 102.31 147.023C95.5102 147.023 89.7102 148.323 84.9102 150.923C80.1102 153.323 76.2102 156.623 73.2102 160.823C70.2102 165.023 68.0102 170.023 66.6102 175.823C65.2102 181.623 64.5102 187.823 64.5102 194.423V214.122H24.9102V196.823C24.9102 169.623 31.7102 148.523 45.3102 133.523C59.1102 118.523 78.1102 111.023 102.31 111.023C126.51 111.023 145.41 118.523 159.01 133.523C172.81 148.523 179.71 169.623 179.71 196.823V214.122H140.11Z"
fill="white"
/>
<path
d="M193.554 436.012H11.4665C5.29146 436.012 0.285645 431.007 0.285645 424.832V222.125H204.735V424.832C204.735 431.007 199.729 436.012 193.554 436.012Z"
fill="#202020"
/>
<path
d="M127.443 222.125C127.016 228.129 124.538 233.395 120.01 237.923C115.01 242.923 109.11 245.423 102.31 245.423C95.5102 245.423 89.6102 242.923 84.6102 237.923C80.0821 233.395 77.6044 228.129 77.177 222.125H127.443Z"
fill="white"
/>
<path
d="M140.11 222.125H179.71V243.623C179.71 271.623 172.81 292.923 159.01 307.523C145.41 322.123 126.51 329.423 102.31 329.423C78.1102 329.423 59.1102 322.123 45.3102 307.523C31.7102 292.923 24.9102 271.623 24.9102 243.623V222.125H64.5102V246.023C64.5102 253.023 65.1102 259.423 66.3102 265.223C67.5102 271.023 69.6102 276.023 72.6102 280.223C75.6102 284.423 79.5102 287.723 84.3102 290.123C89.1102 292.323 95.1102 293.423 102.31 293.423C109.51 293.423 115.51 292.323 120.31 290.123C125.11 287.723 129.01 284.423 132.01 280.223C135.01 276.023 137.11 271.023 138.31 265.223C139.51 259.423 140.11 253.023 140.11 246.023V222.125Z"
fill="white"
/>
</svg>
</div>
<div>
<!-- 1 back -->
<svg
viewBox="0 0 206 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M194.057 436.012H11.9699C5.79488 436.012 0.789062 431.007 0.789062 424.832V222.125H205.238V424.832C205.238 431.007 200.232 436.012 194.057 436.012Z"
fill="#202020"
/>
<path
d="M90.214 222.125V287.423H30.814V325.223H182.014V287.423H129.814V222.125H90.214Z"
fill="white"
/>
<path
d="M194.057 0.233887H11.9699C5.79488 0.233887 0.789062 5.23971 0.789062 11.4147V214.122H205.238V11.4147C205.238 5.23971 200.232 0.233887 194.057 0.233887Z"
fill="#202020"
/>
<path
d="M90.2139 214.097H129.814V115.223H52.4139L27.2139 203.423V207.023H65.0139L84.8139 135.023H90.2139V214.097Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 1 front -->
<div>
<svg
viewBox="0 0 206 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M194.057 436.012H11.9699C5.79488 436.012 0.789062 431.007 0.789062 424.832V222.125H205.238V424.832C205.238 431.007 200.232 436.012 194.057 436.012Z"
fill="#202020"
/>
<path
d="M90.214 222.125V287.423H30.814V325.223H182.014V287.423H129.814V222.125H90.214Z"
fill="white"
/>
<path
d="M194.057 0.233887H11.9699C5.79488 0.233887 0.789062 5.23971 0.789062 11.4147V214.122H205.238V11.4147C205.238 5.23971 200.232 0.233887 194.057 0.233887Z"
fill="#202020"
/>
<path
d="M90.2139 214.097H129.814V115.223H52.4139L27.2139 203.423V207.023H65.0139L84.8139 135.023H90.2139V214.097Z"
fill="white"
/>
</svg>
</div>
<!-- 2 back -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.617 436.012H11.5292C5.35421 436.012 0.348389 431.007 0.348389 424.832V222.125H204.797V424.832C204.797 431.007 199.792 436.012 193.617 436.012Z"
fill="#202020"
/>
<path
d="M176.373 325.223V287.423H68.373V283.823C68.373 279.623 68.9729 275.923 70.173 272.723C71.573 269.323 73.9729 266.223 77.373 263.423C80.773 260.623 85.473 258.123 91.473 255.923C97.673 253.523 105.473 251.223 114.873 249.023C137.273 243.823 153.373 235.423 163.173 223.823C163.655 223.264 164.125 222.698 164.584 222.125H71.0803C70.6755 222.289 70.273 222.456 69.873 222.623C61.273 226.023 53.8729 230.423 47.6729 235.823C41.6729 241.223 36.9729 247.823 33.5729 255.623C30.3729 263.423 28.7729 272.823 28.7729 283.823V325.223H176.373Z"
fill="white"
/>
<path
d="M193.617 0.233887H11.5292C5.35421 0.233887 0.348389 5.23971 0.348389 11.4147V214.122H204.797V11.4147C204.797 5.23971 199.792 0.233887 193.617 0.233887Z"
fill="#202020"
/>
<path
d="M100.082 214.104H170.067C175.218 204.563 178.173 192.655 178.173 180.023V176.423C178.173 168.023 176.573 159.923 173.373 152.123C170.373 144.123 165.673 137.123 159.273 131.123C153.073 125.123 145.273 120.323 135.873 116.723C126.473 112.923 115.473 111.023 102.873 111.023C91.0729 111.023 80.4729 113.023 71.0729 117.023C61.6729 120.823 53.6729 126.123 47.0729 132.923C40.6729 139.523 35.6729 147.323 32.0729 156.323C28.6729 165.123 26.9729 174.423 26.9729 184.223V201.023H66.5729V187.823C66.5729 175.623 69.9729 166.123 76.7729 159.323C83.5729 152.323 92.6729 148.823 104.073 148.823C114.873 148.823 123.273 151.623 129.273 157.223C135.473 162.823 138.573 169.823 138.573 178.223C138.573 182.623 137.973 186.623 136.773 190.223C135.773 193.623 133.773 196.823 130.773 199.823C127.773 202.623 123.673 205.223 118.473 207.623C113.787 209.685 107.404 212.393 100.082 214.104Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 2 front -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.617 436.012H11.5292C5.35421 436.012 0.348389 431.007 0.348389 424.832V222.125H204.797V424.832C204.797 431.007 199.792 436.012 193.617 436.012Z"
fill="#202020"
/>
<path
d="M176.373 325.223V287.423H68.373V283.823C68.373 279.623 68.9729 275.923 70.173 272.723C71.573 269.323 73.9729 266.223 77.373 263.423C80.773 260.623 85.473 258.123 91.473 255.923C97.673 253.523 105.473 251.223 114.873 249.023C137.273 243.823 153.373 235.423 163.173 223.823C163.655 223.264 164.125 222.698 164.584 222.125H71.0803C70.6755 222.289 70.273 222.456 69.873 222.623C61.273 226.023 53.8729 230.423 47.6729 235.823C41.6729 241.223 36.9729 247.823 33.5729 255.623C30.3729 263.423 28.7729 272.823 28.7729 283.823V325.223H176.373Z"
fill="white"
/>
<path
d="M193.617 0.233887H11.5292C5.35421 0.233887 0.348389 5.23971 0.348389 11.4147V214.122H204.797V11.4147C204.797 5.23971 199.792 0.233887 193.617 0.233887Z"
fill="#202020"
/>
<path
d="M100.082 214.104H170.067C175.218 204.563 178.173 192.655 178.173 180.023V176.423C178.173 168.023 176.573 159.923 173.373 152.123C170.373 144.123 165.673 137.123 159.273 131.123C153.073 125.123 145.273 120.323 135.873 116.723C126.473 112.923 115.473 111.023 102.873 111.023C91.0729 111.023 80.4729 113.023 71.0729 117.023C61.6729 120.823 53.6729 126.123 47.0729 132.923C40.6729 139.523 35.6729 147.323 32.0729 156.323C28.6729 165.123 26.9729 174.423 26.9729 184.223V201.023H66.5729V187.823C66.5729 175.623 69.9729 166.123 76.7729 159.323C83.5729 152.323 92.6729 148.823 104.073 148.823C114.873 148.823 123.273 151.623 129.273 157.223C135.473 162.823 138.573 169.823 138.573 178.223C138.573 182.623 137.973 186.623 136.773 190.223C135.773 193.623 133.773 196.823 130.773 199.823C127.773 202.623 123.673 205.223 118.473 207.623C113.787 209.685 107.404 212.393 100.082 214.104Z"
fill="white"
/>
</svg>
</div>
<!-- 3 back -->
<div>
<svg
viewBox="0 0 206 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M194.176 436.012H12.0883C5.91329 436.012 0.907471 431.007 0.907471 424.832V222.125H205.357V424.832C205.357 431.007 200.351 436.012 194.176 436.012Z"
fill="#202020"
/>
<path
d="M82.532 222.125V235.223H105.932C115.332 235.223 123.032 237.423 129.032 241.823C135.232 246.023 138.332 252.823 138.332 262.223C138.332 271.023 135.432 278.123 129.632 283.523C124.032 288.923 115.932 291.623 105.332 291.623C92.932 291.623 83.632 288.123 77.432 281.123C71.232 274.123 68.132 265.823 68.132 256.223V245.423H28.532V258.023C28.532 267.623 30.332 276.723 33.932 285.323C37.532 293.923 42.632 301.523 49.232 308.123C56.032 314.723 64.232 319.923 73.832 323.723C83.432 327.523 94.132 329.423 105.932 329.423C117.532 329.423 127.832 327.723 136.832 324.323C145.832 320.923 153.332 316.323 159.332 310.523C165.532 304.523 170.132 297.523 173.132 289.523C176.332 281.523 177.932 272.823 177.932 263.423V259.823C177.932 250.223 176.232 241.923 172.832 234.923C170.566 230.124 167.811 225.858 164.567 222.125H82.532Z"
fill="white"
/>
<path
d="M194.176 0.233887H12.0883C5.91329 0.233887 0.907471 5.23971 0.907471 11.4147V214.122H205.357V11.4147C205.357 5.23971 200.351 0.233887 194.176 0.233887Z"
fill="#202020"
/>
<path
d="M82.532 214.122H155.88C151.298 210.736 146.149 208.17 140.432 206.423C133.232 204.023 125.932 202.823 118.532 202.823H111.332V197.423L167.132 181.223V115.223H30.332V153.023H134.732V158.423L82.532 172.823V214.122Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 3 front -->
<div>
<svg
viewBox="0 0 206 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M194.176 436.012H12.0883C5.91329 436.012 0.907471 431.007 0.907471 424.832V222.125H205.357V424.832C205.357 431.007 200.351 436.012 194.176 436.012Z"
fill="#202020"
/>
<path
d="M82.532 222.125V235.223H105.932C115.332 235.223 123.032 237.423 129.032 241.823C135.232 246.023 138.332 252.823 138.332 262.223C138.332 271.023 135.432 278.123 129.632 283.523C124.032 288.923 115.932 291.623 105.332 291.623C92.932 291.623 83.632 288.123 77.432 281.123C71.232 274.123 68.132 265.823 68.132 256.223V245.423H28.532V258.023C28.532 267.623 30.332 276.723 33.932 285.323C37.532 293.923 42.632 301.523 49.232 308.123C56.032 314.723 64.232 319.923 73.832 323.723C83.432 327.523 94.132 329.423 105.932 329.423C117.532 329.423 127.832 327.723 136.832 324.323C145.832 320.923 153.332 316.323 159.332 310.523C165.532 304.523 170.132 297.523 173.132 289.523C176.332 281.523 177.932 272.823 177.932 263.423V259.823C177.932 250.223 176.232 241.923 172.832 234.923C170.566 230.124 167.811 225.858 164.567 222.125H82.532Z"
fill="white"
/>
<path
d="M194.176 0.233887H12.0883C5.91329 0.233887 0.907471 5.23971 0.907471 11.4147V214.122H205.357V11.4147C205.357 5.23971 200.351 0.233887 194.176 0.233887Z"
fill="#202020"
/>
<path
d="M82.532 214.122H155.88C151.298 210.736 146.149 208.17 140.432 206.423C133.232 204.023 125.932 202.823 118.532 202.823H111.332V197.423L167.132 181.223V115.223H30.332V153.023H134.732V158.423L82.532 172.823V214.122Z"
fill="white"
/>
</svg>
</div>
<!-- 4 back -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.679 0.233887H11.5912C5.41622 0.233887 0.4104 5.23971 0.4104 11.4147V214.122H204.859V11.4147C204.859 5.23971 199.854 0.233887 193.679 0.233887Z"
fill="#202020"
/>
<path
d="M153.935 115.199H78.9348L29.217 214.122H69.1523L108.935 134.999H114.335V214.122H153.935V115.199Z"
fill="white"
/>
<path
d="M193.679 436.012H11.5912C5.41622 436.012 0.4104 431.007 0.4104 424.832V222.125H204.859V424.832C204.859 431.007 199.854 436.012 193.679 436.012Z"
fill="#202020"
/>
<path
d="M153.935 222.125H114.335V248.178H54.9349V242.778L65.3191 222.125H25.3854L20.7349 231.378V285.978H114.335V325.578H153.935V285.978H184.535V248.178H153.935V222.125Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 4 front -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.679 0.233887H11.5912C5.41622 0.233887 0.4104 5.23971 0.4104 11.4147V214.122H204.859V11.4147C204.859 5.23971 199.854 0.233887 193.679 0.233887Z"
fill="#202020"
/>
<path
d="M153.935 115.199H78.9348L29.217 214.122H69.1523L108.935 134.999H114.335V214.122H153.935V115.199Z"
fill="white"
/>
<path
d="M193.679 436.012H11.5912C5.41622 436.012 0.4104 431.007 0.4104 424.832V222.125H204.859V424.832C204.859 431.007 199.854 436.012 193.679 436.012Z"
fill="#202020"
/>
<path
d="M153.935 222.125H114.335V248.178H54.9349V242.778L65.3191 222.125H25.3854L20.7349 231.378V285.978H114.335V325.578H153.935V285.978H184.535V248.178H153.935V222.125Z"
fill="white"
/>
</svg>
</div>
<!-- 5 back -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.594 436.012H11.5067C5.33175 436.012 0.325928 431.007 0.325928 424.832V222.125H204.775V424.832C204.775 431.007 199.769 436.012 193.594 436.012Z"
fill="#202020"
/>
<path
d="M30.5509 222.125V231.648H95.3509C96.3509 228.248 98.6509 225.348 102.251 222.948C102.653 222.657 103.069 222.383 103.499 222.125H30.5509Z"
fill="white"
/>
<path
d="M180.878 222.125H130.248C132.995 223.523 135.462 225.397 137.651 227.748C143.051 233.348 145.751 241.848 145.751 253.248C145.751 265.248 142.051 274.648 134.651 281.448C127.451 288.248 117.551 291.648 104.951 291.648C92.3509 291.648 82.7509 288.248 76.1509 281.448C69.7509 274.448 66.5509 265.648 66.5509 255.048V251.448H26.9509V258.648C26.9509 268.848 28.6509 278.348 32.0509 287.148C35.6509 295.748 40.7509 303.248 47.3509 309.648C54.1509 315.848 62.4509 320.748 72.2509 324.348C82.0509 327.748 93.3509 329.448 106.151 329.448C118.951 329.448 130.251 327.348 140.051 323.148C149.851 318.948 158.051 313.348 164.651 306.348C171.451 299.148 176.551 290.848 179.951 281.448C183.551 272.048 185.351 262.048 185.351 251.448V249.648C185.351 239.678 183.86 230.504 180.878 222.125Z"
fill="white"
/>
<path
d="M193.594 0.233887H11.5067C5.33175 0.233887 0.325928 5.23971 0.325928 11.4147V214.122H204.775V11.4147C204.775 5.23971 199.769 0.233887 193.594 0.233887Z"
fill="#202020"
/>
<path
d="M26.9509 214.122H174.234C171.752 208.872 168.658 204.187 164.951 200.068C159.551 194.068 152.951 189.368 145.151 185.968C137.351 182.568 128.551 180.868 118.751 180.868C105.751 180.868 95.3509 183.768 87.5509 189.568C79.9509 195.168 74.7509 201.868 71.9509 209.668H66.5509V152.668H167.351V114.868H26.9509V214.122Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 5 front -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.594 436.012H11.5067C5.33175 436.012 0.325928 431.007 0.325928 424.832V222.125H204.775V424.832C204.775 431.007 199.769 436.012 193.594 436.012Z"
fill="#202020"
/>
<path
d="M30.5509 222.125V231.648H95.3509C96.3509 228.248 98.6509 225.348 102.251 222.948C102.653 222.657 103.069 222.383 103.499 222.125H30.5509Z"
fill="white"
/>
<path
d="M180.878 222.125H130.248C132.995 223.523 135.462 225.397 137.651 227.748C143.051 233.348 145.751 241.848 145.751 253.248C145.751 265.248 142.051 274.648 134.651 281.448C127.451 288.248 117.551 291.648 104.951 291.648C92.3509 291.648 82.7509 288.248 76.1509 281.448C69.7509 274.448 66.5509 265.648 66.5509 255.048V251.448H26.9509V258.648C26.9509 268.848 28.6509 278.348 32.0509 287.148C35.6509 295.748 40.7509 303.248 47.3509 309.648C54.1509 315.848 62.4509 320.748 72.2509 324.348C82.0509 327.748 93.3509 329.448 106.151 329.448C118.951 329.448 130.251 327.348 140.051 323.148C149.851 318.948 158.051 313.348 164.651 306.348C171.451 299.148 176.551 290.848 179.951 281.448C183.551 272.048 185.351 262.048 185.351 251.448V249.648C185.351 239.678 183.86 230.504 180.878 222.125Z"
fill="white"
/>
<path
d="M193.594 0.233887H11.5067C5.33175 0.233887 0.325928 5.23971 0.325928 11.4147V214.122H204.775V11.4147C204.775 5.23971 199.769 0.233887 193.594 0.233887Z"
fill="#202020"
/>
<path
d="M26.9509 214.122H174.234C171.752 208.872 168.658 204.187 164.951 200.068C159.551 194.068 152.951 189.368 145.151 185.968C137.351 182.568 128.551 180.868 118.751 180.868C105.751 180.868 95.3509 183.768 87.5509 189.568C79.9509 195.168 74.7509 201.868 71.9509 209.668H66.5509V152.668H167.351V114.868H26.9509V214.122Z"
fill="white"
/>
</svg>
</div>
<!-- 6 back -->
<div>
<svg
viewBox="0 0 206 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M194.153 436.012H12.0658C5.89083 436.012 0.88501 431.007 0.88501 424.832V222.125H205.334V424.832C205.334 431.007 200.328 436.012 194.153 436.012Z"
fill="#202020"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M171.66 222.125H28.4097V260.148C28.4097 270.348 30.3097 279.748 34.1097 288.348C38.1097 296.748 43.4097 304.048 50.0097 310.248C56.8097 316.248 64.7097 320.948 73.7097 324.348C82.9097 327.748 92.7097 329.448 103.11 329.448C114.51 329.448 124.81 327.648 134.01 324.048C143.21 320.448 151.01 315.448 157.41 309.048C164.01 302.648 169.01 295.048 172.41 286.248C176.01 277.248 177.81 267.448 177.81 256.848V253.248C177.81 242.848 176.21 233.548 173.01 225.348C172.581 224.25 172.132 223.176 171.66 222.125ZM128.31 282.648C121.71 288.648 113.31 291.648 103.11 291.648C92.9097 291.648 84.5097 288.648 77.9097 282.648C71.3097 276.448 68.0097 268.248 68.0097 258.048C68.0097 247.848 71.3097 239.748 77.9097 233.748C84.5097 227.548 92.9097 224.448 103.11 224.448C113.31 224.448 121.71 227.548 128.31 233.748C134.91 239.748 138.21 247.848 138.21 258.048C138.21 268.248 134.91 276.448 128.31 282.648Z"
fill="white"
/>
<path
d="M194.153 0.233887H12.0658C5.89083 0.233887 0.88501 5.23971 0.88501 11.4147V214.122H205.334V11.4147C205.334 5.23971 200.328 0.233887 194.153 0.233887Z"
fill="#202020"
/>
<path
d="M126.81 156.268C132.01 161.268 134.61 167.268 134.61 174.268H174.21C174.21 164.468 172.31 155.668 168.51 147.868C164.91 139.868 159.81 133.168 153.21 127.768C146.81 122.168 139.21 117.968 130.41 115.168C121.81 112.168 112.51 110.668 102.51 110.668C92.5097 110.668 83.0097 112.368 74.0097 115.768C65.2097 119.168 57.4097 124.068 50.6097 130.468C43.8097 136.668 38.4097 144.268 34.4097 153.268C30.4097 162.268 28.4097 172.268 28.4097 183.268V214.122H167.611C165.339 210.482 162.738 207.197 159.81 204.268C154.21 198.468 147.61 194.068 140.01 191.068C132.41 187.868 124.31 186.268 115.71 186.268C106.11 186.268 97.5097 188.468 89.9097 192.868C82.3097 197.068 76.8097 202.668 73.4097 209.668H68.0097V182.668C68.0097 172.468 71.1097 164.268 77.3097 158.068C83.7097 151.668 92.3097 148.468 103.11 148.468C113.91 148.468 121.81 151.068 126.81 156.268Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 6 front -->
<div>
<svg
viewBox="0 0 206 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M194.153 436.012H12.0658C5.89083 436.012 0.88501 431.007 0.88501 424.832V222.125H205.334V424.832C205.334 431.007 200.328 436.012 194.153 436.012Z"
fill="#202020"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M171.66 222.125H28.4097V260.148C28.4097 270.348 30.3097 279.748 34.1097 288.348C38.1097 296.748 43.4097 304.048 50.0097 310.248C56.8097 316.248 64.7097 320.948 73.7097 324.348C82.9097 327.748 92.7097 329.448 103.11 329.448C114.51 329.448 124.81 327.648 134.01 324.048C143.21 320.448 151.01 315.448 157.41 309.048C164.01 302.648 169.01 295.048 172.41 286.248C176.01 277.248 177.81 267.448 177.81 256.848V253.248C177.81 242.848 176.21 233.548 173.01 225.348C172.581 224.25 172.132 223.176 171.66 222.125ZM128.31 282.648C121.71 288.648 113.31 291.648 103.11 291.648C92.9097 291.648 84.5097 288.648 77.9097 282.648C71.3097 276.448 68.0097 268.248 68.0097 258.048C68.0097 247.848 71.3097 239.748 77.9097 233.748C84.5097 227.548 92.9097 224.448 103.11 224.448C113.31 224.448 121.71 227.548 128.31 233.748C134.91 239.748 138.21 247.848 138.21 258.048C138.21 268.248 134.91 276.448 128.31 282.648Z"
fill="white"
/>
<path
d="M194.153 0.233887H12.0658C5.89083 0.233887 0.88501 5.23971 0.88501 11.4147V214.122H205.334V11.4147C205.334 5.23971 200.328 0.233887 194.153 0.233887Z"
fill="#202020"
/>
<path
d="M126.81 156.268C132.01 161.268 134.61 167.268 134.61 174.268H174.21C174.21 164.468 172.31 155.668 168.51 147.868C164.91 139.868 159.81 133.168 153.21 127.768C146.81 122.168 139.21 117.968 130.41 115.168C121.81 112.168 112.51 110.668 102.51 110.668C92.5097 110.668 83.0097 112.368 74.0097 115.768C65.2097 119.168 57.4097 124.068 50.6097 130.468C43.8097 136.668 38.4097 144.268 34.4097 153.268C30.4097 162.268 28.4097 172.268 28.4097 183.268V214.122H167.611C165.339 210.482 162.738 207.197 159.81 204.268C154.21 198.468 147.61 194.068 140.01 191.068C132.41 187.868 124.31 186.268 115.71 186.268C106.11 186.268 97.5097 188.468 89.9097 192.868C82.3097 197.068 76.8097 202.668 73.4097 209.668H68.0097V182.668C68.0097 172.468 71.1097 164.268 77.3097 158.068C83.7097 151.668 92.3097 148.468 103.11 148.468C113.91 148.468 121.81 151.068 126.81 156.268Z"
fill="white"
/>
</svg>
</div>
<!-- 7 back -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.712 436.012H11.6249C5.44991 436.012 0.444092 431.007 0.444092 424.832V222.125H204.893V424.832C204.893 431.007 199.887 436.012 193.712 436.012Z"
fill="#202020"
/>
<path
d="M145.16 222.145H96.4734L58.5685 277.223C55.3685 282.023 52.6685 286.223 50.4685 289.823C48.2685 293.423 46.4685 296.823 45.0685 300.023C43.8685 303.223 42.9685 306.423 42.3685 309.623C41.7685 312.823 41.4685 316.423 41.4685 320.423V329.423H84.0685V322.223C84.0685 316.823 85.1685 312.023 87.3685 307.823C89.7685 303.423 92.9685 298.223 96.9685 292.223L145.16 222.145Z"
fill="white"
/>
<path
d="M193.712 0.233887H11.6249C5.44991 0.233887 0.444092 5.23971 0.444092 11.4147V214.122H204.893V11.4147C204.893 5.23971 199.887 0.233887 193.712 0.233887Z"
fill="#202020"
/>
<path
d="M172.869 119.423H25.2686V157.223H136.869V162.623L101.682 214.122H150.373L172.869 181.223V119.423Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 7 front -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.712 436.012H11.6249C5.44991 436.012 0.444092 431.007 0.444092 424.832V222.125H204.893V424.832C204.893 431.007 199.887 436.012 193.712 436.012Z"
fill="#202020"
/>
<path
d="M145.16 222.145H96.4734L58.5685 277.223C55.3685 282.023 52.6685 286.223 50.4685 289.823C48.2685 293.423 46.4685 296.823 45.0685 300.023C43.8685 303.223 42.9685 306.423 42.3685 309.623C41.7685 312.823 41.4685 316.423 41.4685 320.423V329.423H84.0685V322.223C84.0685 316.823 85.1685 312.023 87.3685 307.823C89.7685 303.423 92.9685 298.223 96.9685 292.223L145.16 222.145Z"
fill="white"
/>
<path
d="M193.712 0.233887H11.6249C5.44991 0.233887 0.444092 5.23971 0.444092 11.4147V214.122H204.893V11.4147C204.893 5.23971 199.887 0.233887 193.712 0.233887Z"
fill="#202020"
/>
<path
d="M172.869 119.423H25.2686V157.223H136.869V162.623L101.682 214.122H150.373L172.869 181.223V119.423Z"
fill="white"
/>
</svg>
</div>
<!-- 8 back -->
<div>
<svg
viewBox="0 0 205 436"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.271 435.993H11.184C5.00899 435.993 0.00317383 430.987 0.00317383 424.812V222.105H204.452V424.812C204.452 430.987 199.446 435.993 193.271 435.993Z"
fill="#202020"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M70.4275 325.378C79.8275 328.178 90.4275 329.578 102.228 329.578C113.828 329.578 124.328 328.178 133.728 325.378C143.328 322.378 151.428 318.378 158.028 313.378C164.628 308.178 169.728 301.978 173.328 294.778C176.928 287.578 178.728 279.578 178.728 270.778V268.978C178.728 261.578 177.628 255.078 175.428 249.478C173.428 243.878 170.628 239.078 167.028 235.078C163.628 231.078 159.728 227.778 155.328 225.178C153.396 224.036 151.425 223.01 149.416 222.1H55.0391C53.03 223.01 51.0595 224.036 49.1275 225.178C44.7275 227.778 40.7275 231.078 37.1275 235.078C33.7275 239.078 30.9275 243.878 28.7275 249.478C26.7275 255.078 25.7275 261.578 25.7275 268.978V270.778C25.7275 279.578 27.5275 287.578 31.1275 294.778C34.7275 301.778 39.8275 307.878 46.4275 313.078C53.0275 318.278 61.0275 322.378 70.4275 325.378ZM129.528 283.978C123.128 289.178 114.028 291.778 102.228 291.778C90.4275 291.778 81.3275 289.178 74.9275 283.978C68.5275 278.578 65.3275 271.778 65.3275 263.578C65.3275 255.378 68.5275 248.678 74.9275 243.478C81.3275 238.078 90.4275 235.378 102.228 235.378C114.028 235.378 123.128 238.078 129.528 243.478C135.928 248.678 139.128 255.378 139.128 263.578C139.128 271.778 135.928 278.578 129.528 283.978Z"
fill="white"
/>
<path
d="M193.271 0.214294H11.184C5.00899 0.214294 0.00317383 5.22011 0.00317383 11.3951V214.102H204.452V11.3951C204.452 5.22011 199.446 0.214294 193.271 0.214294Z"
fill="#202020"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M62.9274 214.102V213.778C58.7274 212.178 54.6274 210.078 50.6274 207.478C46.8274 204.878 43.4274 201.778 40.4274 198.178C37.6274 194.378 35.3274 189.978 33.5274 184.978C31.9274 179.778 31.1274 173.978 31.1274 167.578V165.778C31.1274 157.178 33.1274 149.478 37.1274 142.678C41.1274 135.878 46.4274 130.178 53.0274 125.578C59.6274 120.778 67.1274 117.178 75.5274 114.778C84.1274 112.378 93.0274 111.178 102.227 111.178C111.427 111.178 120.227 112.378 128.627 114.778C137.227 117.178 144.827 120.778 151.427 125.578C158.027 130.178 163.327 135.878 167.327 142.678C171.327 149.478 173.327 157.178 173.327 165.778V167.578C173.327 173.978 172.427 179.778 170.627 184.978C169.027 189.978 166.727 194.378 163.727 198.178C160.927 201.778 157.527 204.878 153.527 207.478C149.727 210.078 145.727 212.178 141.527 213.778V214.102H62.9274ZM79.7274 155.878C85.7274 151.278 93.2274 148.978 102.227 148.978C111.227 148.978 118.727 151.278 124.727 155.878C130.727 160.478 133.727 166.278 133.727 173.278C133.727 180.278 130.727 186.078 124.727 190.678C118.727 195.278 111.227 197.578 102.227 197.578C93.2274 197.578 85.7274 195.278 79.7274 190.678C73.7274 186.078 70.7274 180.278 70.7274 173.278C70.7274 166.278 73.7274 160.478 79.7274 155.878Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 8 front -->
<div>
<svg
viewBox="0 0 205 436"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.271 435.993H11.184C5.00899 435.993 0.00317383 430.987 0.00317383 424.812V222.105H204.452V424.812C204.452 430.987 199.446 435.993 193.271 435.993Z"
fill="#202020"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M70.4275 325.378C79.8275 328.178 90.4275 329.578 102.228 329.578C113.828 329.578 124.328 328.178 133.728 325.378C143.328 322.378 151.428 318.378 158.028 313.378C164.628 308.178 169.728 301.978 173.328 294.778C176.928 287.578 178.728 279.578 178.728 270.778V268.978C178.728 261.578 177.628 255.078 175.428 249.478C173.428 243.878 170.628 239.078 167.028 235.078C163.628 231.078 159.728 227.778 155.328 225.178C153.396 224.036 151.425 223.01 149.416 222.1H55.0391C53.03 223.01 51.0595 224.036 49.1275 225.178C44.7275 227.778 40.7275 231.078 37.1275 235.078C33.7275 239.078 30.9275 243.878 28.7275 249.478C26.7275 255.078 25.7275 261.578 25.7275 268.978V270.778C25.7275 279.578 27.5275 287.578 31.1275 294.778C34.7275 301.778 39.8275 307.878 46.4275 313.078C53.0275 318.278 61.0275 322.378 70.4275 325.378ZM129.528 283.978C123.128 289.178 114.028 291.778 102.228 291.778C90.4275 291.778 81.3275 289.178 74.9275 283.978C68.5275 278.578 65.3275 271.778 65.3275 263.578C65.3275 255.378 68.5275 248.678 74.9275 243.478C81.3275 238.078 90.4275 235.378 102.228 235.378C114.028 235.378 123.128 238.078 129.528 243.478C135.928 248.678 139.128 255.378 139.128 263.578C139.128 271.778 135.928 278.578 129.528 283.978Z"
fill="white"
/>
<path
d="M193.271 0.214294H11.184C5.00899 0.214294 0.00317383 5.22011 0.00317383 11.3951V214.102H204.452V11.3951C204.452 5.22011 199.446 0.214294 193.271 0.214294Z"
fill="#202020"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M62.9274 214.102V213.778C58.7274 212.178 54.6274 210.078 50.6274 207.478C46.8274 204.878 43.4274 201.778 40.4274 198.178C37.6274 194.378 35.3274 189.978 33.5274 184.978C31.9274 179.778 31.1274 173.978 31.1274 167.578V165.778C31.1274 157.178 33.1274 149.478 37.1274 142.678C41.1274 135.878 46.4274 130.178 53.0274 125.578C59.6274 120.778 67.1274 117.178 75.5274 114.778C84.1274 112.378 93.0274 111.178 102.227 111.178C111.427 111.178 120.227 112.378 128.627 114.778C137.227 117.178 144.827 120.778 151.427 125.578C158.027 130.178 163.327 135.878 167.327 142.678C171.327 149.478 173.327 157.178 173.327 165.778V167.578C173.327 173.978 172.427 179.778 170.627 184.978C169.027 189.978 166.727 194.378 163.727 198.178C160.927 201.778 157.527 204.878 153.527 207.478C149.727 210.078 145.727 212.178 141.527 213.778V214.102H62.9274ZM79.7274 155.878C85.7274 151.278 93.2274 148.978 102.227 148.978C111.227 148.978 118.727 151.278 124.727 155.878C130.727 160.478 133.727 166.278 133.727 173.278C133.727 180.278 130.727 186.078 124.727 190.678C118.727 195.278 111.227 197.578 102.227 197.578C93.2274 197.578 85.7274 195.278 79.7274 190.678C73.7274 186.078 70.7274 180.278 70.7274 173.278C70.7274 166.278 73.7274 160.478 79.7274 155.878Z"
fill="white"
/>
</svg>
</div>
<!-- 9 back -->
<div>
<svg
viewBox="0 0 206 436"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.831 435.993H11.7431C5.56808 435.993 0.562256 430.987 0.562256 424.812V222.105H205.011V424.812C205.011 430.987 200.006 435.993 193.831 435.993Z"
fill="#202020"
/>
<path
d="M78.5868 283.749C73.5868 278.549 71.0868 272.449 71.0868 265.449H31.4868C31.4868 275.449 33.2868 284.349 36.8868 292.149C40.6868 299.949 45.7868 306.649 52.1868 312.249C58.7868 317.649 66.4868 321.849 75.2868 324.849C84.0868 327.649 93.5868 329.049 103.787 329.049C114.187 329.049 123.787 327.449 132.587 324.249C141.587 320.849 149.387 316.049 155.987 309.849C162.587 303.649 167.787 296.049 171.587 287.049C175.387 278.049 177.287 267.849 177.287 256.449V222.105H36.9097C39.4474 226.708 42.4398 230.856 45.8868 234.549C51.6868 240.549 58.3868 245.249 65.9868 248.649C73.7868 251.849 82.1868 253.449 91.1868 253.449C102.987 253.449 112.087 251.349 118.487 247.149C124.887 242.749 129.487 237.049 132.287 230.049H137.687V257.049C137.687 267.249 134.487 275.549 128.087 281.949C121.887 288.149 113.387 291.249 102.587 291.249C91.7868 291.249 83.7868 288.749 78.5868 283.749Z"
fill="white"
/>
<path
d="M193.831 0.214294H11.7431C5.56808 0.214294 0.562256 5.22011 0.562256 11.3951V214.102H205.011V11.3951C205.011 5.22011 200.006 0.214294 193.831 0.214294Z"
fill="#202020"
/>
<path
d="M33.1366 214.102H90.8289C85.7313 212.646 81.2505 210.161 77.3867 206.649C70.7867 200.449 67.4867 192.249 67.4867 182.049C67.4867 171.849 70.7867 163.749 77.3867 157.749C83.9867 151.549 92.3867 148.449 102.587 148.449C112.787 148.449 121.187 151.549 127.787 157.749C134.387 163.749 137.687 171.849 137.687 182.049C137.687 192.249 134.387 200.449 127.787 206.649C123.923 210.161 119.442 212.646 114.345 214.102H177.287V179.949C177.287 169.749 175.387 160.449 171.587 152.049C167.787 143.449 162.587 136.149 155.987 130.149C149.387 123.949 141.487 119.149 132.287 115.749C123.287 112.349 113.587 110.649 103.187 110.649C91.7867 110.649 81.3867 112.449 71.9867 116.049C62.7867 119.649 54.8867 124.649 48.2867 131.049C41.8867 137.249 36.8867 144.749 33.2867 153.549C29.6867 162.149 27.8867 171.449 27.8867 181.449V185.049C27.8867 195.249 29.4867 204.549 32.6867 212.949C32.8341 213.336 32.9841 213.72 33.1366 214.102Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 9 front -->
<div>
<svg
viewBox="0 0 206 436"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.831 435.993H11.7431C5.56808 435.993 0.562256 430.987 0.562256 424.812V222.105H205.011V424.812C205.011 430.987 200.006 435.993 193.831 435.993Z"
fill="#202020"
/>
<path
d="M78.5868 283.749C73.5868 278.549 71.0868 272.449 71.0868 265.449H31.4868C31.4868 275.449 33.2868 284.349 36.8868 292.149C40.6868 299.949 45.7868 306.649 52.1868 312.249C58.7868 317.649 66.4868 321.849 75.2868 324.849C84.0868 327.649 93.5868 329.049 103.787 329.049C114.187 329.049 123.787 327.449 132.587 324.249C141.587 320.849 149.387 316.049 155.987 309.849C162.587 303.649 167.787 296.049 171.587 287.049C175.387 278.049 177.287 267.849 177.287 256.449V222.105H36.9097C39.4474 226.708 42.4398 230.856 45.8868 234.549C51.6868 240.549 58.3868 245.249 65.9868 248.649C73.7868 251.849 82.1868 253.449 91.1868 253.449C102.987 253.449 112.087 251.349 118.487 247.149C124.887 242.749 129.487 237.049 132.287 230.049H137.687V257.049C137.687 267.249 134.487 275.549 128.087 281.949C121.887 288.149 113.387 291.249 102.587 291.249C91.7868 291.249 83.7868 288.749 78.5868 283.749Z"
fill="white"
/>
<path
d="M193.831 0.214294H11.7431C5.56808 0.214294 0.562256 5.22011 0.562256 11.3951V214.102H205.011V11.3951C205.011 5.22011 200.006 0.214294 193.831 0.214294Z"
fill="#202020"
/>
<path
d="M33.1366 214.102H90.8289C85.7313 212.646 81.2505 210.161 77.3867 206.649C70.7867 200.449 67.4867 192.249 67.4867 182.049C67.4867 171.849 70.7867 163.749 77.3867 157.749C83.9867 151.549 92.3867 148.449 102.587 148.449C112.787 148.449 121.187 151.549 127.787 157.749C134.387 163.749 137.687 171.849 137.687 182.049C137.687 192.249 134.387 200.449 127.787 206.649C123.923 210.161 119.442 212.646 114.345 214.102H177.287V179.949C177.287 169.749 175.387 160.449 171.587 152.049C167.787 143.449 162.587 136.149 155.987 130.149C149.387 123.949 141.487 119.149 132.287 115.749C123.287 112.349 113.587 110.649 103.187 110.649C91.7867 110.649 81.3867 112.449 71.9867 116.049C62.7867 119.649 54.8867 124.649 48.2867 131.049C41.8867 137.249 36.8867 144.749 33.2867 153.549C29.6867 162.149 27.8867 171.449 27.8867 181.449V185.049C27.8867 195.249 29.4867 204.549 32.6867 212.949C32.8341 213.336 32.9841 213.72 33.1366 214.102Z"
fill="white"
/>
</svg>
</div>
<!-- 0 back -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.554 0.233887H11.4665C5.29146 0.233887 0.285645 5.23971 0.285645 11.4147V214.122H204.735V11.4147C204.735 5.23971 199.729 0.233887 193.554 0.233887Z"
fill="#202020"
/>
<path
d="M77.8401 214.122H126.78C125.707 209.829 123.45 205.963 120.01 202.523C115.01 197.523 109.11 195.023 102.31 195.023C95.5102 195.023 89.6102 197.523 84.6102 202.523C81.17 205.963 78.9133 209.829 77.8401 214.122Z"
fill="white"
/>
<path
d="M140.11 214.122V194.423C140.11 187.823 139.41 181.623 138.01 175.823C136.61 170.023 134.41 165.023 131.41 160.823C128.41 156.623 124.51 153.323 119.71 150.923C114.91 148.323 109.11 147.023 102.31 147.023C95.5102 147.023 89.7102 148.323 84.9102 150.923C80.1102 153.323 76.2102 156.623 73.2102 160.823C70.2102 165.023 68.0102 170.023 66.6102 175.823C65.2102 181.623 64.5102 187.823 64.5102 194.423V214.122H24.9102V196.823C24.9102 169.623 31.7102 148.523 45.3102 133.523C59.1102 118.523 78.1102 111.023 102.31 111.023C126.51 111.023 145.41 118.523 159.01 133.523C172.81 148.523 179.71 169.623 179.71 196.823V214.122H140.11Z"
fill="white"
/>
<path
d="M193.554 436.012H11.4665C5.29146 436.012 0.285645 431.007 0.285645 424.832V222.125H204.735V424.832C204.735 431.007 199.729 436.012 193.554 436.012Z"
fill="#202020"
/>
<path
d="M127.443 222.125C127.016 228.129 124.538 233.395 120.01 237.923C115.01 242.923 109.11 245.423 102.31 245.423C95.5102 245.423 89.6102 242.923 84.6102 237.923C80.0821 233.395 77.6044 228.129 77.177 222.125H127.443Z"
fill="white"
/>
<path
d="M140.11 222.125H179.71V243.623C179.71 271.623 172.81 292.923 159.01 307.523C145.41 322.123 126.51 329.423 102.31 329.423C78.1102 329.423 59.1102 322.123 45.3102 307.523C31.7102 292.923 24.9102 271.623 24.9102 243.623V222.125H64.5102V246.023C64.5102 253.023 65.1102 259.423 66.3102 265.223C67.5102 271.023 69.6102 276.023 72.6102 280.223C75.6102 284.423 79.5102 287.723 84.3102 290.123C89.1102 292.323 95.1102 293.423 102.31 293.423C109.51 293.423 115.51 292.323 120.31 290.123C125.11 287.723 129.01 284.423 132.01 280.223C135.01 276.023 137.11 271.023 138.31 265.223C139.51 259.423 140.11 253.023 140.11 246.023V222.125Z"
fill="white"
/>
</svg>
</div>
</li>
</ul>
<ul id="2nd" data-nummer="0">
<li>
<!-- een voor en achterkant -->
<!-- met backface-visibility zie je er 1 van de 2 -->
<div>
<!-- 0 front -->
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.554 0.233887H11.4665C5.29146 0.233887 0.285645 5.23971 0.285645 11.4147V214.122H204.735V11.4147C204.735 5.23971 199.729 0.233887 193.554 0.233887Z"
fill="#202020"
/>
<path
d="M77.8401 214.122H126.78C125.707 209.829 123.45 205.963 120.01 202.523C115.01 197.523 109.11 195.023 102.31 195.023C95.5102 195.023 89.6102 197.523 84.6102 202.523C81.17 205.963 78.9133 209.829 77.8401 214.122Z"
fill="white"
/>
<path
d="M140.11 214.122V194.423C140.11 187.823 139.41 181.623 138.01 175.823C136.61 170.023 134.41 165.023 131.41 160.823C128.41 156.623 124.51 153.323 119.71 150.923C114.91 148.323 109.11 147.023 102.31 147.023C95.5102 147.023 89.7102 148.323 84.9102 150.923C80.1102 153.323 76.2102 156.623 73.2102 160.823C70.2102 165.023 68.0102 170.023 66.6102 175.823C65.2102 181.623 64.5102 187.823 64.5102 194.423V214.122H24.9102V196.823C24.9102 169.623 31.7102 148.523 45.3102 133.523C59.1102 118.523 78.1102 111.023 102.31 111.023C126.51 111.023 145.41 118.523 159.01 133.523C172.81 148.523 179.71 169.623 179.71 196.823V214.122H140.11Z"
fill="white"
/>
<path
d="M193.554 436.012H11.4665C5.29146 436.012 0.285645 431.007 0.285645 424.832V222.125H204.735V424.832C204.735 431.007 199.729 436.012 193.554 436.012Z"
fill="#202020"
/>
<path
d="M127.443 222.125C127.016 228.129 124.538 233.395 120.01 237.923C115.01 242.923 109.11 245.423 102.31 245.423C95.5102 245.423 89.6102 242.923 84.6102 237.923C80.0821 233.395 77.6044 228.129 77.177 222.125H127.443Z"
fill="white"
/>
<path
d="M140.11 222.125H179.71V243.623C179.71 271.623 172.81 292.923 159.01 307.523C145.41 322.123 126.51 329.423 102.31 329.423C78.1102 329.423 59.1102 322.123 45.3102 307.523C31.7102 292.923 24.9102 271.623 24.9102 243.623V222.125H64.5102V246.023C64.5102 253.023 65.1102 259.423 66.3102 265.223C67.5102 271.023 69.6102 276.023 72.6102 280.223C75.6102 284.423 79.5102 287.723 84.3102 290.123C89.1102 292.323 95.1102 293.423 102.31 293.423C109.51 293.423 115.51 292.323 120.31 290.123C125.11 287.723 129.01 284.423 132.01 280.223C135.01 276.023 137.11 271.023 138.31 265.223C139.51 259.423 140.11 253.023 140.11 246.023V222.125Z"
fill="white"
/>
</svg>
</div>
<div>
<!-- 1 back -->
<svg
viewBox="0 0 206 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M194.057 436.012H11.9699C5.79488 436.012 0.789062 431.007 0.789062 424.832V222.125H205.238V424.832C205.238 431.007 200.232 436.012 194.057 436.012Z"
fill="#202020"
/>
<path
d="M90.214 222.125V287.423H30.814V325.223H182.014V287.423H129.814V222.125H90.214Z"
fill="white"
/>
<path
d="M194.057 0.233887H11.9699C5.79488 0.233887 0.789062 5.23971 0.789062 11.4147V214.122H205.238V11.4147C205.238 5.23971 200.232 0.233887 194.057 0.233887Z"
fill="#202020"
/>
<path
d="M90.2139 214.097H129.814V115.223H52.4139L27.2139 203.423V207.023H65.0139L84.8139 135.023H90.2139V214.097Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 1 front -->
<div>
<svg
viewBox="0 0 206 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M194.057 436.012H11.9699C5.79488 436.012 0.789062 431.007 0.789062 424.832V222.125H205.238V424.832C205.238 431.007 200.232 436.012 194.057 436.012Z"
fill="#202020"
/>
<path
d="M90.214 222.125V287.423H30.814V325.223H182.014V287.423H129.814V222.125H90.214Z"
fill="white"
/>
<path
d="M194.057 0.233887H11.9699C5.79488 0.233887 0.789062 5.23971 0.789062 11.4147V214.122H205.238V11.4147C205.238 5.23971 200.232 0.233887 194.057 0.233887Z"
fill="#202020"
/>
<path
d="M90.2139 214.097H129.814V115.223H52.4139L27.2139 203.423V207.023H65.0139L84.8139 135.023H90.2139V214.097Z"
fill="white"
/>
</svg>
</div>
<!-- 2 back -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.617 436.012H11.5292C5.35421 436.012 0.348389 431.007 0.348389 424.832V222.125H204.797V424.832C204.797 431.007 199.792 436.012 193.617 436.012Z"
fill="#202020"
/>
<path
d="M176.373 325.223V287.423H68.373V283.823C68.373 279.623 68.9729 275.923 70.173 272.723C71.573 269.323 73.9729 266.223 77.373 263.423C80.773 260.623 85.473 258.123 91.473 255.923C97.673 253.523 105.473 251.223 114.873 249.023C137.273 243.823 153.373 235.423 163.173 223.823C163.655 223.264 164.125 222.698 164.584 222.125H71.0803C70.6755 222.289 70.273 222.456 69.873 222.623C61.273 226.023 53.8729 230.423 47.6729 235.823C41.6729 241.223 36.9729 247.823 33.5729 255.623C30.3729 263.423 28.7729 272.823 28.7729 283.823V325.223H176.373Z"
fill="white"
/>
<path
d="M193.617 0.233887H11.5292C5.35421 0.233887 0.348389 5.23971 0.348389 11.4147V214.122H204.797V11.4147C204.797 5.23971 199.792 0.233887 193.617 0.233887Z"
fill="#202020"
/>
<path
d="M100.082 214.104H170.067C175.218 204.563 178.173 192.655 178.173 180.023V176.423C178.173 168.023 176.573 159.923 173.373 152.123C170.373 144.123 165.673 137.123 159.273 131.123C153.073 125.123 145.273 120.323 135.873 116.723C126.473 112.923 115.473 111.023 102.873 111.023C91.0729 111.023 80.4729 113.023 71.0729 117.023C61.6729 120.823 53.6729 126.123 47.0729 132.923C40.6729 139.523 35.6729 147.323 32.0729 156.323C28.6729 165.123 26.9729 174.423 26.9729 184.223V201.023H66.5729V187.823C66.5729 175.623 69.9729 166.123 76.7729 159.323C83.5729 152.323 92.6729 148.823 104.073 148.823C114.873 148.823 123.273 151.623 129.273 157.223C135.473 162.823 138.573 169.823 138.573 178.223C138.573 182.623 137.973 186.623 136.773 190.223C135.773 193.623 133.773 196.823 130.773 199.823C127.773 202.623 123.673 205.223 118.473 207.623C113.787 209.685 107.404 212.393 100.082 214.104Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 2 front -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.617 436.012H11.5292C5.35421 436.012 0.348389 431.007 0.348389 424.832V222.125H204.797V424.832C204.797 431.007 199.792 436.012 193.617 436.012Z"
fill="#202020"
/>
<path
d="M176.373 325.223V287.423H68.373V283.823C68.373 279.623 68.9729 275.923 70.173 272.723C71.573 269.323 73.9729 266.223 77.373 263.423C80.773 260.623 85.473 258.123 91.473 255.923C97.673 253.523 105.473 251.223 114.873 249.023C137.273 243.823 153.373 235.423 163.173 223.823C163.655 223.264 164.125 222.698 164.584 222.125H71.0803C70.6755 222.289 70.273 222.456 69.873 222.623C61.273 226.023 53.8729 230.423 47.6729 235.823C41.6729 241.223 36.9729 247.823 33.5729 255.623C30.3729 263.423 28.7729 272.823 28.7729 283.823V325.223H176.373Z"
fill="white"
/>
<path
d="M193.617 0.233887H11.5292C5.35421 0.233887 0.348389 5.23971 0.348389 11.4147V214.122H204.797V11.4147C204.797 5.23971 199.792 0.233887 193.617 0.233887Z"
fill="#202020"
/>
<path
d="M100.082 214.104H170.067C175.218 204.563 178.173 192.655 178.173 180.023V176.423C178.173 168.023 176.573 159.923 173.373 152.123C170.373 144.123 165.673 137.123 159.273 131.123C153.073 125.123 145.273 120.323 135.873 116.723C126.473 112.923 115.473 111.023 102.873 111.023C91.0729 111.023 80.4729 113.023 71.0729 117.023C61.6729 120.823 53.6729 126.123 47.0729 132.923C40.6729 139.523 35.6729 147.323 32.0729 156.323C28.6729 165.123 26.9729 174.423 26.9729 184.223V201.023H66.5729V187.823C66.5729 175.623 69.9729 166.123 76.7729 159.323C83.5729 152.323 92.6729 148.823 104.073 148.823C114.873 148.823 123.273 151.623 129.273 157.223C135.473 162.823 138.573 169.823 138.573 178.223C138.573 182.623 137.973 186.623 136.773 190.223C135.773 193.623 133.773 196.823 130.773 199.823C127.773 202.623 123.673 205.223 118.473 207.623C113.787 209.685 107.404 212.393 100.082 214.104Z"
fill="white"
/>
</svg>
</div>
<!-- 3 back -->
<div>
<svg
viewBox="0 0 206 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M194.176 436.012H12.0883C5.91329 436.012 0.907471 431.007 0.907471 424.832V222.125H205.357V424.832C205.357 431.007 200.351 436.012 194.176 436.012Z"
fill="#202020"
/>
<path
d="M82.532 222.125V235.223H105.932C115.332 235.223 123.032 237.423 129.032 241.823C135.232 246.023 138.332 252.823 138.332 262.223C138.332 271.023 135.432 278.123 129.632 283.523C124.032 288.923 115.932 291.623 105.332 291.623C92.932 291.623 83.632 288.123 77.432 281.123C71.232 274.123 68.132 265.823 68.132 256.223V245.423H28.532V258.023C28.532 267.623 30.332 276.723 33.932 285.323C37.532 293.923 42.632 301.523 49.232 308.123C56.032 314.723 64.232 319.923 73.832 323.723C83.432 327.523 94.132 329.423 105.932 329.423C117.532 329.423 127.832 327.723 136.832 324.323C145.832 320.923 153.332 316.323 159.332 310.523C165.532 304.523 170.132 297.523 173.132 289.523C176.332 281.523 177.932 272.823 177.932 263.423V259.823C177.932 250.223 176.232 241.923 172.832 234.923C170.566 230.124 167.811 225.858 164.567 222.125H82.532Z"
fill="white"
/>
<path
d="M194.176 0.233887H12.0883C5.91329 0.233887 0.907471 5.23971 0.907471 11.4147V214.122H205.357V11.4147C205.357 5.23971 200.351 0.233887 194.176 0.233887Z"
fill="#202020"
/>
<path
d="M82.532 214.122H155.88C151.298 210.736 146.149 208.17 140.432 206.423C133.232 204.023 125.932 202.823 118.532 202.823H111.332V197.423L167.132 181.223V115.223H30.332V153.023H134.732V158.423L82.532 172.823V214.122Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 3 front -->
<div>
<svg
viewBox="0 0 206 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M194.176 436.012H12.0883C5.91329 436.012 0.907471 431.007 0.907471 424.832V222.125H205.357V424.832C205.357 431.007 200.351 436.012 194.176 436.012Z"
fill="#202020"
/>
<path
d="M82.532 222.125V235.223H105.932C115.332 235.223 123.032 237.423 129.032 241.823C135.232 246.023 138.332 252.823 138.332 262.223C138.332 271.023 135.432 278.123 129.632 283.523C124.032 288.923 115.932 291.623 105.332 291.623C92.932 291.623 83.632 288.123 77.432 281.123C71.232 274.123 68.132 265.823 68.132 256.223V245.423H28.532V258.023C28.532 267.623 30.332 276.723 33.932 285.323C37.532 293.923 42.632 301.523 49.232 308.123C56.032 314.723 64.232 319.923 73.832 323.723C83.432 327.523 94.132 329.423 105.932 329.423C117.532 329.423 127.832 327.723 136.832 324.323C145.832 320.923 153.332 316.323 159.332 310.523C165.532 304.523 170.132 297.523 173.132 289.523C176.332 281.523 177.932 272.823 177.932 263.423V259.823C177.932 250.223 176.232 241.923 172.832 234.923C170.566 230.124 167.811 225.858 164.567 222.125H82.532Z"
fill="white"
/>
<path
d="M194.176 0.233887H12.0883C5.91329 0.233887 0.907471 5.23971 0.907471 11.4147V214.122H205.357V11.4147C205.357 5.23971 200.351 0.233887 194.176 0.233887Z"
fill="#202020"
/>
<path
d="M82.532 214.122H155.88C151.298 210.736 146.149 208.17 140.432 206.423C133.232 204.023 125.932 202.823 118.532 202.823H111.332V197.423L167.132 181.223V115.223H30.332V153.023H134.732V158.423L82.532 172.823V214.122Z"
fill="white"
/>
</svg>
</div>
<!-- 4 back -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.679 0.233887H11.5912C5.41622 0.233887 0.4104 5.23971 0.4104 11.4147V214.122H204.859V11.4147C204.859 5.23971 199.854 0.233887 193.679 0.233887Z"
fill="#202020"
/>
<path
d="M153.935 115.199H78.9348L29.217 214.122H69.1523L108.935 134.999H114.335V214.122H153.935V115.199Z"
fill="white"
/>
<path
d="M193.679 436.012H11.5912C5.41622 436.012 0.4104 431.007 0.4104 424.832V222.125H204.859V424.832C204.859 431.007 199.854 436.012 193.679 436.012Z"
fill="#202020"
/>
<path
d="M153.935 222.125H114.335V248.178H54.9349V242.778L65.3191 222.125H25.3854L20.7349 231.378V285.978H114.335V325.578H153.935V285.978H184.535V248.178H153.935V222.125Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 4 front -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.679 0.233887H11.5912C5.41622 0.233887 0.4104 5.23971 0.4104 11.4147V214.122H204.859V11.4147C204.859 5.23971 199.854 0.233887 193.679 0.233887Z"
fill="#202020"
/>
<path
d="M153.935 115.199H78.9348L29.217 214.122H69.1523L108.935 134.999H114.335V214.122H153.935V115.199Z"
fill="white"
/>
<path
d="M193.679 436.012H11.5912C5.41622 436.012 0.4104 431.007 0.4104 424.832V222.125H204.859V424.832C204.859 431.007 199.854 436.012 193.679 436.012Z"
fill="#202020"
/>
<path
d="M153.935 222.125H114.335V248.178H54.9349V242.778L65.3191 222.125H25.3854L20.7349 231.378V285.978H114.335V325.578H153.935V285.978H184.535V248.178H153.935V222.125Z"
fill="white"
/>
</svg>
</div>
<!-- 5 back -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.594 436.012H11.5067C5.33175 436.012 0.325928 431.007 0.325928 424.832V222.125H204.775V424.832C204.775 431.007 199.769 436.012 193.594 436.012Z"
fill="#202020"
/>
<path
d="M30.5509 222.125V231.648H95.3509C96.3509 228.248 98.6509 225.348 102.251 222.948C102.653 222.657 103.069 222.383 103.499 222.125H30.5509Z"
fill="white"
/>
<path
d="M180.878 222.125H130.248C132.995 223.523 135.462 225.397 137.651 227.748C143.051 233.348 145.751 241.848 145.751 253.248C145.751 265.248 142.051 274.648 134.651 281.448C127.451 288.248 117.551 291.648 104.951 291.648C92.3509 291.648 82.7509 288.248 76.1509 281.448C69.7509 274.448 66.5509 265.648 66.5509 255.048V251.448H26.9509V258.648C26.9509 268.848 28.6509 278.348 32.0509 287.148C35.6509 295.748 40.7509 303.248 47.3509 309.648C54.1509 315.848 62.4509 320.748 72.2509 324.348C82.0509 327.748 93.3509 329.448 106.151 329.448C118.951 329.448 130.251 327.348 140.051 323.148C149.851 318.948 158.051 313.348 164.651 306.348C171.451 299.148 176.551 290.848 179.951 281.448C183.551 272.048 185.351 262.048 185.351 251.448V249.648C185.351 239.678 183.86 230.504 180.878 222.125Z"
fill="white"
/>
<path
d="M193.594 0.233887H11.5067C5.33175 0.233887 0.325928 5.23971 0.325928 11.4147V214.122H204.775V11.4147C204.775 5.23971 199.769 0.233887 193.594 0.233887Z"
fill="#202020"
/>
<path
d="M26.9509 214.122H174.234C171.752 208.872 168.658 204.187 164.951 200.068C159.551 194.068 152.951 189.368 145.151 185.968C137.351 182.568 128.551 180.868 118.751 180.868C105.751 180.868 95.3509 183.768 87.5509 189.568C79.9509 195.168 74.7509 201.868 71.9509 209.668H66.5509V152.668H167.351V114.868H26.9509V214.122Z"
fill="white"
/>
</svg>
</div>
</li>
<li>
<!-- 5 front -->
<div>
<svg
viewBox="0 0 205 437"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M193.594 436.012H11.5067C5.33175 436.012 0.325928 431.007 0.325928 424.832V222.125H204.775V424.832C204.775 431.007 199.769 436.012 193.594 436.012Z"
fill="#202020"
/>
<path
d="M30.5509 222.125V231.648H95.3509C96.3509 228.248 98.6509 225.348 102.251 222.948C102.653 222.657 103.069 222.383 103.499 222.125H30.5509Z"
fill="white"
/>
<path