-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
586 lines (498 loc) · 74.7 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Concrete Calculator</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
<meta name="description" content="Estimate the right amount of concrete for home improvement projects. Concrete calculators do the math to figure out how many bags of mix to buy for driveway slabs, deck footings, stairs, and DIY projects.">
<link rel="preload" href="./assets/fonts/inter-v12-latin-regular.woff2" as="font" crossorigin type="font/woff2">
<link rel="preload" href="./assets/fonts/inter-v12-latin-500.woff2" as="font" crossorigin type="font/woff2">
<link rel="preload" href="./assets/fonts/inter-v12-latin-600.woff2" as="font" crossorigin type="font/woff2">
<link rel="preload" href="./assets/fonts/inter-v12-latin-800.woff2" as="font" crossorigin type="font/woff2">
<script type="text/javascript">
window._ = document.getElementById.bind(document);
window.$ = document.querySelector.bind(document);
window.$$ = document.querySelectorAll.bind(document);
window.defaultSystem = "imperial";
localStorage.setItem("theme", "light");
</script>
<link rel="stylesheet" href="./assets/css/main.min.css" />
<script src="./assets/js/all-calculators.js" defer></script>
</head>
<body style="background-color: transparent !important; min-height: 0 !important">
<div style="width: 100%;">
<div style="width:350px;float:left;padding: 15px;">
<div class="calculator-settings">
<div class="calculator-setting" id="calculator_form">
<div class="calculator-content col">
<div class="input-wrapper row">
<!-- separator="|" -->
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator">
<div class="dropdown-wrapper">
<div class="input-field row " tabindex="0">
<select class="input-field__text" onchange="switchTab(this)" id="shape">
<option value="Square Slab" >
Square Slab
</option>
<option value="Round Slab" >
Round Slab
</option>
<option value="Wall" >
Wall
</option>
<option value="Footer" >
Footer
</option>
<option value="Square Column" >
Square Column
</option>
<option value="Round Column" >
Round Column
</option>
<option value="Steps" >
Steps
</option>
<option value="Curb & Gutter" >
Curb & Gutter
</option>
</select>
</div>
</div>
</label> </div>
<div class="calculator-content__geometry">
<svg width="270" height="222" viewBox="0 0 270 222" fill="none" xmlns="http://www.w3.org/2000/svg" class="tab tab--active" data-tab="0">
<mask id="path-1-inside-1_5994_68164" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M92 45H232V68L152 144.5H12V121.5L92 45Z" />
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M92 45H232V68L152 144.5H12V121.5L92 45Z" fill="#F5F3FF" />
<path d="M232 45H233V44H232V45ZM92 45V44H91.5988L91.3089 44.2773L92 45ZM232 68L232.691 68.7227L233 68.4274V68H232ZM152 144.5V145.5H152.401L152.691 145.223L152 144.5ZM12 144.5H11V145.5H12V144.5ZM12 121.5L11.3089 120.777L11 121.073V121.5H12ZM232 44H92V46H232V44ZM231 45V68H233V45H231ZM231.309 67.2773L151.309 143.777L152.691 145.223L232.691 68.7227L231.309 67.2773ZM12 145.5H152V143.5H12V145.5ZM11 121.5V144.5H13V121.5H11ZM91.3089 44.2773L11.3089 120.777L12.6911 122.223L92.6911 45.7227L91.3089 44.2773Z" fill="#A78BFA" mask="url(#path-1-inside-1_5994_68164)" />
<path d="M13 121.5H152M152 121.5V143.5M152 121.5L231.5 45.5" stroke="#A78BFA" />
<line x1="151.5" y1="147" x2="151.5" y2="162" stroke="#A78BFA" />
<line x1="232.5" y1="71" x2="232.5" y2="86" stroke="#A78BFA" />
<line x1="12.5" y1="147" x2="12.5" y2="162" stroke="#A78BFA" />
<line x1="250" y1="45.5" x2="235" y2="45.5" stroke="#A78BFA" />
<line x1="250" y1="67.5" x2="235" y2="67.5" stroke="#A78BFA" />
<path d="M150.354 158.354C150.549 158.158 150.549 157.842 150.354 157.646L147.172 154.464C146.976 154.269 146.66 154.269 146.464 154.464C146.269 154.66 146.269 154.976 146.464 155.172L149.293 158L146.464 160.828C146.269 161.024 146.269 161.34 146.464 161.536C146.66 161.731 146.976 161.731 147.172 161.536L150.354 158.354ZM13.6465 157.646C13.4512 157.842 13.4512 158.158 13.6465 158.354L16.8284 161.536C17.0237 161.731 17.3403 161.731 17.5355 161.536C17.7308 161.34 17.7308 161.024 17.5355 160.828L14.7071 158L17.5355 155.172C17.7308 154.976 17.7308 154.66 17.5355 154.464C17.3403 154.269 17.0237 154.269 16.8284 154.464L13.6465 157.646ZM150 157.5L14 157.5V158.5L150 158.5V157.5Z" fill="#A78BFA" />
<path d="M230.5 85.0068C230.504 84.7306 230.283 84.5038 230.007 84.5L225.507 84.4392C225.231 84.4355 225.004 84.6563 225 84.9324C224.997 85.2086 225.218 85.4354 225.494 85.4391L229.493 85.4932L229.439 89.4928C229.436 89.769 229.656 89.9958 229.932 89.9995C230.209 90.0033 230.435 89.7825 230.439 89.5063L230.5 85.0068ZM154.5 157.993C154.496 158.269 154.717 158.496 154.993 158.5L159.493 158.561C159.769 158.564 159.996 158.344 160 158.068C160.003 157.791 159.782 157.565 159.506 157.561L155.507 157.507L155.561 153.507C155.564 153.231 155.344 153.004 155.068 153C154.791 152.997 154.565 153.218 154.561 153.494L154.5 157.993ZM229.651 84.6417L154.651 157.642L155.349 158.358L230.349 85.3583L229.651 84.6417Z" fill="#A78BFA" />
<path d="M242.646 66.3536C242.842 66.5488 243.158 66.5488 243.354 66.3536L246.536 63.1716C246.731 62.9763 246.731 62.6597 246.536 62.4645C246.34 62.2692 246.024 62.2692 245.828 62.4645L243 65.2929L240.172 62.4645C239.976 62.2692 239.66 62.2692 239.464 62.4645C239.269 62.6597 239.269 62.9763 239.464 63.1716L242.646 66.3536ZM243.354 46.6464C243.158 46.4512 242.842 46.4512 242.646 46.6464L239.464 49.8284C239.269 50.0237 239.269 50.3403 239.464 50.5355C239.66 50.7308 239.976 50.7308 240.172 50.5355L243 47.7071L245.828 50.5355C246.024 50.7308 246.34 50.7308 246.536 50.5355C246.731 50.3403 246.731 50.0237 246.536 49.8284L243.354 46.6464ZM243.5 66L243.5 47L242.5 47L242.5 66L243.5 66Z" fill="#A78BFA" />
<path d="M80.4034 174L78.4091 167.455H79.4659L80.8807 172.466H80.9489L82.3466 167.455H83.4205L84.8011 172.449H84.8693L86.2841 167.455H87.3409L85.3466 174H84.358L82.9261 168.972H82.8239L81.392 174H80.4034Z" fill="#7C3AED" />
<path d="M252.392 61.1364C251.847 61.1364 251.365 60.9986 250.947 60.723C250.53 60.4446 250.203 60.0526 249.967 59.5469C249.732 59.0384 249.614 58.4375 249.614 57.7443C249.614 57.0568 249.732 56.4602 249.967 55.9545C250.203 55.4489 250.531 55.0582 250.952 54.7827C251.372 54.5071 251.858 54.3693 252.409 54.3693C252.835 54.3693 253.172 54.4403 253.419 54.5824C253.669 54.7216 253.859 54.8807 253.99 55.0597C254.124 55.2358 254.227 55.3807 254.301 55.4943H254.386V52.2727H255.392V61H254.42V59.9943H254.301C254.227 60.1136 254.122 60.2642 253.986 60.446C253.849 60.625 253.655 60.7855 253.402 60.9276C253.149 61.0668 252.813 61.1364 252.392 61.1364ZM252.528 60.233C252.932 60.233 253.273 60.1278 253.551 59.9176C253.83 59.7045 254.041 59.4105 254.186 59.0355C254.331 58.6577 254.403 58.2216 254.403 57.7273C254.403 57.2386 254.332 56.8111 254.19 56.4446C254.048 56.0753 253.838 55.7884 253.56 55.5838C253.281 55.3764 252.938 55.2727 252.528 55.2727C252.102 55.2727 251.747 55.3821 251.463 55.6009C251.182 55.8168 250.97 56.1108 250.828 56.483C250.689 56.8523 250.619 57.267 250.619 57.7273C250.619 58.1932 250.69 58.6165 250.832 58.9972C250.977 59.375 251.19 59.6761 251.472 59.9006C251.756 60.1222 252.108 60.233 252.528 60.233Z" fill="#7C3AED" />
<path d="M200.926 123.273V132H199.92V123.273H200.926Z" fill="#7C3AED" />
</svg>
<svg width="270" height="222" viewBox="0 0 270 222" fill="none" xmlns="http://www.w3.org/2000/svg" class="tab" data-tab="1">
<mask id="path-1-inside-1_5994_68700" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 136V115C18 131.016 65.0101 144 123 144C180.99 144 228 131.016 228 115V136C228 152.016 180.99 165 123 165C65.0101 165 18 152.016 18 136Z" />
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 136V115C18 131.016 65.0101 144 123 144C180.99 144 228 131.016 228 115V136C228 152.016 180.99 165 123 165C65.0101 165 18 152.016 18 136Z" fill="#F5F3FF" />
<path d="M17 115V136H19V115H17ZM123 143C94.0685 143 67.9123 139.76 49.02 134.542C39.5668 131.931 31.9892 128.84 26.7982 125.451C21.5652 122.034 19 118.481 19 115H17C17 119.528 20.3111 123.603 25.7047 127.125C31.1402 130.675 38.9395 133.833 48.4876 136.47C67.5978 141.748 93.9416 145 123 145V143ZM227 115C227 118.481 224.435 122.034 219.202 125.451C214.011 128.84 206.433 131.931 196.98 134.542C178.088 139.76 151.931 143 123 143V145C152.058 145 178.402 141.748 197.512 136.47C207.061 133.833 214.86 130.675 220.295 127.125C225.689 123.603 229 119.528 229 115H227ZM229 136V115H227V136H229ZM123 166C152.058 166 178.402 162.748 197.512 157.47C207.061 154.833 214.86 151.675 220.295 148.125C225.689 144.603 229 140.528 229 136H227C227 139.48 224.435 143.034 219.202 146.451C214.011 149.84 206.433 152.931 196.98 155.542C178.088 160.76 151.931 164 123 164V166ZM17 136C17 140.528 20.3111 144.603 25.7047 148.125C31.1402 151.675 38.9395 154.833 48.4876 157.47C67.5978 162.748 93.9416 166 123 166V164C94.0685 164 67.9123 160.76 49.02 155.542C39.5668 152.931 31.9892 149.84 26.7982 146.451C21.5652 143.034 19 139.48 19 136H17Z" fill="#A78BFA" mask="url(#path-1-inside-1_5994_68700)" />
<path d="M227.5 116C227.5 119.742 224.748 123.426 219.475 126.869C214.223 130.299 206.59 133.407 197.113 136.024C178.166 141.257 151.963 144.5 123 144.5C94.0368 144.5 67.8337 141.257 48.8869 136.024C39.41 133.407 31.7769 130.299 26.5248 126.869C21.2517 123.426 18.5 119.742 18.5 116C18.5 112.258 21.2517 108.574 26.5248 105.131C31.7769 101.701 39.41 98.5933 48.8869 95.9759C67.8337 90.7429 94.0368 87.5 123 87.5C151.963 87.5 178.166 90.7429 197.113 95.9759C206.59 98.5933 214.223 101.701 219.475 105.131C224.748 108.574 227.5 112.258 227.5 116Z" fill="#F5F3FF" stroke="#A78BFA" />
<line x1="228.5" y1="72" x2="228.5" y2="108" stroke="#A78BFA" />
<line x1="18.5" y1="72" x2="18.5" y2="108" stroke="#A78BFA" />
<path d="M226.354 77.3536C226.549 77.1583 226.549 76.8417 226.354 76.6464L223.172 73.4645C222.976 73.2692 222.66 73.2692 222.464 73.4645C222.269 73.6597 222.269 73.9763 222.464 74.1716L225.293 77L222.464 79.8284C222.269 80.0237 222.269 80.3403 222.464 80.5355C222.66 80.7308 222.976 80.7308 223.172 80.5355L226.354 77.3536ZM20.6465 76.6464C20.4512 76.8417 20.4512 77.1583 20.6465 77.3536L23.8284 80.5355C24.0237 80.7308 24.3403 80.7308 24.5355 80.5355C24.7308 80.3403 24.7308 80.0237 24.5355 79.8284L21.7071 77L24.5355 74.1716C24.7308 73.9763 24.7308 73.6597 24.5355 73.4645C24.3403 73.2692 24.0237 73.2692 23.8284 73.4645L20.6465 76.6464ZM226 76.5L21 76.5V77.5L226 77.5V76.5Z" fill="#A78BFA" />
<path d="M120.403 69L118.409 62.4545H119.466L120.881 67.4659H120.949L122.347 62.4545H123.42L124.801 67.4489H124.869L126.284 62.4545H127.341L125.347 69H124.358L122.926 63.9716H122.824L121.392 69H120.403Z" fill="#7C3AED" />
<line x1="245" y1="116.5" x2="230" y2="116.5" stroke="#A78BFA" />
<line x1="245" y1="138.5" x2="230" y2="138.5" stroke="#A78BFA" />
<path d="M237.646 137.354C237.842 137.549 238.158 137.549 238.354 137.354L241.536 134.172C241.731 133.976 241.731 133.66 241.536 133.464C241.34 133.269 241.024 133.269 240.828 133.464L238 136.293L235.172 133.464C234.976 133.269 234.66 133.269 234.464 133.464C234.269 133.66 234.269 133.976 234.464 134.172L237.646 137.354ZM238.354 117.646C238.158 117.451 237.842 117.451 237.646 117.646L234.464 120.828C234.269 121.024 234.269 121.34 234.464 121.536C234.66 121.731 234.976 121.731 235.172 121.536L238 118.707L240.828 121.536C241.024 121.731 241.34 121.731 241.536 121.536C241.731 121.34 241.731 121.024 241.536 120.828L238.354 117.646ZM238.5 137L238.5 118L237.5 118L237.5 137L238.5 137Z" fill="#A78BFA" />
<path d="M247.392 132.136C246.847 132.136 246.365 131.999 245.947 131.723C245.53 131.445 245.203 131.053 244.967 130.547C244.732 130.038 244.614 129.438 244.614 128.744C244.614 128.057 244.732 127.46 244.967 126.955C245.203 126.449 245.531 126.058 245.952 125.783C246.372 125.507 246.858 125.369 247.409 125.369C247.835 125.369 248.172 125.44 248.419 125.582C248.669 125.722 248.859 125.881 248.99 126.06C249.124 126.236 249.227 126.381 249.301 126.494H249.386V123.273H250.392V132H249.42V130.994H249.301C249.227 131.114 249.122 131.264 248.986 131.446C248.849 131.625 248.655 131.786 248.402 131.928C248.149 132.067 247.813 132.136 247.392 132.136ZM247.528 131.233C247.932 131.233 248.273 131.128 248.551 130.918C248.83 130.705 249.041 130.411 249.186 130.036C249.331 129.658 249.403 129.222 249.403 128.727C249.403 128.239 249.332 127.811 249.19 127.445C249.048 127.075 248.838 126.788 248.56 126.584C248.281 126.376 247.938 126.273 247.528 126.273C247.102 126.273 246.747 126.382 246.463 126.601C246.182 126.817 245.97 127.111 245.828 127.483C245.689 127.852 245.619 128.267 245.619 128.727C245.619 129.193 245.69 129.616 245.832 129.997C245.977 130.375 246.19 130.676 246.472 130.901C246.756 131.122 247.108 131.233 247.528 131.233Z" fill="#7C3AED" />
</svg>
<svg width="270" height="222" viewBox="0 0 270 222" fill="none" xmlns="http://www.w3.org/2000/svg" class="tab" data-tab="2">
<mask id="path-1-inside-1_5994_68715" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M193 3H126L52 94V194H119L193 103V3Z" />
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M193 3H126L52 94V194H119L193 103V3Z" fill="#F5F3FF" />
<path d="M126 3V2H125.524L125.224 2.36909L126 3ZM193 3H194V2H193V3ZM52 94L51.2241 93.3691L51 93.6447V94H52ZM52 194H51V195H52V194ZM119 194V195H119.476L119.776 194.631L119 194ZM193 103L193.776 103.631L194 103.355V103H193ZM126 4H193V2H126V4ZM52.7759 94.6309L126.776 3.63091L125.224 2.36909L51.2241 93.3691L52.7759 94.6309ZM53 194V94H51V194H53ZM119 193H52V195H119V193ZM119.776 194.631L193.776 103.631L192.224 102.369L118.224 193.369L119.776 194.631ZM194 103V3H192V103H194Z" fill="#A78BFA" mask="url(#path-1-inside-1_5994_68715)" />
<path d="M53 94H119M192.5 3.5L119 94M119 193V94" stroke="#A78BFA" />
<line x1="119.5" y1="197" x2="119.5" y2="211" stroke="#A78BFA" />
<line x1="52.5" y1="196" x2="52.5" y2="210" stroke="#A78BFA" />
<path d="M118.354 203.354C118.549 203.158 118.549 202.842 118.354 202.646L115.172 199.464C114.976 199.269 114.66 199.269 114.464 199.464C114.269 199.66 114.269 199.976 114.464 200.172L117.293 203L114.464 205.828C114.269 206.024 114.269 206.34 114.464 206.536C114.66 206.731 114.976 206.731 115.172 206.536L118.354 203.354ZM53.6464 202.646C53.4512 202.842 53.4512 203.158 53.6464 203.354L56.8284 206.536C57.0237 206.731 57.3403 206.731 57.5355 206.536C57.7308 206.34 57.7308 206.024 57.5355 205.828L54.7071 203L57.5355 200.172C57.7308 199.976 57.7308 199.66 57.5355 199.464C57.3403 199.269 57.0237 199.269 56.8284 199.464L53.6464 202.646ZM118 202.5H54V203.5H118V202.5Z" fill="#A78BFA" />
<path d="M83.4034 215L81.4091 208.455H82.4659L83.8807 213.466H83.9489L85.3466 208.455H86.4205L87.8011 213.449H87.8693L89.2841 208.455H90.3409L88.3466 215H87.358L85.9261 209.972H85.8239L84.392 215H83.4034Z" fill="#7C3AED" />
<line x1="193.5" y1="106" x2="193.5" y2="121" stroke="#A78BFA" />
<path d="M190.497 117.947C190.468 117.672 190.222 117.474 189.947 117.503L185.472 117.98C185.198 118.009 184.999 118.256 185.028 118.53C185.057 118.805 185.304 119.004 185.578 118.974L189.556 118.55L189.98 122.528C190.009 122.802 190.256 123.001 190.53 122.972C190.805 122.943 191.004 122.696 190.974 122.422L190.497 117.947ZM122.503 201.053C122.532 201.328 122.778 201.526 123.053 201.497L127.528 201.02C127.802 200.991 128.001 200.744 127.972 200.47C127.943 200.195 127.696 199.996 127.422 200.026L123.444 200.45L123.02 196.472C122.991 196.198 122.744 195.999 122.47 196.028C122.195 196.057 121.996 196.304 122.026 196.578L122.503 201.053ZM189.611 117.686L122.611 200.686L123.389 201.314L190.389 118.314L189.611 117.686Z" fill="#A78BFA" />
<path d="M164.926 162.273V171H163.92V162.273H164.926Z" fill="#7C3AED" />
<line x1="211" y1="3.5" x2="196" y2="3.5" stroke="#A78BFA" />
<line x1="211" y1="102.5" x2="196" y2="102.5" stroke="#A78BFA" />
<path d="M203.646 100.354C203.842 100.549 204.158 100.549 204.354 100.354L207.536 97.1716C207.731 96.9763 207.731 96.6597 207.536 96.4645C207.34 96.2692 207.024 96.2692 206.828 96.4645L204 99.2929L201.172 96.4645C200.976 96.2692 200.66 96.2692 200.464 96.4645C200.269 96.6597 200.269 96.9763 200.464 97.1716L203.646 100.354ZM204.354 5.64645C204.158 5.45119 203.842 5.45119 203.646 5.64645L200.464 8.82843C200.269 9.02369 200.269 9.34027 200.464 9.53554C200.66 9.7308 200.976 9.7308 201.172 9.53554L204 6.70711L206.828 9.53554C207.024 9.7308 207.34 9.7308 207.536 9.53554C207.731 9.34027 207.731 9.02369 207.536 8.82843L204.354 5.64645ZM204.5 100L204.5 6L203.5 6L203.5 100L204.5 100Z" fill="#A78BFA" />
<path d="M211.926 67.0625V71H210.92V62.2727H211.926V65.4773H212.011C212.165 65.1392 212.395 64.8707 212.702 64.6719C213.011 64.4702 213.423 64.3693 213.938 64.3693C214.384 64.3693 214.774 64.4588 215.109 64.6378C215.445 64.8139 215.705 65.0852 215.889 65.4517C216.077 65.8153 216.17 66.2784 216.17 66.8409V71H215.165V66.9091C215.165 66.3892 215.03 65.9872 214.76 65.7031C214.493 65.4162 214.122 65.2727 213.648 65.2727C213.318 65.2727 213.023 65.3423 212.761 65.4815C212.503 65.6207 212.298 65.8239 212.148 66.0909C212 66.358 211.926 66.6818 211.926 67.0625Z" fill="#7C3AED" />
</svg>
<svg width="270" height="222" viewBox="0 0 270 222" fill="none" xmlns="http://www.w3.org/2000/svg" class="tab" data-tab="3">
<mask id="path-1-inside-1_5994_68732" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M181 3H138L64 94V194H107L181 103V3Z" />
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M181 3H138L64 94V194H107L181 103V3Z" fill="#F5F3FF" />
<path d="M138 3V2H137.524L137.224 2.36909L138 3ZM181 3H182V2H181V3ZM64 94L63.2241 93.3691L63 93.6447V94H64ZM64 194H63V195H64V194ZM107 194V195H107.476L107.776 194.631L107 194ZM181 103L181.776 103.631L182 103.355V103H181ZM138 4H181V2H138V4ZM64.7759 94.6309L138.776 3.63091L137.224 2.36909L63.2241 93.3691L64.7759 94.6309ZM65 194V94H63V194H65ZM107 193H64V195H107V193ZM107.776 194.631L181.776 103.631L180.224 102.369L106.224 193.369L107.776 194.631ZM182 103V3H180V103H182Z" fill="#A78BFA" mask="url(#path-1-inside-1_5994_68732)" />
<path d="M65 94.5H106.5M180 4L106.5 94.5M106.5 193V94.5" stroke="#A78BFA" />
<line x1="106.5" y1="198" x2="106.5" y2="212" stroke="#A78BFA" />
<line x1="64.5" y1="197" x2="64.5" y2="211" stroke="#A78BFA" />
<path d="M104.354 204.354C104.549 204.158 104.549 203.842 104.354 203.646L101.172 200.464C100.976 200.269 100.66 200.269 100.464 200.464C100.269 200.66 100.269 200.976 100.464 201.172L103.293 204L100.464 206.828C100.269 207.024 100.269 207.34 100.464 207.536C100.66 207.731 100.976 207.731 101.172 207.536L104.354 204.354ZM65.6464 203.646C65.4512 203.842 65.4512 204.158 65.6464 204.354L68.8284 207.536C69.0237 207.731 69.3403 207.731 69.5355 207.536C69.7308 207.34 69.7308 207.024 69.5355 206.828L66.7071 204L69.5355 201.172C69.7308 200.976 69.7308 200.66 69.5355 200.464C69.3403 200.269 69.0237 200.269 68.8284 200.464L65.6464 203.646ZM104 203.5H66V204.5H104V203.5Z" fill="#A78BFA" />
<path d="M82.4034 216L80.4091 209.455H81.4659L82.8807 214.466H82.9489L84.3466 209.455H85.4205L86.8011 214.449H86.8693L88.2841 209.455H89.3409L87.3466 216H86.358L84.9261 210.972H84.8239L83.392 216H82.4034Z" fill="#7C3AED" />
<line x1="181.5" y1="106" x2="181.5" y2="121" stroke="#A78BFA" />
<path d="M177.497 118.947C177.468 118.672 177.222 118.474 176.947 118.503L172.472 118.98C172.198 119.009 171.999 119.256 172.028 119.53C172.057 119.805 172.304 120.004 172.578 119.974L176.556 119.55L176.98 123.528C177.009 123.802 177.256 124.001 177.53 123.972C177.805 123.943 178.004 123.696 177.974 123.422L177.497 118.947ZM109.503 202.053C109.532 202.328 109.778 202.526 110.053 202.497L114.528 202.02C114.802 201.991 115.001 201.744 114.972 201.47C114.943 201.195 114.696 200.996 114.422 201.026L110.444 201.45L110.02 197.472C109.991 197.198 109.744 196.999 109.47 197.028C109.195 197.057 108.996 197.304 109.026 197.578L109.503 202.053ZM176.611 118.686L109.611 201.686L110.389 202.314L177.389 119.314L176.611 118.686Z" fill="#A78BFA" />
<path d="M151.926 163.273V172H150.92V163.273H151.926Z" fill="#7C3AED" />
<line x1="199" y1="3.5" x2="184" y2="3.5" stroke="#A78BFA" />
<line x1="199" y1="102.5" x2="184" y2="102.5" stroke="#A78BFA" />
<path d="M191.646 101.354C191.842 101.549 192.158 101.549 192.354 101.354L195.536 98.1716C195.731 97.9763 195.731 97.6597 195.536 97.4645C195.34 97.2692 195.024 97.2692 194.828 97.4645L192 100.293L189.172 97.4645C188.976 97.2692 188.66 97.2692 188.464 97.4645C188.269 97.6597 188.269 97.9763 188.464 98.1716L191.646 101.354ZM192.354 5.64645C192.158 5.45119 191.842 5.45119 191.646 5.64645L188.464 8.82843C188.269 9.02369 188.269 9.34027 188.464 9.53554C188.66 9.7308 188.976 9.7308 189.172 9.53554L192 6.70711L194.828 9.53553C195.024 9.7308 195.34 9.7308 195.536 9.53553C195.731 9.34027 195.731 9.02369 195.536 8.82843L192.354 5.64645ZM192.5 101L192.5 6L191.5 6L191.5 101L192.5 101Z" fill="#A78BFA" />
<path d="M199.926 67.0625V71H198.92V62.2727H199.926V65.4773H200.011C200.165 65.1392 200.395 64.8707 200.702 64.6719C201.011 64.4702 201.423 64.3693 201.938 64.3693C202.384 64.3693 202.774 64.4588 203.109 64.6378C203.445 64.8139 203.705 65.0852 203.889 65.4517C204.077 65.8153 204.17 66.2784 204.17 66.8409V71H203.165V66.9091C203.165 66.3892 203.03 65.9872 202.76 65.7031C202.493 65.4162 202.122 65.2727 201.648 65.2727C201.318 65.2727 201.023 65.3423 200.761 65.4815C200.503 65.6207 200.298 65.8239 200.148 66.0909C200 66.358 199.926 66.6818 199.926 67.0625Z" fill="#7C3AED" />
</svg>
<svg width="270" height="222" viewBox="0 0 270 222" fill="none" xmlns="http://www.w3.org/2000/svg" class="tab" data-tab="4">
<mask id="path-1-inside-1_5994_68749" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M166.5 21H99.5L77 48V176H144L166.5 149V21Z" />
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M166.5 21H99.5L77 48V176H144L166.5 149V21Z" fill="#F5F3FF" />
<path d="M99.5 21V20H99.0316L98.7318 20.3598L99.5 21ZM166.5 21H167.5V20H166.5V21ZM77 48L76.2318 47.3598L76 47.638V48H77ZM77 176H76V177H77V176ZM144 176V177H144.468L144.768 176.64L144 176ZM166.5 149L167.268 149.64L167.5 149.362V149H166.5ZM99.5 22H166.5V20H99.5V22ZM77.7682 48.6402L100.268 21.6402L98.7318 20.3598L76.2318 47.3598L77.7682 48.6402ZM78 176V48H76V176H78ZM144 175H77V177H144V175ZM144.768 176.64L167.268 149.64L165.732 148.36L143.232 175.36L144.768 176.64ZM167.5 149V21H165.5V149H167.5Z" fill="#A78BFA" mask="url(#path-1-inside-1_5994_68749)" />
<path d="M78 48H144M165.5 21.5L144 48M144 175V48" stroke="#A78BFA" />
<line x1="144.5" y1="180" x2="144.5" y2="194" stroke="#A78BFA" />
<line x1="77.5" y1="179" x2="77.5" y2="193" stroke="#A78BFA" />
<path d="M143.354 186.354C143.549 186.158 143.549 185.842 143.354 185.646L140.172 182.464C139.976 182.269 139.66 182.269 139.464 182.464C139.269 182.66 139.269 182.976 139.464 183.172L142.293 186L139.464 188.828C139.269 189.024 139.269 189.34 139.464 189.536C139.66 189.731 139.976 189.731 140.172 189.536L143.354 186.354ZM78.6464 185.646C78.4512 185.842 78.4512 186.158 78.6464 186.354L81.8284 189.536C82.0237 189.731 82.3403 189.731 82.5355 189.536C82.7308 189.34 82.7308 189.024 82.5355 188.828L79.7071 186L82.5355 183.172C82.7308 182.976 82.7308 182.66 82.5355 182.464C82.3403 182.269 82.0237 182.269 81.8284 182.464L78.6464 185.646ZM143 185.5H79V186.5H143V185.5Z" fill="#A78BFA" />
<path d="M108.403 198L106.409 191.455H107.466L108.881 196.466H108.949L110.347 191.455H111.42L112.801 196.449H112.869L114.284 191.455H115.341L113.347 198H112.358L110.926 192.972H110.824L109.392 198H108.403Z" fill="#7C3AED" />
<line x1="166.5" y1="153" x2="166.5" y2="168" stroke="#A78BFA" />
<path d="M164.496 163.936C164.461 163.663 164.21 163.469 163.936 163.504L159.473 164.076C159.199 164.111 159.005 164.362 159.041 164.636C159.076 164.91 159.326 165.103 159.6 165.068L163.568 164.56L164.076 168.527C164.111 168.801 164.362 168.995 164.636 168.959C164.91 168.924 165.103 168.674 165.068 168.4L164.496 163.936ZM146.504 186.064C146.539 186.337 146.79 186.531 147.064 186.496L151.527 185.924C151.801 185.889 151.995 185.638 151.959 185.364C151.924 185.09 151.674 184.897 151.4 184.932L147.432 185.44L146.924 181.473C146.889 181.199 146.638 181.005 146.364 181.041C146.09 181.076 145.897 181.326 145.932 181.6L146.504 186.064ZM163.604 163.694L146.604 185.694L147.396 186.306L164.396 164.306L163.604 163.694Z" fill="#A78BFA" />
<path d="M159.926 178.273V187H158.92V178.273H159.926Z" fill="#7C3AED" />
<line x1="186" y1="21.5" x2="171" y2="21.5" stroke="#A78BFA" />
<line x1="186" y1="148.5" x2="171" y2="148.5" stroke="#A78BFA" />
<path d="M178.646 146.354C178.842 146.549 179.158 146.549 179.354 146.354L182.536 143.172C182.731 142.976 182.731 142.66 182.536 142.464C182.34 142.269 182.024 142.269 181.828 142.464L179 145.293L176.172 142.464C175.976 142.269 175.66 142.269 175.464 142.464C175.269 142.66 175.269 142.976 175.464 143.172L178.646 146.354ZM179.354 22.6464C179.158 22.4512 178.842 22.4512 178.646 22.6464L175.464 25.8284C175.269 26.0237 175.269 26.3403 175.464 26.5355C175.66 26.7308 175.976 26.7308 176.172 26.5355L179 23.7071L181.828 26.5355C182.024 26.7308 182.34 26.7308 182.536 26.5355C182.731 26.3403 182.731 26.0237 182.536 25.8284L179.354 22.6464ZM179.5 146L179.5 23L178.5 23L178.5 146L179.5 146Z" fill="#A78BFA" />
<path d="M186.926 85.0625V89H185.92V80.2727H186.926V83.4773H187.011C187.165 83.1392 187.395 82.8707 187.702 82.6719C188.011 82.4702 188.423 82.3693 188.938 82.3693C189.384 82.3693 189.774 82.4588 190.109 82.6378C190.445 82.8139 190.705 83.0852 190.889 83.4517C191.077 83.8153 191.17 84.2784 191.17 84.8409V89H190.165V84.9091C190.165 84.3892 190.03 83.9872 189.76 83.7031C189.493 83.4162 189.122 83.2727 188.648 83.2727C188.318 83.2727 188.023 83.3423 187.761 83.4815C187.503 83.6207 187.298 83.8239 187.148 84.0909C187 84.358 186.926 84.6818 186.926 85.0625Z" fill="#7C3AED" />
</svg>
<svg width="270" height="222" viewBox="0 0 270 222" fill="none" xmlns="http://www.w3.org/2000/svg" class="tab" data-tab="5">
<path fill-rule="evenodd" clip-rule="evenodd" d="M169 163.481C169 171.5 147.734 178 121.5 178C95.2665 178 74 171.5 74 163.481V34H74.032C74.9574 26.7758 95.8555 21 121.5 21C147.17 21 168.084 26.7872 168.971 34.0214C168.97 34.0143 168.969 34.0071 168.968 34H169V163.481Z" fill="#F5F3FF" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M168 37.2688C168.655 36.3751 169 35.449 169 34.5V35V163.481C169 171.5 147.734 178 121.5 178C95.2665 178 74 171.5 74 163.481V35V34.5C74 35.449 74.3445 36.3751 75 37.2688V37.3833V37.5126V37.644V37.7777V37.9137V38.0518V38.1921V38.3346V38.4793V38.6261V38.7751V38.9262V39.0794V39.2348V39.3922V39.5518V39.7135V39.8772V40.043V40.2108V40.3807V40.5527V40.7266V40.9026V41.0806V41.2605V41.4425V41.6264V41.8123V42.0001V42.1899V42.3816V42.5752V42.7707V42.9682V43.1675V43.3687V43.5717V43.7766V43.9834V44.192V44.4024V44.6146V44.8287V45.0445V45.2621V45.4815V45.7026V45.9255V46.1501V46.3765V46.6046V46.8344V47.0659V47.2991V47.5339V47.7704V48.0086V48.2484V48.4899V48.733V48.9777V49.224V49.4719V49.7214V49.9724V50.225V50.4792V50.7349V50.9921V51.2509V51.5112V51.7729V52.0362V52.3009V52.5671V52.8348V53.1039V53.3744V53.6464V53.9198V54.1946V54.4707V54.7483V55.0272V55.3075V55.5892V55.8722V56.1565V56.4421V56.7291V57.0173V57.3069V57.5977V57.8898V58.1831V58.4777V58.7735V59.0706V59.3688V59.6683V59.969V60.2708V60.5739V60.878V61.1834V61.4899V61.7975V62.1062V62.4161V62.727V63.039V63.3521V63.6663V63.9816V64.2979V64.6152V64.9335V65.2529V65.5733V65.8946V66.217V66.5403V66.8646V67.1898V67.516V67.8431V68.1712V68.5001V68.8299V69.1607V69.4923V69.8248V70.1581V70.4923V70.8273V71.1632V71.4999V71.8373V72.1756V72.5147V72.8545V73.1951V73.5365V73.8785V74.2214V74.5649V74.9092V75.2541V75.5998V75.9461V76.2931V76.6408V76.9891V77.338V77.6876V78.0378V78.3886V78.7399V79.0919V79.4445V79.7976V80.1512V80.5055V80.8602V81.2155V81.5712V81.9275V82.2843V82.6415V82.9993V83.3574V83.7161V84.0751V84.4346V84.7945V85.1549V85.5156V85.8767V86.2381V86.6V86.9622V87.3247V87.6876V88.0508V88.4143V88.7781V89.1422V89.5066V89.8712V90.2361V90.6013V90.9667V91.3323V91.6982V92.0642V92.4305V92.7969V93.1635V93.5303V93.8972V94.2643V94.6315V94.9988V95.3663V95.7338V96.1015V96.4692V96.837V97.2048V97.5727V97.9407V98.3086V98.6766V99.0446V99.4126V99.7806V100.149V100.516V100.884V101.252V101.62V101.988V102.355V102.723V103.09V103.457V103.824V104.191V104.558V104.925V105.292V105.658V106.024V106.39V106.756V107.121V107.486V107.852V108.216V108.581V108.945V109.309V109.673V110.036V110.399V110.762V111.124V111.486V111.848V112.209V112.57V112.93V113.291V113.65V114.009V114.368V114.727V115.085V115.442V115.799V116.156V116.512V116.867V117.222V117.577V117.931V118.284V118.637V118.989V119.341V119.692V120.042V120.392V120.741V121.09V121.438V121.785V122.132V122.478V122.823V123.168V123.512V123.855V124.197V124.539V124.88V125.22V125.559V125.898V126.236V126.573V126.909V127.245V127.579V127.913V128.246V128.578V128.909V129.239V129.569V129.897V130.225V130.551V130.877V131.202V131.526V131.848V132.17V132.491V132.811V133.13V133.448V133.764V134.08V134.395V134.708V135.021V135.332V135.643V135.952V136.26V136.567V136.873V137.178V137.481V137.784V138.085V138.385V138.684V138.982V139.278V139.573V139.867V140.16V140.451V140.741V141.03V141.318V141.604V141.889V142.173V142.455V142.736V143.016V143.294V143.571V143.846V144.12V144.393V144.664V144.934V145.202V145.469V145.734V145.998V146.261V146.522V146.781V147.039V147.296V147.551V147.804V148.056V148.306V148.555V148.802V149.047V149.291V149.533V149.774V150.013V150.25V150.486V150.72V150.952V151.183V151.412V151.639V151.864V152.088V152.31V152.53V152.749V152.965V153.18V153.393V153.605V153.814V154.022V154.227V154.431V154.634V154.834V155.032V155.228V155.423V155.616V155.806V155.995V156.182V156.367V156.55V156.731V156.909V157.086V157.261V157.434V157.605V157.774V157.941V158.105V158.268V158.429V158.587V158.743V158.898V159.05V159.2V159.348V159.493V159.637V159.778V159.917V160.054V160.189V160.322V160.452V160.58V160.706V160.829V160.951V161.07V161.186V161.301V161.413V161.523V161.63V161.735V161.838V161.938V162.036V162.132V162.225V162.316V162.405V162.49V162.574V162.655V162.734V162.81V162.884V162.955V163.023V163.09V163.153V163.214V163.273V163.329V163.382V163.433V163.481C75 165.01 76.0165 166.659 78.3185 168.322C80.5976 169.969 83.9599 171.494 88.2047 172.791C96.682 175.382 108.454 177 121.5 177C134.546 177 146.318 175.382 154.795 172.791C159.04 171.494 162.402 169.969 164.681 168.322C166.983 166.659 168 165.01 168 163.481V163.457V163.429V163.398V163.365V163.329V163.291V163.25V163.205V163.159V163.109V163.057V163.003V162.945V162.885V162.823V162.757V162.689V162.619V162.546V162.47V162.392V162.311V162.228V162.142V162.054V161.963V161.87V161.774V161.676V161.575V161.472V161.367V161.259V161.148V161.035V160.92V160.802V160.682V160.56V160.435V160.308V160.179V160.047V159.913V159.777V159.639V159.498V159.355V159.209V159.062V158.912V158.76V158.606V158.449V158.291V158.13V157.967V157.802V157.635V157.465V157.294V157.12V156.944V156.767V156.587V156.405V156.221V156.035V155.847V155.657V155.465V155.271V155.075V154.877V154.677V154.475V154.271V154.065V153.858V153.648V153.436V153.223V153.008V152.791V152.572V152.351V152.128V151.904V151.677V151.449V151.219V150.988V150.754V150.519V150.282V150.043V149.803V149.561V149.317V149.072V148.825V148.576V148.325V148.073V147.82V147.564V147.307V147.049V146.788V146.527V146.263V145.999V145.732V145.464V145.195V144.924V144.651V144.377V144.102V143.825V143.547V143.267V142.986V142.703V142.419V142.134V141.847V141.559V141.269V140.978V140.686V140.392V140.097V139.801V139.503V139.204V138.904V138.603V138.3V137.996V137.691V137.385V137.077V136.769V136.459V136.147V135.835V135.522V135.207V134.891V134.574V134.256V133.937V133.617V133.296V132.974V132.65V132.326V132V131.674V131.346V131.018V130.688V130.358V130.026V129.694V129.361V129.026V128.691V128.355V128.018V127.68V127.341V127.001V126.661V126.319V125.977V125.634V125.29V124.946V124.6V124.254V123.907V123.559V123.211V122.861V122.511V122.161V121.809V121.457V121.104V120.751V120.397V120.042V119.687V119.33V118.974V118.617V118.259V117.9V117.541V117.182V116.822V116.461V116.1V115.738V115.376V115.013V114.65V114.286V113.922V113.558V113.192V112.827V112.461V112.095V111.728V111.361V110.994V110.626V110.258V109.889V109.521V109.151V108.782V108.412V108.042V107.672V107.301V106.931V106.56V106.188V105.817V105.445V105.073V104.701V104.329V103.956V103.584V103.211V102.838V102.465V102.092V101.719V101.346V100.972V100.599V100.226V99.852V99.4785V99.1049V98.7314V98.3578V97.9843V97.6108V97.2373V96.8638V96.4904V96.1171V95.7439V95.3707V94.9977V94.6247V94.2519V93.8793V93.5067V93.1343V92.7621V92.3901V92.0183V91.6466V91.2752V90.904V90.533V90.1623V89.7918V89.4216V89.0517V88.682V88.3127V87.9437V87.575V87.2066V86.8386V86.4709V86.1036V85.7366V85.3701V85.0039V84.6382V84.2729V83.908V83.5436V83.1796V82.8161V82.453V82.0905V81.7284V81.3669V81.0058V80.6453V80.2854V79.926V79.5672V79.2089V78.8512V78.4942V78.1377V77.7818V77.4266V77.0721V76.7181V76.3649V76.0123V75.6604V75.3092V74.9587V74.609V74.2599V73.9116V73.5641V73.2173V72.8713V72.5261V72.1816V71.838V71.4952V71.1533V70.8121V70.4718V70.1324V69.7939V69.4562V69.1195V68.7836V68.4487V68.1147V67.7816V67.4495V67.1183V66.7882V66.459V66.1308V65.8036V65.4774V65.1523V64.8281V64.5051V64.1831V63.8622V63.5423V63.2236V62.9059V62.5894V62.274V61.9598V61.6466V61.3347V61.0239V60.7143V60.4059V60.0987V59.7928V59.488V59.1845V58.8822V58.5812V58.2815V57.9831V57.6859V57.39V57.0955V56.8023V56.5104V56.2199V55.9307V55.6429V55.3565V55.0715V54.7879V54.5057V54.2249V53.9456V53.6677V53.3912V53.1163V52.8428V52.5708V52.3003V52.0314V51.7639V51.498V51.2336V50.9708V50.7096V50.4499V50.1919V49.9354V49.6805V49.4273V49.1757V48.9258V48.6775V48.4309V48.186V47.9427V47.7012V47.4613V47.2232V46.9868V46.7522V46.5193V46.2882V46.0589V45.8314V45.6057V45.3817V45.1596V44.9394V44.721V44.5044V44.2897V44.0769V43.866V43.6569V43.4498V43.2446V43.0414V42.84V42.6407V42.4433V42.2479V42.0545V41.863V41.6736V41.4862V41.3009V41.1175V40.9363V40.7571V40.58V40.4049V40.232V40.0612V39.8925V39.7259V39.5615V39.3992V39.2391V39.0812V38.9254V38.7719V38.6206V38.4715V38.3246V38.1799V38.0375V37.8974V37.7596V37.624V37.4908V37.3598V37.2688ZM74.032 34C74.0107 34.1659 74 34.3326 74 34.5V34H74.032ZM168.968 34H169V34.5C169 34.3326 168.989 34.1659 168.968 34Z" fill="#A78BFA" />
<path d="M168.5 34.5C168.5 36.109 167.348 37.754 164.988 39.3398C162.646 40.9136 159.224 42.3504 154.951 43.565C146.411 45.9921 134.584 47.5 121.5 47.5C108.416 47.5 96.5891 45.9921 88.0491 43.565C83.7757 42.3504 80.3537 40.9136 78.0117 39.3398C75.6516 37.754 74.5 36.109 74.5 34.5C74.5 32.891 75.6516 31.246 78.0117 29.6602C80.3537 28.0864 83.7757 26.6496 88.0491 25.435C96.5891 23.0079 108.416 21.5 121.5 21.5C134.584 21.5 146.411 23.0079 154.951 25.435C159.224 26.6496 162.646 28.0864 164.988 29.6602C167.348 31.246 168.5 32.891 168.5 34.5Z" stroke="#A78BFA" />
<line x1="169.5" y1="171" x2="169.5" y2="193" stroke="#A78BFA" />
<line x1="74.5" y1="169" x2="74.5" y2="191" stroke="#A78BFA" />
<path d="M167.354 185.354C167.549 185.158 167.549 184.842 167.354 184.646L164.172 181.464C163.976 181.269 163.66 181.269 163.464 181.464C163.269 181.66 163.269 181.976 163.464 182.172L166.293 185L163.464 187.828C163.269 188.024 163.269 188.34 163.464 188.536C163.66 188.731 163.976 188.731 164.172 188.536L167.354 185.354ZM76.6464 184.646C76.4512 184.842 76.4512 185.158 76.6464 185.354L79.8284 188.536C80.0237 188.731 80.3403 188.731 80.5355 188.536C80.7308 188.34 80.7308 188.024 80.5355 187.828L77.7071 185L80.5355 182.172C80.7308 181.976 80.7308 181.66 80.5355 181.464C80.3403 181.269 80.0237 181.269 79.8284 181.464L76.6464 184.646ZM167 184.5H77V185.5H167V184.5Z" fill="#A78BFA" />
<path d="M119.403 197L117.409 190.455H118.466L119.881 195.466H119.949L121.347 190.455H122.42L123.801 195.449H123.869L125.284 190.455H126.341L124.347 197H123.358L121.926 191.972H121.824L120.392 197H119.403Z" fill="#7C3AED" />
<line x1="189" y1="36.5" x2="174" y2="36.5" stroke="#A78BFA" />
<line x1="189" y1="163.5" x2="174" y2="163.5" stroke="#A78BFA" />
<path d="M181.646 161.354C181.842 161.549 182.158 161.549 182.354 161.354L185.536 158.172C185.731 157.976 185.731 157.66 185.536 157.464C185.34 157.269 185.024 157.269 184.828 157.464L182 160.293L179.172 157.464C178.976 157.269 178.66 157.269 178.464 157.464C178.269 157.66 178.269 157.976 178.464 158.172L181.646 161.354ZM182.354 37.6464C182.158 37.4512 181.842 37.4512 181.646 37.6464L178.464 40.8284C178.269 41.0237 178.269 41.3403 178.464 41.5355C178.66 41.7308 178.976 41.7308 179.172 41.5355L182 38.7071L184.828 41.5355C185.024 41.7308 185.34 41.7308 185.536 41.5355C185.731 41.3403 185.731 41.0237 185.536 40.8284L182.354 37.6464ZM182.5 161L182.5 38L181.5 38L181.5 161L182.5 161Z" fill="#A78BFA" />
<path d="M189.926 100.062V104H188.92V95.2727H189.926V98.4773H190.011C190.165 98.1392 190.395 97.8707 190.702 97.6719C191.011 97.4702 191.423 97.3693 191.938 97.3693C192.384 97.3693 192.774 97.4588 193.109 97.6378C193.445 97.8139 193.705 98.0852 193.889 98.4517C194.077 98.8153 194.17 99.2784 194.17 99.8409V104H193.165V99.9091C193.165 99.3892 193.03 98.9872 192.76 98.7031C192.493 98.4162 192.122 98.2727 191.648 98.2727C191.318 98.2727 191.023 98.3423 190.761 98.4815C190.503 98.6207 190.298 98.8239 190.148 99.0909C190 99.358 189.926 99.6818 189.926 100.062Z" fill="#7C3AED" />
</svg>
<svg width="270" height="222" viewBox="0 0 270 222" fill="none" xmlns="http://www.w3.org/2000/svg" class="tab" data-tab="6">
<path d="M90 35L26 100V196H155L219 131V99H186V67H154V35H90Z" fill="#F5F3FF" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M122.5 164.5V131.5H89.5V100.5H27V195H154.5V164.5H122.5ZM155.5 164.205V194.067L218 130.59V100.728L155.5 164.205ZM219 131L155 196H26V100L90 35H154V67H186V99H219V131ZM217.314 100H185.727L124.181 163.5H154.791L217.314 100ZM123.5 162.766V131.205L185 68.7286V99.3133L123.5 162.766ZM184.314 68L122.791 130.5H91.2071L153.707 68H184.314ZM153 67.2929V36.7283L90.5 100.205V129.793L153 67.2929ZM89.7906 99.5L152.314 36H90.4188L27.8957 99.5H89.7906Z" fill="#A78BFA" />
<line x1="155.5" y1="198" x2="155.5" y2="212" stroke="#A78BFA" />
<line x1="219.5" y1="136" x2="219.5" y2="151" stroke="#A78BFA" />
<path d="M216.5 143.992C216.495 143.715 216.268 143.495 215.992 143.5L211.492 143.576C211.216 143.581 210.996 143.809 211.001 144.085C211.005 144.361 211.233 144.581 211.509 144.576L215.509 144.508L215.576 148.508C215.581 148.784 215.809 149.004 216.085 148.999C216.361 148.995 216.581 148.767 216.576 148.491L216.5 143.992ZM157.5 204.008C157.505 204.285 157.732 204.505 158.008 204.5L162.508 204.424C162.784 204.419 163.004 204.191 162.999 203.915C162.995 203.639 162.767 203.419 162.491 203.424L158.491 203.492L158.424 199.492C158.419 199.216 158.191 198.996 157.915 199.001C157.639 199.005 157.419 199.233 157.424 199.509L157.5 204.008ZM215.641 143.652L157.641 203.652L158.359 204.348L216.359 144.348L215.641 143.652Z" fill="#A78BFA" />
<path d="M195.403 186L193.409 179.455H194.466L195.881 184.466H195.949L197.347 179.455H198.42L199.801 184.449H199.869L201.284 179.455H202.341L200.347 186H199.358L197.926 180.972H197.824L196.392 186H195.403Z" fill="#7C3AED" />
<line x1="152.5" y1="10" x2="152.5" y2="32" stroke="#A78BFA" />
<line x1="218.5" y1="42" x2="218.5" y2="98" stroke="#A78BFA" />
<line x1="90.5" y1="10" x2="90.5" y2="32" stroke="#A78BFA" />
<line x1="185.5" y1="42" x2="185.5" y2="64" stroke="#A78BFA" />
<line x1="244" y1="99.5" x2="222" y2="99.5" stroke="#A78BFA" />
<line x1="244" y1="130.5" x2="222" y2="130.5" stroke="#A78BFA" />
<path d="M151.354 26.3536C151.549 26.1583 151.549 25.8417 151.354 25.6464L148.172 22.4645C147.976 22.2692 147.66 22.2692 147.464 22.4645C147.269 22.6597 147.269 22.9763 147.464 23.1716L150.293 26L147.464 28.8284C147.269 29.0237 147.269 29.3403 147.464 29.5355C147.66 29.7308 147.976 29.7308 148.172 29.5355L151.354 26.3536ZM92.6464 25.6464C92.4512 25.8417 92.4512 26.1583 92.6464 26.3536L95.8284 29.5355C96.0237 29.7308 96.3403 29.7308 96.5355 29.5355C96.7308 29.3403 96.7308 29.0237 96.5355 28.8284L93.7071 26L96.5355 23.1716C96.7308 22.9763 96.7308 22.6597 96.5355 22.4645C96.3403 22.2692 96.0237 22.2692 95.8284 22.4645L92.6464 25.6464ZM151 25.5L93 25.5V26.5L151 26.5V25.5Z" fill="#A78BFA" />
<path d="M216.354 58.3536C216.549 58.1583 216.549 57.8417 216.354 57.6464L213.172 54.4645C212.976 54.2692 212.66 54.2692 212.464 54.4645C212.269 54.6597 212.269 54.9763 212.464 55.1716L215.293 58L212.464 60.8284C212.269 61.0237 212.269 61.3403 212.464 61.5355C212.66 61.7308 212.976 61.7308 213.172 61.5355L216.354 58.3536ZM187.646 57.6464C187.451 57.8417 187.451 58.1583 187.646 58.3536L190.828 61.5355C191.024 61.7308 191.34 61.7308 191.536 61.5355C191.731 61.3403 191.731 61.0237 191.536 60.8284L188.707 58L191.536 55.1716C191.731 54.9763 191.731 54.6597 191.536 54.4645C191.34 54.2692 191.024 54.2692 190.828 54.4645L187.646 57.6464ZM216 57.5H188V58.5H216V57.5Z" fill="#A78BFA" />
<path d="M229.646 129.354C229.842 129.549 230.158 129.549 230.354 129.354L233.536 126.172C233.731 125.976 233.731 125.66 233.536 125.464C233.34 125.269 233.024 125.269 232.828 125.464L230 128.293L227.172 125.464C226.976 125.269 226.66 125.269 226.464 125.464C226.269 125.66 226.269 125.976 226.464 126.172L229.646 129.354ZM230.354 100.646C230.158 100.451 229.842 100.451 229.646 100.646L226.464 103.828C226.269 104.024 226.269 104.34 226.464 104.536C226.66 104.731 226.976 104.731 227.172 104.536L230 101.707L232.828 104.536C233.024 104.731 233.34 104.731 233.536 104.536C233.731 104.34 233.731 104.024 233.536 103.828L230.354 100.646ZM230.5 129L230.5 101L229.5 101L229.5 129L230.5 129Z" fill="#A78BFA" />
<path d="M120.392 21.1364C119.847 21.1364 119.365 20.9986 118.947 20.723C118.53 20.4446 118.203 20.0526 117.967 19.5469C117.732 19.0384 117.614 18.4375 117.614 17.7443C117.614 17.0568 117.732 16.4602 117.967 15.9545C118.203 15.4489 118.531 15.0582 118.952 14.7827C119.372 14.5071 119.858 14.3693 120.409 14.3693C120.835 14.3693 121.172 14.4403 121.419 14.5824C121.669 14.7216 121.859 14.8807 121.99 15.0597C122.124 15.2358 122.227 15.3807 122.301 15.4943H122.386V12.2727H123.392V21H122.42V19.9943H122.301C122.227 20.1136 122.122 20.2642 121.986 20.446C121.849 20.625 121.655 20.7855 121.402 20.9276C121.149 21.0668 120.813 21.1364 120.392 21.1364ZM120.528 20.233C120.932 20.233 121.273 20.1278 121.551 19.9176C121.83 19.7045 122.041 19.4105 122.186 19.0355C122.331 18.6577 122.403 18.2216 122.403 17.7273C122.403 17.2386 122.332 16.8111 122.19 16.4446C122.048 16.0753 121.838 15.7884 121.56 15.5838C121.281 15.3764 120.938 15.2727 120.528 15.2727C120.102 15.2727 119.747 15.3821 119.463 15.6009C119.182 15.8168 118.97 16.1108 118.828 16.483C118.689 16.8523 118.619 17.267 118.619 17.7273C118.619 18.1932 118.69 18.6165 118.832 18.9972C118.977 19.375 119.19 19.6761 119.472 19.9006C119.756 20.1222 120.108 20.233 120.528 20.233Z" fill="#7C3AED" />
<path d="M200.92 53V46.4545H201.892V47.4432H201.96C202.08 47.1193 202.295 46.8565 202.608 46.6548C202.92 46.4531 203.273 46.3523 203.665 46.3523C203.739 46.3523 203.831 46.3537 203.942 46.3565C204.053 46.3594 204.136 46.3636 204.193 46.3693V47.392C204.159 47.3835 204.081 47.3707 203.959 47.3537C203.839 47.3338 203.713 47.3239 203.58 47.3239C203.261 47.3239 202.977 47.3906 202.727 47.5241C202.48 47.6548 202.284 47.8366 202.139 48.0696C201.997 48.2997 201.926 48.5625 201.926 48.858V53H200.92Z" fill="#7C3AED" />
<path d="M237.926 115.062V119H236.92V110.273H237.926V113.477H238.011C238.165 113.139 238.395 112.871 238.702 112.672C239.011 112.47 239.423 112.369 239.938 112.369C240.384 112.369 240.774 112.459 241.109 112.638C241.445 112.814 241.705 113.085 241.889 113.452C242.077 113.815 242.17 114.278 242.17 114.841V119H241.165V114.909C241.165 114.389 241.03 113.987 240.76 113.703C240.493 113.416 240.122 113.273 239.648 113.273C239.318 113.273 239.023 113.342 238.761 113.482C238.503 113.621 238.298 113.824 238.148 114.091C238 114.358 237.926 114.682 237.926 115.062Z" fill="#7C3AED" />
</svg>
<svg width="270" height="222" viewBox="0 0 270 222" fill="none" xmlns="http://www.w3.org/2000/svg" class="tab" data-tab="7">
<path d="M90.7906 115.5H59.2071L122.207 52.5H152.806L90.7906 115.5ZM91.5 116.205L153.5 53.2207V83.7975L91.5 147.766V116.205ZM92.1809 148.5L154.212 84.5H185.806L122.791 148.5H92.1809ZM123.5 149.205L186.5 85.2205V115.795L123.5 179.78V149.205ZM122.5 149.5V180.5H58.5V116.5H90.5V149V149.5H91H122.5Z" fill="#F5F3FF" stroke="#A78BFA" />
<line x1="153.5" y1="25" x2="153.5" y2="47" stroke="#A78BFA" />
<line x1="123.5" y1="25" x2="123.5" y2="47" stroke="#A78BFA" />
<path d="M151.354 41.3536C151.549 41.1583 151.549 40.8417 151.354 40.6464L148.172 37.4645C147.976 37.2692 147.66 37.2692 147.464 37.4645C147.269 37.6597 147.269 37.9763 147.464 38.1716L150.293 41L147.464 43.8284C147.269 44.0237 147.269 44.3403 147.464 44.5355C147.66 44.7308 147.976 44.7308 148.172 44.5355L151.354 41.3536ZM125.646 40.6464C125.451 40.8417 125.451 41.1583 125.646 41.3536L128.828 44.5355C129.024 44.7308 129.34 44.7308 129.536 44.5355C129.731 44.3403 129.731 44.0237 129.536 43.8284L126.707 41L129.536 38.1716C129.731 37.9763 129.731 37.6597 129.536 37.4645C129.34 37.2692 129.024 37.2692 128.828 37.4645L125.646 40.6464ZM151 40.5H126V41.5H151V40.5Z" fill="#A78BFA" />
<path d="M138.392 36.1364C137.847 36.1364 137.365 35.9986 136.947 35.723C136.53 35.4446 136.203 35.0526 135.967 34.5469C135.732 34.0384 135.614 33.4375 135.614 32.7443C135.614 32.0568 135.732 31.4602 135.967 30.9545C136.203 30.4489 136.531 30.0582 136.952 29.7827C137.372 29.5071 137.858 29.3693 138.409 29.3693C138.835 29.3693 139.172 29.4403 139.419 29.5824C139.669 29.7216 139.859 29.8807 139.99 30.0597C140.124 30.2358 140.227 30.3807 140.301 30.4943H140.386V27.2727H141.392V36H140.42V34.9943H140.301C140.227 35.1136 140.122 35.2642 139.986 35.446C139.849 35.625 139.655 35.7855 139.402 35.9276C139.149 36.0668 138.813 36.1364 138.392 36.1364ZM138.528 35.233C138.932 35.233 139.273 35.1278 139.551 34.9176C139.83 34.7045 140.041 34.4105 140.186 34.0355C140.331 33.6577 140.403 33.2216 140.403 32.7273C140.403 32.2386 140.332 31.8111 140.19 31.4446C140.048 31.0753 139.838 30.7884 139.56 30.5838C139.281 30.3764 138.938 30.2727 138.528 30.2727C138.102 30.2727 137.747 30.3821 137.463 30.6009C137.182 30.8168 136.97 31.1108 136.828 31.483C136.689 31.8523 136.619 32.267 136.619 32.7273C136.619 33.1932 136.69 33.6165 136.832 33.9972C136.977 34.375 137.19 34.6761 137.472 34.9006C137.756 35.1222 138.108 35.233 138.528 35.233Z" fill="#7C3AED" />
<line x1="123.5" y1="184" x2="123.5" y2="198" stroke="#A78BFA" />
<line x1="187.5" y1="122" x2="187.5" y2="137" stroke="#A78BFA" />
<path d="M184.5 129.992C184.495 129.715 184.268 129.495 183.992 129.5L179.492 129.576C179.216 129.581 178.996 129.809 179.001 130.085C179.005 130.361 179.233 130.581 179.509 130.576L183.509 130.508L183.576 134.508C183.581 134.784 183.809 135.004 184.085 134.999C184.361 134.995 184.581 134.767 184.576 134.491L184.5 129.992ZM125.5 190.008C125.505 190.285 125.732 190.505 126.008 190.5L130.508 190.424C130.784 190.419 131.004 190.191 130.999 189.915C130.995 189.639 130.767 189.419 130.491 189.424L126.491 189.492L126.424 185.492C126.419 185.216 126.191 184.996 125.915 185.001C125.639 185.005 125.419 185.233 125.424 185.509L125.5 190.008ZM183.641 129.652L125.641 189.652L126.359 190.348L184.359 130.348L183.641 129.652Z" fill="#A78BFA" />
<path d="M163.403 172L161.409 165.455H162.466L163.881 170.466H163.949L165.347 165.455H166.42L167.801 170.449H167.869L169.284 165.455H170.341L168.347 172H167.358L165.926 166.972H165.824L164.392 172H163.403Z" fill="#7C3AED" />
<line x1="212" y1="84.5" x2="190" y2="84.5" stroke="#A78BFA" />
<line x1="178" y1="52.5" x2="166" y2="52.5" stroke="#A78BFA" />
<line x1="186.5" y1="64" x2="186.5" y2="74" stroke="#A78BFA" />
<line x1="212" y1="115.5" x2="190" y2="115.5" stroke="#A78BFA" />
<path d="M205.926 100.062V104H204.92V95.2727H205.926V98.4773H206.011C206.165 98.1392 206.395 97.8707 206.702 97.6719C207.011 97.4702 207.423 97.3693 207.938 97.3693C208.384 97.3693 208.774 97.4588 209.109 97.6378C209.445 97.8139 209.705 98.0852 209.889 98.4517C210.077 98.8153 210.17 99.2784 210.17 99.8409V104H209.165V99.9091C209.165 99.3892 209.03 98.9872 208.76 98.7031C208.493 98.4162 208.122 98.2727 207.648 98.2727C207.318 98.2727 207.023 98.3423 206.761 98.4815C206.503 98.6207 206.298 98.8239 206.148 99.0909C206 99.358 205.926 99.6818 205.926 100.062Z" fill="#7C3AED" />
<path d="M193.562 73.5909C193.077 73.5909 192.659 73.5284 192.31 73.4034C191.96 73.2812 191.669 73.1193 191.436 72.9176C191.206 72.7188 191.023 72.5057 190.886 72.2784L191.688 71.7159C191.778 71.8352 191.893 71.9716 192.033 72.125C192.172 72.2812 192.362 72.4162 192.604 72.5298C192.848 72.6463 193.168 72.7045 193.562 72.7045C194.091 72.7045 194.527 72.5767 194.871 72.321C195.214 72.0653 195.386 71.6648 195.386 71.1193V69.7898H195.301C195.227 69.9091 195.122 70.0568 194.986 70.233C194.852 70.4062 194.659 70.5611 194.406 70.6974C194.156 70.831 193.818 70.8977 193.392 70.8977C192.864 70.8977 192.389 70.7727 191.969 70.5227C191.551 70.2727 191.22 69.9091 190.976 69.4318C190.734 68.9545 190.614 68.375 190.614 67.6932C190.614 67.0227 190.732 66.4389 190.967 65.9418C191.203 65.4418 191.531 65.0554 191.952 64.7827C192.372 64.5071 192.858 64.3693 193.409 64.3693C193.835 64.3693 194.173 64.4403 194.423 64.5824C194.676 64.7216 194.869 64.8807 195.003 65.0597C195.139 65.2358 195.244 65.3807 195.318 65.4943H195.42V64.4545H196.392V71.1875C196.392 71.75 196.264 72.2074 196.009 72.5597C195.756 72.9148 195.415 73.1747 194.986 73.3395C194.56 73.5071 194.085 73.5909 193.562 73.5909ZM193.528 69.9943C193.932 69.9943 194.273 69.902 194.551 69.7173C194.83 69.5327 195.041 69.267 195.186 68.9205C195.331 68.5739 195.403 68.1591 195.403 67.6761C195.403 67.2045 195.332 66.7884 195.19 66.4276C195.048 66.0668 194.838 65.7841 194.56 65.5795C194.281 65.375 193.938 65.2727 193.528 65.2727C193.102 65.2727 192.747 65.3807 192.463 65.5966C192.182 65.8125 191.97 66.1023 191.828 66.4659C191.689 66.8295 191.619 67.233 191.619 67.6761C191.619 68.1307 191.69 68.5327 191.832 68.8821C191.977 69.2287 192.19 69.5014 192.472 69.7003C192.756 69.8963 193.108 69.9943 193.528 69.9943Z" fill="#7C3AED" />
<path d="M171.58 47.1364C170.966 47.1364 170.438 46.9915 169.994 46.7017C169.551 46.4119 169.21 46.0128 168.972 45.5043C168.733 44.9957 168.614 44.4148 168.614 43.7614C168.614 43.0966 168.736 42.5099 168.98 42.0014C169.227 41.4901 169.571 41.0909 170.011 40.804C170.455 40.5142 170.972 40.3693 171.562 40.3693C172.023 40.3693 172.438 40.4545 172.807 40.625C173.176 40.7955 173.479 41.0341 173.714 41.3409C173.95 41.6477 174.097 42.0057 174.153 42.4148H173.148C173.071 42.1165 172.901 41.8523 172.636 41.6222C172.375 41.3892 172.023 41.2727 171.58 41.2727C171.188 41.2727 170.844 41.375 170.548 41.5795C170.256 41.7812 170.027 42.0668 169.862 42.4361C169.7 42.8026 169.619 43.233 169.619 43.7273C169.619 44.233 169.699 44.6733 169.858 45.0483C170.02 45.4233 170.247 45.7145 170.54 45.9219C170.835 46.1293 171.182 46.233 171.58 46.233C171.841 46.233 172.078 46.1875 172.291 46.0966C172.504 46.0057 172.685 45.875 172.832 45.7045C172.98 45.5341 173.085 45.3295 173.148 45.0909H174.153C174.097 45.4773 173.956 45.8253 173.732 46.1349C173.51 46.4418 173.216 46.6861 172.849 46.8679C172.486 47.0469 172.063 47.1364 171.58 47.1364Z" fill="#7C3AED" />
<path d="M197.646 114.354C197.842 114.549 198.158 114.549 198.354 114.354L201.536 111.172C201.731 110.976 201.731 110.66 201.536 110.464C201.34 110.269 201.024 110.269 200.828 110.464L198 113.293L195.172 110.464C194.976 110.269 194.66 110.269 194.464 110.464C194.269 110.66 194.269 110.976 194.464 111.172L197.646 114.354ZM198.354 85.6464C198.158 85.4512 197.842 85.4512 197.646 85.6464L194.464 88.8284C194.269 89.0237 194.269 89.3403 194.464 89.5355C194.66 89.7308 194.976 89.7308 195.172 89.5355L198 86.7071L200.828 89.5355C201.024 89.7308 201.34 89.7308 201.536 89.5355C201.731 89.3403 201.731 89.0237 201.536 88.8284L198.354 85.6464ZM198.5 114L198.5 86L197.5 86L197.5 114L198.5 114Z" fill="#A78BFA" />
<path d="M171.646 83.3536C171.842 83.5488 172.158 83.5488 172.354 83.3536L175.536 80.1716C175.731 79.9763 175.731 79.6597 175.536 79.4645C175.34 79.2692 175.024 79.2692 174.828 79.4645L172 82.2929L169.172 79.4645C168.976 79.2692 168.66 79.2692 168.464 79.4645C168.269 79.6597 168.269 79.9763 168.464 80.1716L171.646 83.3536ZM172.354 54.6464C172.158 54.4512 171.842 54.4512 171.646 54.6464L168.464 57.8284C168.269 58.0237 168.269 58.3403 168.464 58.5355C168.66 58.7308 168.976 58.7308 169.172 58.5355L172 55.7071L174.828 58.5355C175.024 58.7308 175.34 58.7308 175.536 58.5355C175.731 58.3403 175.731 58.0237 175.536 57.8284L172.354 54.6464ZM172.5 83L172.5 55L171.5 55L171.5 83L172.5 83Z" fill="#A78BFA" />
<path d="M155.646 68.6464C155.451 68.8417 155.451 69.1583 155.646 69.3536L158.828 72.5355C159.024 72.7308 159.34 72.7308 159.536 72.5355C159.731 72.3403 159.731 72.0237 159.536 71.8284L156.707 69L159.536 66.1716C159.731 65.9763 159.731 65.6597 159.536 65.4645C159.34 65.2692 159.024 65.2692 158.828 65.4645L155.646 68.6464ZM184.354 69.3536C184.549 69.1583 184.549 68.8417 184.354 68.6464L181.172 65.4645C180.976 65.2692 180.66 65.2692 180.464 65.4645C180.269 65.6597 180.269 65.9763 180.464 66.1716L183.293 69L180.464 71.8284C180.269 72.0237 180.269 72.3403 180.464 72.5355C180.66 72.7308 180.976 72.7308 181.172 72.5355L184.354 69.3536ZM156 69.5H184V68.5H156V69.5Z" fill="#A78BFA" />
</svg>
</div>
<div class="input-wrapper row tab tab--active" data-tab="0">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Length (l)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="length_a" value="10" />
</div>
</label> </div>
<div class="input-wrapper row tab tab--active" data-tab="0">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Depth (d)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="depth_a" value="2" />
</div>
</label> <label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Width (w)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="width_a" value="6" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="1">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Width/Diameter (w)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="width_b" value="9" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="1">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Depth (d)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="depth_b" value="0.8" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="2">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Length (l)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="length_c" value="12" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="2">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Height (h)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="height_c" value="3" />
</div>
</label> <label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Width (w)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="width_c" value="0.5" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="3">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Length (l)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="length_d" value="16" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="3">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Height (h)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="height_d" value="2.5" />
</div>
</label> <label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Width (w)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="width_d" value="0.2" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="4">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Length (l)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="length_e" value="0.75" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="4">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Height (h)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="height_e" value="12" />
</div>
</label> <label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Width (w)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="width_e" value="0.75" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="5">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Height (h)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="height_f" value="16" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="5">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Width/Diameter (w)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="width_f" value="1.2" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="6">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Depth (d)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="depth_g" value="0.75" />
</div>
</label> <label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Run (r)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="run_g" value="0.3" />
</div>
</label> <label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Number of Steps</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="steps_g" value="10" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="6">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Height/Rise (h)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="height_g" value="0.2" />
</div>
</label> <label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Width (w)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="width_g" value="1" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="7">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Depth (d)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="depth_h" value="0.3" />
</div>
</label> <label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Height (c)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="curb_h" value="0.5" />
</div>
</label> <label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Gutter (g)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="gutter_h" value="0.3" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="7">
<label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Height (h)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="height_h" value="0.3" />
</div>
</label> <label class="input col volume-calculator,density-calculator,cubic-yards-calculator,cylinder-volume-calculator ">
<p class="input__title">Width (w)</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="width_h" value="3" />
</div>
</label> </div>
</div>
<div class="calculator-content calculator-content--options calculator-content--gray col " >
<div class="calculator-content-head row">
<p class="calculator-content-head__title">Options</p>
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.7071 7.29289L9.99999 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68341 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z" fill="#9CA3AF"></path>
</svg>
</div>
<div class="calculator-content-body col">
<div class="input-wrapper row">
<label class="input col ">
<p class="input__title">Units</p>
<div class="dropdown-wrapper">
<div class="input-field row " tabindex="0">
<select class="input-field__text" onchange="toggleRelatedInputs(this)" id="units">
<option value="meters (m)" >
meters (m)
</option>
<option value="inches (in)" >
inches (in)
</option>
<option value="feets (ft)" >
feets (ft)
</option>
<option value="yards (yd)" >
yards (yd)
</option>
<option value="millimeters (mm)" >
millimeters (mm)
</option>
<option value="centimeters (cm)" >
centimeters (cm)
</option>
</select>
</div>
</div>
</label> </div>
<div class="input-wrapper row">
<label class="input col ">
<p class="input__title">Quantity</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="quantity" value="1" />
</div>
</label> </div>
<div class="input-wrapper row">
<label class="input col ">
<p class="input__title">Price</p>
<div class="input-field row">
<span class="input-field__hint">$</span>
<input type="text" class="input-field__input" placeholder="" id="price" value="" />
</div>
</label> <label class="input col ">
<p class="input__title">Per cubic</p>
<div class="dropdown-wrapper">
<div class="input-field row input-field--gray" tabindex="0">
<select class="input-field__text" onchange="toggleRelatedInputs(this)" id="per_cubic">
<option value="meter (m³)" >
meter (m³)
</option>
<option value="yard (yd³)" >
yard (yd³)
</option>
<option value="foot (ft³)" >
foot (ft³)
</option>
</select>
</div>
</div>
</label> </div>
</div>
</div>
<div class="calculator-content calculator-content--gray calculator-content--footer calculator-content--small row " >
<button class="button button--primary ml-auto" onclick="calculate(this); animateElements();" data-action="calculate" id="action-button">Calculate</button>
</div>
<script type="text/javascript" src="./assets/js/lib/math.min.js" async></script>
<script type="text/javascript" src="./assets/js/calculator.js" defer></script>
</div>
</div>
</div>
<div style="float:left;padding: 15px; overflow: scroll;">
<div class="calculator-result calculator-result--error col" id="error-box">
<div class="row">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM8.70711
7.29289C8.31658 6.90237 7.68342 6.90237 7.29289 7.29289C6.90237 7.68342 6.90237 8.31658 7.29289 8.70711L8.58579 10L7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289
12.7071C7.68342 13.0976 8.31658 13.0976 8.70711 12.7071L10 11.4142L11.2929 12.7071C11.6834 13.0976 12.3166 13.0976 12.7071 12.7071C13.0976 12.3166 13.0976 11.6834 12.7071
11.2929L11.4142 10L12.7071 8.70711C13.0976 8.31658 13.0976 7.68342 12.7071 7.29289C12.3166 6.90237 11.6834 6.90237 11.2929 7.29289L10 8.58579L8.70711 7.29289Z" fill="#F87171" class="dark:fill-red-200"></path>
</svg>
<p class="calculator-error__title">There was an error with your calculation.</p>
</div>
<div class="col" id="error-list"></div>
</div> <span id="calculator_result"><div class="calculator-result col">
<div class="result-table__wrapper">
<table class="result-table">
<thead class="dark">
<tr>
<th class="dark indigo" colspan="2">Answer</th>
</tr>
</thead>
<tbody class="animate">
<tr>
<th>Cubic Meters</th>
<td><span id="meters_volume">120</span> m³</td>
</tr>
<tr>
<th>Cubic Yards</th>
<td><span id="yards_volume">156.954074</span> yd³</td>
</tr>
<tr>
<th>Cubic Feet</th>
<td><span id="feet_volume">4237.76001</span> ft³</td>
</tr>
<tr id="cost_row" class="hidden">
<th>Cost</th>
<td>$ <span id="cost"></span></td>
</tr>
</tbody>
</table>
</div>
</div></span>
</div>
</div>
<script async src="./assets/js/lib/math.min.js"></script>
<script defer src="./assets/js/functions.js"></script>
</body>
</html>