text-string/ui.html at main · boriskirov/text-string · GitHub

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

    <style>
      <style > * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

      /*  Typography */
      @font-face {
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        src: url("https://rsms.me/inter/font-files/Inter-Regular.woff2?v=3.7")
            format("woff2"),
          url("https://rsms.me/inter/font-files/Inter-Regular.woff?v=3.7")
            format("woff");
      }

      @font-face {
        font-family: "Inter";
        font-style: normal;
        font-weight: 500;
        src: url("https://rsms.me/inter/font-files/Inter-Medium.woff2?v=3.7")
            format("woff2"),
          url("https://rsms.me/inter/font-files/Inter-Medium.woff2?v=3.7")
            format("woff");
      }

      @font-face {
        font-family: "Inter";
        font-style: normal;
        font-weight: 600;
        src: url("https://rsms.me/inter/font-files/Inter-SemiBold.woff2?v=3.7")
            format("woff2"),
          url("https://rsms.me/inter/font-files/Inter-SemiBold.woff2?v=3.7")
            format("woff");
      }

      .label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 32px;
        padding: 8px 4px 8px 16px;
        cursor: default;
        color: rgba(0, 0, 0, 0.3);
        background-color: #ffffff;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0.005em;
      }

      .button {
        display: inline-block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 1px 0 1px 0;
        padding: 5px 16px 5px 16px;
        text-decoration: none;
        border: 2px solid transparent;
        border-radius: 6px;
        outline: none;
      }

      .button--primary {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0.01em;
        color: #ffffff;
        background-color: #18a0fb;
      }

      .button--primary:enabled:active {
        border: 2px solid rgba(0, 0, 0, 0.3);
      }

      .button--primary:disabled {
        background-color: rgba(0, 0, 0, 0.3);
      }

      .button--primary-destructive {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0.01em;
        color: #ffffff;
        background-color: #f24822;
      }

      .button--primary-destructive:enabled:active {
        border: 2px solid rgba(0, 0, 0, 0.3);
      }

      .button--primary-destructive:disabled {
        opacity: 0.4;
      }

      .button--secondary {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0.005em;
        color: rgba(0, 0, 0, 0.8);
        border: 1px solid rgba(0, 0, 0, 0.8);
        background-color: #ffffff;
      }

      .button--secondary:enabled:active {
        padding: 4px 15px 4px 15px;
        border: 2px solid #18a0fb;
      }

      .button--secondary:disabled {
        color: rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(0, 0, 0, 0.3);
      }

      .button--secondary-destructive {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0.005em;
        color: #f24822;
        border: 1px solid #f24822;
        background-color: #ffffff;
      }

      .button--secondary-destructive:enabled:active {
        padding: 4px 15px 4px 15px;
        border: 2px solid #f24822;
      }

      .button--secondary-destructive:disabled {
        opacity: 0.4;
      }

      .button--margin-right {
        margin-right: 8px;
      }

      .input {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0.005em;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: visible;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 30px;
        margin: 1px 0 1px 0;
        padding: 8px 4px 8px 7px;
        color: rgba(0, 0, 0, 0.8);
        border: 1px solid transparent;
        border-radius: 2px;
        outline: none;
        background-color: #ffffff;
      }

      .input:hover {
        color: rgba(0, 0, 0, 0.8);
        border: 1px solid rgba(0, 0, 0, 0.1);
      }

      .input::-moz-selection {
        color: #000000;
        background-color: rgba(24, 145, 251, 0.3);
      }

      .input::selection {
        color: #000000;
        background-color: rgba(24, 145, 251, 0.3);
      }

      .input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.3);
        border: 1px solid transparent;
      }

      .input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.3);
        border: 1px solid transparent;
      }

      .input::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.3);
        border: 1px solid transparent;
      }

      .input::placeholder {
        color: rgba(0, 0, 0, 0.3);
        border: 1px solid transparent;
      }

      .input:not(:disabled):not(:hover):placeholder-shown {
        border: 1px solid transparent;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcAAAAABCAYAAABJ5n7WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgSURBVHgB7cMBCQAACMTAiR3sX1TQHr+DK2B+I0lSjj29qAEYlIbeBgAAAABJRU5ErkJggg==");
        background-repeat: no-repeat;
        background-position: center bottom -0.9px;
        background-size: calc(100% - 10px) 1px;
      }

      .input:not(:disabled):focus:placeholder-shown {
        border: 2px solid #18a0fb;
      }

      .input:not(:disabled):focus:not(:placeholder-shown) {
        padding-left: 6px;
      }

      .input:disabled:hover {
        border: 1px solid transparent;
      }

      .input:active,
      .input:focus {
        padding: 8px 4px 8px 6px;
        color: #000000;
        border: 2px solid #18a0fb;
        border-radius: 2px;
      }

      .input:disabled {
        position: relative;
        color: rgba(0, 0, 0, 0.3);
      }

      .input:disabled:active {
        padding: 8px 4px 8px 7px;
      }
    </style>

    <style>
      body {
        margin: 0;
        font-family: "Inter";
      }

      .flex {
        flex-direction: column;
      }

      h4 {
        margin: 4px 0;
      }
      ul {
        padding: 0;
        margin: 0;
      }

      ul > li {
        list-style-type: none;
      }
      .button-list {
        padding: 8px 12px 8px 16px;
        width: 100%;
        text-decoration: none;
        outline: none;
        border: none;
        border-radius: 0px;
        background-color: white;
        margin-top: 0px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        font-size: 12px;
        cursor: pointer;
      }

      .button-list:hover {
        background-color: #f2f2f2;
      }

      .button-list:active {
        background-color: #daebf7;
      }

      .button-type {
        transform: scale(0.75);
        margin-right: 6px;
      }

      .pd-8 {
        padding: 8px 16px;
      }

      .m-12-t {
        margin-top: 12px;
      }

      .type {
        font-size: 12px;
      }

      hr {
        height: 1px;
        background-color: #e7e7e7;
        border: none;
      }

      .flex-row {
        display: flex;
        flex-direction: row;
      }

      .input {
        margin: 0 12px 0 0;
      }
    </style>
    <style>
      .figma-light body {
        background-color: white;
        color: #303030;
      }

      .figma-dark body {
        background-color: #222222;
        color: #f2f2f2;
      }

      .figma-dark .button-list:hover {
        background-color: #303030:
      }

      .figma-dark .button-list,
      .figma-dark label {
        background-color: #222222;
        color: #f2f2f2;
      }

      .figma-dark .button-type {
        -webkit-filter: invert(100%);
        filter: invert(100%);
      }

      .figma-dark hr {
        background-color: #303030;
      }

      .figma-dark input {
        background-color: #303030;
        color: #fefefe;
      }

      .figma-dark input:focus, .figma-dark input::placeholder {
        color: f2f2f2;
      }
    </style>
  </head>

  <body>
    <div class="flex pd-8">
      <h4 class="h5">Strings</h4>

      <span class="type">
        Select your text and randomize your data with different formats.
      </span>
    </div>

    <hr />

    <div class="flex">
      <label class="label">Convert to</label>
      <ul>
        <li class="list-item">
          <button id="date" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 3.75H4.5C4.08579 3.75 3.75 4.08579 3.75 4.5V19.5C3.75 19.9142 4.08579 20.25 4.5 20.25H19.5C19.9142 20.25 20.25 19.9142 20.25 19.5V4.5C20.25 4.08579 19.9142 3.75 19.5 3.75Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 2.25V5.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 2.25V5.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.75 8.25H20.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.625 12H11.25L9.75 13.875C9.99686 13.8746 10.24 13.9351 10.4579 14.0512C10.6757 14.1672 10.8616 14.3353 10.999 14.5404C11.1363 14.7455 11.2209 14.9814 11.2453 15.2271C11.2696 15.4727 11.2329 15.7206 11.1385 15.9487C11.0441 16.1768 10.8949 16.378 10.704 16.5346C10.5132 16.6912 10.2866 16.7983 10.0445 16.8463C9.80236 16.8944 9.5521 16.8819 9.31593 16.81C9.07976 16.7382 8.86497 16.6091 8.69062 16.4344' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5 13.125L15 12V16.875' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Date</span>
          </button>
        </li>
        <li class="list-item">
          <button id="duration-ms" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25Z' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M12 12L15.7125 8.28751' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.75 0.75H14.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Duration in milliseconds</span>
          </button>
        </li>
        <li class="list-item">
          <button id="duration-s" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25Z' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M12 12L15.7125 8.28751' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.75 0.75H14.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Duration in seconds</span>
          </button>
        </li>
        <li class="list-item">
          <button id="health" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12H6.75L8.25 9.75L11.25 14.25L12.75 12H15' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.63438 9.00001C2.625 8.87813 2.625 8.74688 2.625 8.62501C2.625 7.49803 3.01546 6.40585 3.72996 5.53431C4.44445 4.66277 5.43884 4.0657 6.54393 3.84468C7.64903 3.62366 8.79657 3.79235 9.79131 4.32204C10.7861 4.85174 11.5665 5.70972 12 6.75001V6.75001C12.4335 5.70972 13.2139 4.85174 14.2087 4.32204C15.2034 3.79235 16.351 3.62366 17.4561 3.84468C18.5612 4.0657 19.5555 4.66277 20.27 5.53431C20.9845 6.40585 21.375 7.49803 21.375 8.62501C21.375 15 12 20.25 12 20.25C12 20.25 8.25938 18.15 5.50313 15' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Health</span>
          </button>
        </li>
        <li class="list-item">
          <button id="monitor" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 18L19.5 18C20.3284 18 21 17.3284 21 16.5V6C21 5.17157 20.3284 4.5 19.5 4.5L4.5 4.5C3.67157 4.5 3 5.17157 3 6V16.5C3 17.3284 3.67157 18 4.5 18Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 21H9' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Monitor</span>
          </button>
        </li>
        <li class="list-item">
          <button id="percentage" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 5.25L5.25 18.75' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.125 9.75C8.57475 9.75 9.75 8.57475 9.75 7.125C9.75 5.67525 8.57475 4.5 7.125 4.5C5.67525 4.5 4.5 5.67525 4.5 7.125C4.5 8.57475 5.67525 9.75 7.125 9.75Z' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M16.875 19.5C18.3247 19.5 19.5 18.3247 19.5 16.875C19.5 15.4253 18.3247 14.25 16.875 14.25C15.4253 14.25 14.25 15.4253 14.25 16.875C14.25 18.3247 15.4253 19.5 16.875 19.5Z' stroke='black' stroke-miterlimit='10'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Percentage</span>
          </button>
        </li>
        <li class="list-item">
          <button id="service" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 16.6219V7.37812C20.9993 7.2446 20.9634 7.11362 20.8959 6.99841C20.8284 6.88319 20.7317 6.78781 20.6156 6.72187L12.3656 2.08125C12.2545 2.01706 12.1284 1.98328 12 1.98328C11.8716 1.98328 11.7455 2.01706 11.6344 2.08125L3.38437 6.72187C3.26827 6.78781 3.1716 6.88319 3.10411 6.99841C3.03663 7.11362 3.00072 7.2446 3 7.37812V16.6219C3.00072 16.7554 3.03663 16.8864 3.10411 17.0016C3.1716 17.1168 3.26827 17.2122 3.38437 17.2781L11.6344 21.9187C11.7455 21.9829 11.8716 22.0167 12 22.0167C12.1284 22.0167 12.2545 21.9829 12.3656 21.9187L20.6156 17.2781C20.7317 17.2122 20.8284 17.1168 20.8959 17.0016C20.9634 16.8864 20.9993 16.7554 21 16.6219V16.6219Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5938 14.2969V9.42188L7.5 4.40625' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.8969 6.99374L12.0844 12L3.10313 6.99374' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0844 12L12 22.0125' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Service</span>
          </button>
        </li>
        <li class="list-item">
          <button id="severity" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75V13.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7063 3.74999L2.45625 18C2.32482 18.2276 2.25552 18.4858 2.25528 18.7487C2.25505 19.0115 2.3239 19.2698 2.45492 19.4977C2.58595 19.7256 2.77456 19.915 3.00185 20.0471C3.22915 20.1791 3.48714 20.2491 3.75 20.25H20.25C20.5129 20.2491 20.7709 20.1791 20.9981 20.0471C21.2254 19.915 21.414 19.7256 21.5451 19.4977C21.6761 19.2698 21.745 19.0115 21.7447 18.7487C21.7445 18.4858 21.6752 18.2276 21.5438 18L13.2938 3.74999C13.1633 3.52206 12.975 3.33263 12.7478 3.20088C12.5206 3.06914 12.2626 2.99976 12 2.99976C11.7374 2.99976 11.4794 3.06914 11.2522 3.20088C11.025 3.33263 10.8367 3.52206 10.7063 3.74999V3.74999Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 17.75C12.4832 17.75 12.875 17.3582 12.875 16.875C12.875 16.3918 12.4832 16 12 16C11.5168 16 11.125 16.3918 11.125 16.875C11.125 17.3582 11.5168 17.75 12 17.75Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Severity</span>
          </button>
        </li>
        <li class="list-item">
          <button id="change" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 3.75H20.25V20.25H16.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 3.75H3.75V20.25H7.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Span / Trace ID</span>
          </button>
        </li>
        <li class="list-item">
          <button id="trace" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.875 12C20.9105 12 21.75 11.1605 21.75 10.125C21.75 9.08947 20.9105 8.25 19.875 8.25C18.8395 8.25 18 9.08947 18 10.125C18 11.1605 18.8395 12 19.875 12Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.125 12C5.16053 12 6 11.1605 6 10.125C6 9.08947 5.16053 8.25 4.125 8.25C3.08947 8.25 2.25 9.08947 2.25 10.125C2.25 11.1605 3.08947 12 4.125 12Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.625 7.5C9.66053 7.5 10.5 6.66053 10.5 5.625C10.5 4.58947 9.66053 3.75 8.625 3.75C7.58947 3.75 6.75 4.58947 6.75 5.625C6.75 6.66053 7.58947 7.5 8.625 7.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.375 7.5C16.4105 7.5 17.25 6.66053 17.25 5.625C17.25 4.58947 16.4105 3.75 15.375 3.75C14.3395 3.75 13.5 4.58947 13.5 5.625C13.5 6.66053 14.3395 7.5 15.375 7.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.175 14.6156C16.2352 14.0893 15.5412 13.2133 15.2438 12.1781V12.1781C15.0414 11.4741 14.6156 10.8549 14.0304 10.4142C13.4452 9.97352 12.7326 9.73517 12 9.73517C11.2674 9.73517 10.5548 9.97352 9.96961 10.4142C9.38444 10.8549 8.95855 11.4741 8.75625 12.1781C8.4588 13.2133 7.76476 14.0893 6.825 14.6156C6.24027 14.9342 5.77815 15.4382 5.51143 16.0484C5.24472 16.6585 5.18857 17.34 5.35184 17.9856C5.51511 18.6311 5.88851 19.204 6.41322 19.614C6.93793 20.024 7.58412 20.2477 8.25 20.25C8.65229 20.2502 9.05062 20.1706 9.42187 20.0156C10.2392 19.6768 11.1152 19.5023 12 19.5023C12.8848 19.5023 13.7608 19.6768 14.5781 20.0156C14.9494 20.1706 15.3477 20.2502 15.75 20.25C16.4159 20.2477 17.0621 20.024 17.5868 19.614C18.1115 19.204 18.4849 18.6311 18.6482 17.9856C18.8114 17.34 18.7553 16.6585 18.4886 16.0484C18.2219 15.4382 17.7597 14.9342 17.175 14.6156Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Trace</span>
          </button>
        </li>
        <li class="list-item">
          <button id="tpm" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.75 17.25V15.1031C21.75 9.71251 17.4188 5.26876 12.0375 5.25001C10.754 5.24507 9.48208 5.49362 8.29482 5.98139C7.10756 6.46917 6.0283 7.18657 5.11895 8.09243C4.20961 8.99829 3.48807 10.0748 2.99575 11.2602C2.50342 12.4455 2.24999 13.7165 2.25 15V17.25C2.25 17.4489 2.32902 17.6397 2.46967 17.7803C2.61032 17.921 2.80109 18 3 18H21C21.1989 18 21.3897 17.921 21.5303 17.7803C21.671 17.6397 21.75 17.4489 21.75 17.25Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 5.25V8.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.4219 12.4781L18.5156 13.2562' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.57812 12.4781L5.48438 13.2562' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3062 18L7.89375 9.64688' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Throughput</span>
          </button>
        </li>
        <li class="list-item">
          <button id="dependecy" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.375 20.25C7.82475 20.25 9 19.0747 9 17.625C9 16.1753 7.82475 15 6.375 15C4.92525 15 3.75 16.1753 3.75 17.625C3.75 19.0747 4.92525 20.25 6.375 20.25Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.625 9C19.0747 9 20.25 7.82475 20.25 6.375C20.25 4.92525 19.0747 3.75 17.625 3.75C16.1753 3.75 15 4.92525 15 6.375C15 7.82475 16.1753 9 17.625 9Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.375 9C7.82475 9 9 7.82475 9 6.375C9 4.92525 7.82475 3.75 6.375 3.75C4.92525 3.75 3.75 4.92525 3.75 6.375C3.75 7.82475 4.92525 9 6.375 9Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.37502 15V14.25C6.37378 13.9542 6.43113 13.661 6.54376 13.3875C6.6564 13.114 6.82208 12.8654 7.03126 12.6562C7.24044 12.4471 7.48897 12.2814 7.76252 12.1687C8.03606 12.0561 8.3292 11.9988 8.62502 12H15.375C15.6708 12.0012 15.964 11.9439 16.2375 11.8313C16.5111 11.7186 16.7596 11.5529 16.9688 11.3438C17.178 11.1346 17.3436 10.886 17.4563 10.6125C17.5689 10.339 17.6263 10.0458 17.625 9.75V9' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.375 9V15' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Dependency</span>
          </button>
        </li>
        <li class="list-item">
          <button id="error-message" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 9.75C18.75 6.02208 15.7279 3 12 3C8.27208 3 5.25 6.02208 5.25 9.75V14.25C5.25 17.9779 8.27208 21 12 21C15.7279 21 18.75 17.9779 18.75 14.25V9.75Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.75 12.75H21' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12.75H5.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 15.75H5.41875' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 9.75H21' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12.75V21' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5811 15.75H20.9998' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.24072 2.625L7.47197 4.74375' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.7404 2.625L16.5186 4.73438' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Error message</span>
          </button>
        </li>
        <li class="list-item">
          <button id="last-seen" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.25C4.5 5.25 1.5 12 1.5 12C1.5 12 4.5 18.75 12 18.75C19.5 18.75 22.5 12 22.5 12C22.5 12 19.5 5.25 12 5.25Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Last seen</span>
          </button>
        </li>
        <li class="list-item">
          <button id="transaction" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15H19.5C19.6989 15 19.8897 14.921 20.0303 14.7803C20.171 14.6397 20.25 14.4489 20.25 14.25V4.5C20.25 4.30109 20.171 4.11032 20.0303 3.96967C19.8897 3.82902 19.6989 3.75 19.5 3.75H9C8.80109 3.75 8.61032 3.82902 8.46967 3.96967C8.32902 4.11032 8.25 4.30109 8.25 4.5V5.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.75 12.75L7.5 15L9.75 17.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 9H4.5C4.30109 9 4.11032 9.07902 3.96967 9.21967C3.82902 9.36032 3.75 9.55109 3.75 9.75V19.5C3.75 19.6989 3.82902 19.8897 3.96967 20.0303C4.11032 20.171 4.30109 20.25 4.5 20.25H15C15.1989 20.25 15.3897 20.171 15.5303 20.0303C15.671 19.8897 15.75 19.6989 15.75 19.5V18.75' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.25 11.25L16.5 9L14.25 6.75' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Transaction</span>
          </button>
        </li>
        <li class="list-item">
          <button id="error-type" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.10938 18.8906C4.24688 18.0281 4.81875 16.2187 4.37813 15.1594C3.9375 14.1 2.25 13.1719 2.25 12C2.25 10.8281 3.91875 9.9375 4.37813 8.84063C4.8375 7.74375 4.24688 5.97187 5.10938 5.10938C5.97187 4.24688 7.78125 4.81875 8.84063 4.37813C9.9 3.9375 10.8281 2.25 12 2.25C13.1719 2.25 14.0625 3.91875 15.1594 4.37813C16.2562 4.8375 18.0281 4.24688 18.8906 5.10938C19.7531 5.97187 19.1813 7.78125 19.6219 8.84063C20.0625 9.9 21.75 10.8281 21.75 12C21.75 13.1719 20.0813 14.0625 19.6219 15.1594C19.1625 16.2562 19.7531 18.0281 18.8906 18.8906C18.0281 19.7531 16.2187 19.1813 15.1594 19.6219C14.1 20.0625 13.1719 21.75 12 21.75C10.8281 21.75 9.9375 20.0813 8.84063 19.6219C7.74375 19.1625 5.97187 19.7531 5.10938 18.8906Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 7.5V12.75' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 17.25C12.6213 17.25 13.125 16.7463 13.125 16.125C13.125 15.5037 12.6213 15 12 15C11.3787 15 10.875 15.5037 10.875 16.125C10.875 16.7463 11.3787 17.25 12 17.25Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Error type</span>
          </button>
        </li>
        <li class="list-item">
          <button id="storage-size" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 13.5H4.5C4.08579 13.5 3.75 13.8358 3.75 14.25V18.75C3.75 19.1642 4.08579 19.5 4.5 19.5H19.5C19.9142 19.5 20.25 19.1642 20.25 18.75V14.25C20.25 13.8358 19.9142 13.5 19.5 13.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5 4.5H4.5C4.08579 4.5 3.75 4.83579 3.75 5.25V9.75C3.75 10.1642 4.08579 10.5 4.5 10.5H19.5C19.9142 10.5 20.25 10.1642 20.25 9.75V5.25C20.25 4.83579 19.9142 4.5 19.5 4.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.75 8.375C17.3023 8.375 17.75 7.92728 17.75 7.375C17.75 6.82272 17.3023 6.375 16.75 6.375C16.1977 6.375 15.75 6.82272 15.75 7.375C15.75 7.92728 16.1977 8.375 16.75 8.375Z' fill='black'/%3E%3Cpath d='M16.75 17.375C17.3023 17.375 17.75 16.9273 17.75 16.375C17.75 15.8227 17.3023 15.375 16.75 15.375C16.1977 15.375 15.75 15.8227 15.75 16.375C15.75 16.9273 16.1977 17.375 16.75 17.375Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Storage size</span>
          </button>
        </li>
        <li class="list-item">
          <button id="host-name" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 6.75H9' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 9.75H9' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.75 20.25V3.75C18.75 3.33579 18.4142 3 18 3L6 3C5.58579 3 5.25 3.33579 5.25 3.75L5.25 20.25C5.25 20.6642 5.58579 21 6 21H18C18.4142 21 18.75 20.6642 18.75 20.25Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18C12.6213 18 13.125 17.4963 13.125 16.875C13.125 16.2537 12.6213 15.75 12 15.75C11.3787 15.75 10.875 16.2537 10.875 16.875C10.875 17.4963 11.3787 18 12 18Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Host name</span>
          </button>
        </li>
        <li class="list-item">
          <button id="traffic" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='21' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 19.4985V15.0135H16.5V21H0V0H16.5V5.9985H15V1.5015H1.5V19.4985H15Z' fill='black'/%3E%3Cpath d='M6.75 13.5V12H16.5V13.5H6.75Z' fill='%23343741'/%3E%3Cpath d='M19.5 12.75L24 8.25L19.5 3.75V12.75Z' fill='black'/%3E%3Cpath d='M8.25 8.25V17.25L3.75 12.75L8.25 8.25Z' fill='black'/%3E%3Cpath d='M10.5 9V7.5H20.25V9H10.5Z' fill='black'/%3E%3C/svg%3E%0A" /></span
            ><span class="button-text-type">Traffic (Mbit/s)</span>
          </button>
        </li>
        <li class="list-item">
          <button id="android-version" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0714 14.9681C16.5638 14.9681 16.1519 14.5694 16.1519 14.078C16.1519 13.5866 16.5638 13.1879 17.0714 13.1879C17.579 13.1879 17.9909 13.5866 17.9909 14.078C17.9909 14.5694 17.579 14.9681 17.0714 14.9681ZM6.94776 14.9681C6.44014 14.9681 6.0283 14.5694 6.0283 14.078C6.0283 13.5866 6.44014 13.1879 6.94776 13.1879C7.45538 13.1879 7.86722 13.5866 7.86722 14.078C7.86722 14.5694 7.45538 14.9681 6.94776 14.9681ZM17.397 9.62744L19.236 6.55843C19.3413 6.38226 19.2743 6.15973 19.0923 6.05774C18.9103 5.95575 18.6805 6.02065 18.5751 6.19682L16.717 9.30292C15.2995 8.67243 13.7096 8.32009 12.0144 8.32009C10.3191 8.32009 8.71964 8.67243 7.30213 9.29365L5.44406 6.18755C5.3387 6.01138 5.10884 5.94648 4.92686 6.04847C4.74489 6.15046 4.67784 6.37299 4.7832 6.54915L6.61254 9.61817C3.47105 11.2778 1.31606 14.3561 1 18H23C22.6935 14.3654 20.5481 11.2871 17.397 9.62744' fill='%23343741'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Android version</span>
          </button>
        </li>
        <li class="list-item">
          <button id="ios-version" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.09298 16.8393H3.74687V9.74433H2.09298V16.8393ZM2.91661 8.8139C3.4347 8.8139 3.83986 8.41229 3.83986 7.9103C3.83986 7.40159 3.4347 7 2.91661 7C2.40517 7 2 7.40161 2 7.9103C2 8.41231 2.40517 8.8139 2.91661 8.8139ZM9.25342 7.02003C6.45714 7.02003 4.70354 8.94104 4.70354 12.0134C4.70354 15.0857 6.45697 17 9.25342 17C12.0431 17 13.7967 15.0857 13.7967 12.0134C13.7967 8.94104 12.0432 7.02003 9.25342 7.02003ZM9.25342 8.49258C10.9604 8.49258 12.0497 9.85804 12.0497 12.0133C12.0497 14.1619 10.9604 15.5274 9.25342 15.5274C7.53978 15.5274 6.45714 14.1619 6.45714 12.0133C6.45714 9.85808 7.53981 8.49258 9.25342 8.49258ZM14.4943 14.1218C14.5674 15.9023 16.0154 17 18.2206 17C20.5387 17 22 15.8487 22 14.0147C22 12.5756 21.1764 11.7657 19.2302 11.3173L18.1277 11.0629C16.952 10.7818 16.4671 10.407 16.4671 9.76443C16.4671 8.96123 17.1978 8.42576 18.2804 8.42576C19.3764 8.42576 20.1269 8.96793 20.2066 9.87153H21.8406C21.8007 8.1714 20.4059 7.02008 18.2937 7.02008C16.2081 7.02008 14.7269 8.17803 14.7269 9.89157C14.7269 11.2704 15.5638 12.1272 17.3305 12.5355L18.5726 12.83C19.7814 13.1178 20.2729 13.5194 20.2729 14.2156C20.2729 15.0188 19.4692 15.5944 18.3136 15.5944C17.1446 15.5944 16.2612 15.0121 16.155 14.1218L14.4943 14.1218Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">iOS version</span>
          </button>
        </li>
        <li class="list-item">
          <button id="apple-mobile-device" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6.5' y='2.25' width='12.5' height='19.5' rx='1.58333' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='12.75' cy='18' r='1.5' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Apple mobile device</span>
          </button>
        </li>
        <li class="list-item">
          <button id="android-mobile-device" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='2.25' width='12.5' height='19.5' rx='1.58333' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='12.25' cy='18' r='1.5' fill='black'/%3E%3Crect x='9.25' y='4.5' width='6' height='1.5' rx='0.75' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Android mobile device</span>
          </button>
        </li>
        <li class="list-item">
          <button id="browser" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_28_109335)'%3E%3Cpath d='M12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25Z' stroke='%23343741' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.8339 4.47579C19.4307 3.76329 21.3807 3.82891 21.962 4.82266C22.9932 6.61329 19.1776 10.757 13.4401 14.0664C7.70261 17.3758 2.20886 18.6133 1.16824 16.8227C0.596361 15.8289 1.51511 14.1039 3.42761 12.2102' stroke='%23343741' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_28_109335'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Browser</span>
          </button>
        </li>
        <li class="list-item">
          <button id="country" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 9.75C4.5 6.02208 7.52208 3 11.25 3C14.9779 3 18 6.02208 18 9.75C18 13.2244 15.375 16.0857 12 16.4588V24H10.5V16.4588C7.12504 16.0857 4.5 13.2244 4.5 9.75Z' fill='%23343741'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Country</span>
          </button>
        </li>
        <li class="list-item">
          <button id="hundreds" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.78598 7.35246V20.2494H6.22424V8.98977H6.14867L3 11.0805V9.49356L6.22424 7.35246H7.78598Z' fill='black'/%3E%3Cpath d='M14.0612 20.2496C13.1124 20.2496 12.3042 19.9914 11.6367 19.475C10.9692 18.9545 10.4591 18.2009 10.1064 17.2143C9.75378 16.2235 9.57746 15.027 9.57746 13.6248C9.57746 12.231 9.75378 11.0408 10.1064 10.0542C10.4633 9.06343 10.9755 8.30775 11.643 7.78717C12.3147 7.26239 13.1208 7 14.0612 7C15.0016 7 15.8055 7.26239 16.4731 7.78717C17.1448 8.30775 17.657 9.06343 18.0096 10.0542C18.3665 11.0408 18.5449 12.231 18.5449 13.6248C18.5449 15.027 18.3686 16.2235 18.0159 17.2143C17.6633 18.2009 17.1532 18.9545 16.4856 19.475C15.8181 19.9914 15.01 20.2496 14.0612 20.2496ZM14.0612 18.8642C15.0016 18.8642 15.7321 18.4108 16.2526 17.504C16.7732 16.5972 17.0335 15.3041 17.0335 13.6248C17.0335 12.5081 16.9139 11.5572 16.6746 10.7721C16.4395 9.98704 16.0994 9.38879 15.6544 8.97737C15.2136 8.56594 14.6825 8.36023 14.0612 8.36023C13.1292 8.36023 12.4008 8.81993 11.876 9.73935C11.3512 10.6546 11.0888 11.9497 11.0888 13.6248C11.0888 14.7415 11.2064 15.6903 11.4415 16.4712C11.6766 17.2521 12.0145 17.8461 12.4553 18.2534C12.9004 18.6606 13.4356 18.8642 14.0612 18.8642Z' fill='black'/%3E%3Cpath d='M18.2002 8.10588V7.57647L20.1884 5.4C20.4218 5.1451 20.6139 4.92353 20.7649 4.73529C20.9159 4.5451 21.0276 4.36667 21.1002 4.2C21.1747 4.03137 21.212 3.8549 21.212 3.67059C21.212 3.45882 21.161 3.27549 21.059 3.12059C20.959 2.96569 20.8218 2.84608 20.6473 2.76176C20.4727 2.67745 20.2767 2.63529 20.059 2.63529C19.8276 2.63529 19.6257 2.68333 19.4531 2.77941C19.2825 2.87353 19.1502 3.00588 19.0561 3.17647C18.9639 3.34706 18.9178 3.54706 18.9178 3.77647H18.2237C18.2237 3.42353 18.3051 3.11373 18.4678 2.84706C18.6306 2.58039 18.8522 2.37255 19.1325 2.22353C19.4149 2.07451 19.7316 2 20.0825 2C20.4355 2 20.7482 2.07451 21.0208 2.22353C21.2933 2.37255 21.5071 2.57353 21.662 2.82647C21.8169 3.07941 21.8943 3.36078 21.8943 3.67059C21.8943 3.89216 21.8541 4.10882 21.7737 4.32059C21.6953 4.53039 21.558 4.76471 21.362 5.02353C21.1678 5.28039 20.8982 5.59412 20.5531 5.96471L19.2002 7.41176V7.45882H22.0002V8.10588H18.2002Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Hundreds</span>
          </button>
        </li>
        <li class="list-item">
          <button id="thousands" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.72301 7.34782V20.0751H6.18182V8.96359H6.10724L3 11.0268V9.46075L6.18182 7.34782H7.72301Z' fill='black'/%3E%3Cpath d='M13.9156 20.0753C12.9793 20.0753 12.1818 19.8205 11.523 19.3109C10.8643 18.7972 10.3609 18.0535 10.0129 17.0799C9.66492 16.1022 9.49091 14.9214 9.49091 13.5376C9.49091 12.1622 9.66492 10.9876 10.0129 10.014C10.3651 9.03628 10.8705 8.29054 11.5293 7.77681C12.1921 7.25894 12.9876 7 13.9156 7C14.8437 7 15.637 7.25894 16.2958 7.77681C16.9587 8.29054 17.4641 9.03628 17.8121 10.014C18.1643 10.9876 18.3403 12.1622 18.3403 13.5376C18.3403 14.9214 18.1663 16.1022 17.8183 17.0799C17.4703 18.0535 16.9669 18.7972 16.3082 19.3109C15.6495 19.8205 14.8519 20.0753 13.9156 20.0753ZM13.9156 18.7081C14.8437 18.7081 15.5645 18.2607 16.0783 17.3658C16.592 16.4709 16.8489 15.1948 16.8489 13.5376C16.8489 12.4356 16.7308 11.4972 16.4946 10.7225C16.2626 9.94774 15.927 9.35736 15.4879 8.95135C15.0529 8.54534 14.5288 8.34233 13.9156 8.34233C12.9959 8.34233 12.2771 8.79599 11.7592 9.7033C11.2413 10.6065 10.9824 11.8846 10.9824 13.5376C10.9824 14.6397 11.0984 15.576 11.3304 16.3466C11.5624 17.1172 11.8959 17.7034 12.3309 18.1053C12.7701 18.5072 13.2983 18.7081 13.9156 18.7081Z' fill='black'/%3E%3Cpath d='M20.0675 8.25C19.6754 8.25 19.3258 8.18267 19.0189 8.048C18.7139 7.91334 18.4713 7.7262 18.2911 7.48657C18.1129 7.24497 18.0158 6.96475 18 6.64591H18.7486C18.7644 6.84197 18.8317 7.01129 18.9506 7.15387C19.0694 7.29448 19.2248 7.4034 19.4169 7.48063C19.609 7.55787 19.8219 7.59648 20.0556 7.59648C20.317 7.59648 20.5487 7.55093 20.7507 7.45984C20.9527 7.36874 21.1111 7.242 21.226 7.07961C21.3409 6.91722 21.3983 6.72909 21.3983 6.51521C21.3983 6.29143 21.3428 6.09438 21.2319 5.92407C21.121 5.75178 20.9586 5.61712 20.7448 5.52008C20.5309 5.42304 20.2695 5.37452 19.9606 5.37452H19.4734V4.72101H19.9606C20.2022 4.72101 20.4141 4.67744 20.5962 4.5903C20.7804 4.50317 20.924 4.38039 21.027 4.22196C21.1319 4.06353 21.1844 3.87738 21.1844 3.6635C21.1844 3.45754 21.1389 3.27832 21.0478 3.12583C20.9567 2.97334 20.8279 2.85452 20.6616 2.76937C20.4972 2.68421 20.3032 2.64164 20.0794 2.64164C19.8695 2.64164 19.6714 2.68025 19.4853 2.75749C19.3011 2.83274 19.1506 2.94265 19.0337 3.08722C18.9169 3.2298 18.8535 3.40209 18.8436 3.60409H18.1307C18.1426 3.28525 18.2386 3.00602 18.4188 2.7664C18.5991 2.52479 18.8347 2.33666 19.1258 2.202C19.4189 2.06733 19.7407 2 20.0913 2C20.4675 2 20.7903 2.07624 21.0596 2.22873C21.329 2.37924 21.5359 2.57826 21.6805 2.82581C21.8251 3.07335 21.8973 3.3407 21.8973 3.62785C21.8973 3.97045 21.8072 4.26256 21.627 4.50416C21.4488 4.74576 21.2062 4.9131 20.8992 5.00618V5.05371C21.2834 5.11708 21.5835 5.28046 21.7993 5.54385C22.0152 5.80525 22.1231 6.12904 22.1231 6.51521C22.1231 6.84593 22.033 7.14298 21.8528 7.40637C21.6745 7.66778 21.431 7.87373 21.122 8.02424C20.8131 8.17475 20.4616 8.25 20.0675 8.25Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Thousands</span>
          </button>
        </li>
        <li class="list-item">
          <button id="nct" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9992 21C10.7565 21 9.74916 19.9926 9.74916 18.75C9.74916 17.5074 10.7565 16.5 11.9992 16.5C13.2418 16.5 14.2492 17.5074 14.2492 18.75C14.2492 19.9926 13.2418 21 11.9992 21ZM11.9992 19.5C12.4134 19.5 12.7492 19.1642 12.7492 18.75C12.7492 18.3358 12.4134 18 11.9992 18C11.5849 18 11.2492 18.3358 11.2492 18.75C11.2492 19.1642 11.5849 19.5 11.9992 19.5ZM16.7827 14.0392C17.0695 14.3381 17.0598 14.8128 16.761 15.0997C16.4622 15.3865 15.9874 15.3768 15.7005 15.078C14.7387 14.076 13.4158 13.5 11.9992 13.5C10.5937 13.5 9.28029 14.0669 8.31997 15.055C8.03128 15.3521 7.55646 15.3588 7.25942 15.0701C6.96238 14.7815 6.95561 14.3066 7.24429 14.0096C8.48422 12.7338 10.1843 12 11.9992 12C13.8285 12 15.5408 12.7455 16.7827 14.0392ZM19.813 10.8311C20.0998 11.1299 20.0901 11.6047 19.7913 11.8915C19.4925 12.1784 19.0177 12.1687 18.7309 11.8699C16.982 10.048 14.575 9 11.9992 9C9.44358 9 7.05394 10.0314 5.30781 11.8281C5.01912 12.1251 4.5443 12.1319 4.24726 11.8432C3.95022 11.5545 3.94345 11.0797 4.23213 10.7827C6.25786 8.69831 9.03412 7.5 11.9992 7.5C14.9877 7.5 17.7841 8.71753 19.813 10.8311ZM22.8433 7.62298C23.1301 7.92179 23.1204 8.39657 22.8216 8.68341C22.5228 8.97026 22.048 8.96055 21.7612 8.66173C19.2253 6.01998 15.7343 4.5 11.9992 4.5C8.29345 4.5 4.82758 5.99596 2.29565 8.60115C2.00696 8.89819 1.53214 8.90496 1.2351 8.61628C0.938059 8.32759 0.931288 7.85277 1.21997 7.55573C4.03151 4.66284 7.884 3 11.9992 3C16.147 3 20.0274 4.68951 22.8433 7.62298Z' fill='%23343741'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Network Connection Type</span>
          </button>
        </li>
        <li class="list-item">
          <button id="version" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.99945C13.2535 5.05792 14.8116 4.5 16.5 4.5C20.6421 4.5 24 7.85786 24 12C24 16.1421 20.6421 19.5 16.5 19.5C14.8116 19.5 13.2535 18.9421 12 18.0005C10.7465 18.9421 9.18841 19.5 7.5 19.5C3.35786 19.5 0 16.1421 0 12C0 7.85786 3.35786 4.5 7.5 4.5C9.18841 4.5 10.7465 5.05792 12 5.99945ZM10.8753 7.03872C9.91367 6.38322 8.75159 6 7.5 6C4.18629 6 1.5 8.68629 1.5 12C1.5 15.3137 4.18629 18 7.5 18C8.75159 18 9.91367 17.6168 10.8753 16.9613C9.7082 15.6391 9 13.9023 9 12C9 10.0977 9.7082 8.36089 10.8753 7.03872ZM17.0215 16.5L20.1387 8.04492H19.0312L16.5469 15.1348H16.4531L13.9688 8.04492H12.8613L15.9785 16.5H17.0215Z' fill='%23343741'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Semantic Version</span>
          </button>
        </li>
        <li class="list-item">
          <button id="alert-reason" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='0 0 24 24' fill='none' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpath d='M152,80V203.7a7.9,7.9,0,0,0,3.6,6.7l11,7.3a8,8,0,0,0,12.2-4.7L192,160' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3Cpath d='M192,160a40,40,0,0,0,0-80H152S97.5,80,45.1,36.1A8,8,0,0,0,32,42.2V197.8a8,8,0,0,0,13.1,6.1C97.5,160,152,160,152,160Z' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Alert Reason</span>
          </button>
        </li>
        <li class="list-item">
          <button id="alert-status" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='0 0 24 24' fill='none' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpath d='M56.2,112a71.8,71.8,0,1,1,143.6,0h0c0,35.8,7.5,56.6,14.1,68a8,8,0,0,1-6.9,12H49a8,8,0,0,1-6.9-12c6.6-11.4,14.1-32.2,14.1-68Z' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3Cpath d='M96,192v8a32,32,0,0,0,64,0v-8' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3Cpath d='M183.4,24a105,105,0,0,1,38,42.1' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3Cpath d='M34.6,66.1A105,105,0,0,1,72.6,24' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Alert Status</span>
          </button>
        </li>
        <li class="list-item">
          <button id="alert-source" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='0 0 24 24' fill='none' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpath d='M56.2,104a71.9,71.9,0,0,1,72.3-72c39.6.3,71.3,33.2,71.3,72.9V112c0,35.8,7.5,56.6,14.1,68a8,8,0,0,1-6.9,12H49a8,8,0,0,1-6.9-12c6.6-11.4,14.1-32.2,14.1-68Z' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3Cpath d='M96,192v8a32,32,0,0,0,64,0v-8' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Alert Source</span>
          </button>
        </li>
        <li class="list-item">
          <button id="data-field-apm" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='112' y1='48' x2='112' y2='208' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cpath d='M144,72h88a8,8,0,0,1,8,8v96a8,8,0,0,1-8,8H144' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3Cpath d='M112,184H24a8,8,0,0,1-8-8V80a8,8,0,0,1,8-8h88' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3Cline x1='50' y1='112' x2='78' y2='112' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cline x1='64' y1='112' x2='64' y2='148' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Data field APM</span>
          </button>
        </li>
        <li class="list-item">
          <button id="environment" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_199_173070)'%3E%3Cpath d='M15 9L3.75 20.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.00027 17.9992C1.50027 10.4992 7.50027 2.9992 20.2503 3.7492C21.0003 16.4992 13.5003 22.4992 6.00027 17.9992Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_199_173070'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Environment</span>
          </button>
        </li>
        <li class="list-item">
          <button id="log-level" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_2)'%3E%3Cpath d='M4.5 12V3.75C4.5 3.55109 4.57902 3.36032 4.71967 3.21967C4.86032 3.07902 5.05109 3 5.25 3H14.25L19.5 8.25V12' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.25 3V8.25H19.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.27732 20.7389C3.98609 20.7389 3.75 20.5028 3.75 20.2115V15.0142C3.75 14.6405 4.05297 14.3375 4.4267 14.3375V14.3375C4.80044 14.3375 5.10341 14.6405 5.10341 15.0142V19.4197C5.10341 19.532 5.19442 19.623 5.30669 19.623H7.28981C7.59794 19.623 7.84774 19.8728 7.84774 20.1809V20.1809C7.84774 20.4891 7.59794 20.7389 7.28981 20.7389H4.27732Z' fill='black'/%3E%3Cpath d='M14.3772 17.5382C14.3772 18.2363 14.2449 18.8301 13.9803 19.3198C13.7177 19.8095 13.3593 20.1835 12.9051 20.4419C12.4529 20.6982 11.9444 20.8264 11.3797 20.8264C10.8109 20.8264 10.3003 20.6972 9.84816 20.4388C9.39598 20.1804 9.03861 19.8064 8.77606 19.3167C8.5135 18.827 8.38222 18.2342 8.38222 17.5382C8.38222 16.8401 8.5135 16.2463 8.77606 15.7566C9.03861 15.2669 9.39598 14.8939 9.84816 14.6376C10.3003 14.3792 10.8109 14.25 11.3797 14.25C11.9444 14.25 12.4529 14.3792 12.9051 14.6376C13.3593 14.8939 13.7177 15.2669 13.9803 15.7566C14.2449 16.2463 14.3772 16.8401 14.3772 17.5382ZM13.0051 17.5382C13.0051 17.086 12.9373 16.7047 12.8019 16.3942C12.6685 16.0837 12.48 15.8483 12.2362 15.6878C11.9924 15.5274 11.7069 15.4471 11.3797 15.4471C11.0526 15.4471 10.7671 15.5274 10.5233 15.6878C10.2795 15.8483 10.0899 16.0837 9.95443 16.3942C9.82107 16.7047 9.75439 17.086 9.75439 17.5382C9.75439 17.9904 9.82107 18.3717 9.95443 18.6822C10.0899 18.9927 10.2795 19.2281 10.5233 19.3886C10.7671 19.549 11.0526 19.6293 11.3797 19.6293C11.7069 19.6293 11.9924 19.549 12.2362 19.3886C12.48 19.2281 12.6685 18.9927 12.8019 18.6822C12.9373 18.3717 13.0051 17.9904 13.0051 17.5382Z' fill='black'/%3E%3Cpath d='M20.0697 16.4067C19.806 16.4067 19.5881 16.2217 19.44 16.0035V16.0035C19.3608 15.8847 19.2639 15.7847 19.1493 15.7034C19.0368 15.6201 18.9076 15.5565 18.7618 15.5128C18.618 15.469 18.4586 15.4471 18.2835 15.4471C17.9564 15.4471 17.6688 15.5284 17.4208 15.6909C17.175 15.8535 16.9833 16.09 16.8457 16.4005C16.7082 16.7089 16.6394 17.086 16.6394 17.5319C16.6394 17.9779 16.7072 18.3571 16.8426 18.6697C16.978 18.9822 17.1697 19.2208 17.4177 19.3855C17.6657 19.548 17.9585 19.6293 18.296 19.6293C18.6023 19.6293 18.8639 19.5751 19.0806 19.4667C19.2994 19.3563 19.4661 19.201 19.5807 19.001C19.6974 18.801 19.7557 18.5644 19.7557 18.2915L20.0308 18.3321H18.8899C18.6085 18.3321 18.3804 18.104 18.3804 17.8226V17.8226C18.3804 17.5412 18.6085 17.3131 18.8899 17.3131H20.2527C20.6981 17.3131 21.0591 17.6742 21.0591 18.1196V18.1196C21.0591 18.6822 20.9403 19.1656 20.7028 19.5699C20.4652 19.972 20.1381 20.2825 19.7213 20.5013C19.3046 20.718 18.8274 20.8264 18.2898 20.8264C17.6897 20.8264 17.1625 20.6941 16.7082 20.4294C16.2539 20.1627 15.8997 19.7845 15.6455 19.2948C15.3933 18.803 15.2673 18.2196 15.2673 17.5444C15.2673 17.0256 15.3423 16.563 15.4923 16.1567C15.6444 15.7482 15.857 15.4023 16.1299 15.1189C16.4029 14.8355 16.7207 14.6199 17.0833 14.4719C17.4458 14.324 17.8386 14.25 18.2616 14.25C18.6242 14.25 18.9618 14.3031 19.2744 14.4094C19.5869 14.5136 19.8641 14.6615 20.1058 14.8533C20.3496 15.045 20.5486 15.2731 20.7028 15.5378C20.7186 15.5648 20.7339 15.5921 20.7486 15.6196C20.955 16.0071 20.6083 16.4067 20.1692 16.4067H20.0697Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_2'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Log Level</span>
          </button>
        </li>
        <li class="list-item">
          <button id="message" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 10.4999C15.75 10.6988 15.671 10.8896 15.5303 11.0302C15.3897 11.1709 15.1989 11.2499 15 11.2499H9C8.80109 11.2499 8.61032 11.1709 8.46967 11.0302C8.32902 10.8896 8.25 10.6988 8.25 10.4999C8.25 10.301 8.32902 10.1102 8.46967 9.96958C8.61032 9.82893 8.80109 9.74991 9 9.74991H15C15.1989 9.74991 15.3897 9.82893 15.5303 9.96958C15.671 10.1102 15.75 10.301 15.75 10.4999ZM15 12.7499H9C8.80109 12.7499 8.61032 12.8289 8.46967 12.9696C8.32902 13.1102 8.25 13.301 8.25 13.4999C8.25 13.6988 8.32902 13.8896 8.46967 14.0302C8.61032 14.1709 8.80109 14.2499 9 14.2499H15C15.1989 14.2499 15.3897 14.1709 15.5303 14.0302C15.671 13.8896 15.75 13.6988 15.75 13.4999C15.75 13.301 15.671 13.1102 15.5303 12.9696C15.3897 12.8289 15.1989 12.7499 15 12.7499ZM21.75 11.9999C21.7504 13.6832 21.3149 15.338 20.486 16.803C19.6572 18.2681 18.4631 19.4937 17.02 20.3604C15.577 21.2271 13.9341 21.7054 12.2514 21.7488C10.5686 21.7922 8.9033 21.3992 7.4175 20.608L4.22531 21.6721C3.96102 21.7602 3.6774 21.773 3.40624 21.709C3.13509 21.645 2.88711 21.5068 2.69011 21.3098C2.49311 21.1128 2.35486 20.8648 2.29087 20.5937C2.22688 20.3225 2.23967 20.0389 2.32781 19.7746L3.39187 16.5824C2.69639 15.2748 2.30793 13.826 2.256 12.3458C2.20406 10.8657 2.49001 9.39316 3.09213 8.04003C3.69425 6.6869 4.59672 5.48873 5.73105 4.53646C6.86537 3.58419 8.20173 2.90285 9.63869 2.54416C11.0756 2.18548 12.5754 2.15886 14.0242 2.46635C15.473 2.77383 16.8327 3.40733 18.0001 4.31875C19.1675 5.23018 20.1119 6.39558 20.7616 7.7265C21.4114 9.05741 21.7494 10.5189 21.75 11.9999ZM20.25 11.9999C20.2496 10.7344 19.9582 9.48593 19.3981 8.3511C18.838 7.21627 18.0244 6.2255 17.0201 5.45544C16.0159 4.68537 14.8479 4.15666 13.6067 3.91021C12.3654 3.66375 11.084 3.70616 9.86178 4.03415C8.63951 4.36215 7.50909 4.96693 6.55796 5.80171C5.60682 6.6365 4.86049 7.6789 4.37668 8.84828C3.89288 10.0177 3.68458 11.2827 3.7679 12.5454C3.85122 13.8082 4.22393 15.0349 4.85719 16.1305C4.91034 16.2225 4.94334 16.3247 4.954 16.4304C4.96467 16.5361 4.95276 16.6429 4.91906 16.7437L3.75 20.2499L7.25625 19.0808C7.33262 19.0548 7.41275 19.0415 7.49344 19.0415C7.62516 19.0417 7.7545 19.0766 7.86844 19.1427C9.12263 19.8684 10.5458 20.2509 11.9948 20.2518C13.4438 20.2527 14.8674 19.872 16.1225 19.1479C17.3776 18.4239 18.4199 17.382 19.1445 16.1272C19.869 14.8724 20.2503 13.4489 20.25 11.9999Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Message</span>
          </button>
        </li>
        <li class="list-item">
          <button id="profiling-function" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 3.75C19.5 3.94891 19.421 4.13968 19.2803 4.28033C19.1397 4.42098 18.9489 4.5 18.75 4.5H16.0041C15.477 4.49986 14.9666 4.68476 14.5619 5.02246C14.1572 5.36016 13.8839 5.82922 13.7897 6.34781L12.8991 11.25H17.25C17.4489 11.25 17.6397 11.329 17.7803 11.4697C17.921 11.6103 18 11.8011 18 12C18 12.1989 17.921 12.3897 17.7803 12.5303C17.6397 12.671 17.4489 12.75 17.25 12.75H12.6262L11.6888 17.9213C11.5315 18.7858 11.0756 19.5676 10.4007 20.1303C9.72574 20.693 8.87465 21.0008 7.99594 21H5.25C5.05109 21 4.86032 20.921 4.71967 20.7803C4.57902 20.6397 4.5 20.4489 4.5 20.25C4.5 20.0511 4.57902 19.8603 4.71967 19.7197C4.86032 19.579 5.05109 19.5 5.25 19.5H7.99594C8.52302 19.5001 9.03342 19.3152 9.43812 18.9775C9.84281 18.6398 10.1161 18.1708 10.2103 17.6522L11.1009 12.75H6.75C6.55109 12.75 6.36032 12.671 6.21967 12.5303C6.07902 12.3897 6 12.1989 6 12C6 11.8011 6.07902 11.6103 6.21967 11.4697C6.36032 11.329 6.55109 11.25 6.75 11.25H11.3737L12.3113 6.07875C12.4685 5.21423 12.9244 4.4324 13.5993 3.86971C14.2743 3.30702 15.1254 2.99921 16.0041 3H18.75C18.9489 3 19.1397 3.07902 19.2803 3.21967C19.421 3.36032 19.5 3.55109 19.5 3.75Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Profiling function</span>
          </button>
        </li>
        <li class="list-item">
          <button id="profiling-source-file" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0306 7.71938L14.7806 2.46938C14.7109 2.39975 14.6282 2.34454 14.5371 2.3069C14.4461 2.26926 14.3485 2.24992 14.25 2.25H5.25C4.85218 2.25 4.47064 2.40804 4.18934 2.68934C3.90804 2.97064 3.75 3.35218 3.75 3.75V12C3.75 12.1989 3.82902 12.3897 3.96967 12.5303C4.11032 12.671 4.30109 12.75 4.5 12.75C4.69891 12.75 4.88968 12.671 5.03033 12.5303C5.17098 12.3897 5.25 12.1989 5.25 12V3.75H13.5V8.25C13.5 8.44891 13.579 8.63968 13.7197 8.78033C13.8603 8.92098 14.0511 9 14.25 9H18.75V20.25H16.5C16.3011 20.25 16.1103 20.329 15.9697 20.4697C15.829 20.6103 15.75 20.8011 15.75 21C15.75 21.1989 15.829 21.3897 15.9697 21.5303C16.1103 21.671 16.3011 21.75 16.5 21.75H18.75C19.1478 21.75 19.5294 21.592 19.8107 21.3107C20.092 21.0294 20.25 20.6478 20.25 20.25V8.25C20.2501 8.15148 20.2307 8.05391 20.1931 7.96286C20.1555 7.87182 20.1003 7.78908 20.0306 7.71938ZM15 4.81031L17.6897 7.5H15V4.81031ZM10.125 12C9.16255 12 8.22164 12.2849 7.42084 12.8188C6.62003 13.3526 5.99517 14.1116 5.625 15C4.72989 15 3.87145 15.3556 3.23851 15.9885C2.60558 16.6215 2.25 17.4799 2.25 18.375C2.25 19.2701 2.60558 20.1285 3.23851 20.7615C3.87145 21.3944 4.72989 21.75 5.625 21.75H10.125C11.4179 21.75 12.6579 21.2364 13.5721 20.3221C14.4864 19.4079 15 18.1679 15 16.875C15 15.5821 14.4864 14.3421 13.5721 13.4279C12.6579 12.5136 11.4179 12 10.125 12ZM10.125 20.25H5.625C5.15825 20.2508 4.708 20.0774 4.36227 19.7638C4.01655 19.4503 3.80021 19.019 3.75555 18.5544C3.7109 18.0898 3.84113 17.6252 4.1208 17.2515C4.40047 16.8778 4.80946 16.6219 5.26781 16.5338C5.26334 16.7327 5.33806 16.9252 5.47555 17.069C5.61304 17.2128 5.80203 17.2961 6.00094 17.3006C6.19985 17.3051 6.39239 17.2304 6.53621 17.0929C6.68003 16.9554 6.76334 16.7664 6.76781 16.5675C6.78538 16.3748 6.81861 16.1839 6.86719 15.9966C6.87776 15.9659 6.88622 15.9346 6.8925 15.9028C7.07269 15.3038 7.41583 14.7666 7.88359 14.3513C8.35136 13.9359 8.92536 13.6588 9.54151 13.5507C10.1577 13.4427 10.7917 13.508 11.3729 13.7394C11.9541 13.9708 12.4595 14.3592 12.8328 14.8611C13.206 15.3631 13.4324 15.959 13.4867 16.5822C13.541 17.2053 13.421 17.8314 13.1401 18.3903C12.8593 18.9493 12.4286 19.4192 11.8962 19.7476C11.3638 20.0759 10.7505 20.2499 10.125 20.25Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Profiling source file</span>
          </button>
        </li>
        <li class="list-item">
          <button id="timestamp" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5002 12C19.4999 10.8226 19.2222 9.66174 18.6896 8.61165C18.157 7.56156 17.3844 6.65174 16.4346 5.95594L15.8496 2.73281C15.787 2.38702 15.605 2.07418 15.3353 1.84887C15.0656 1.62356 14.7254 1.50009 14.374 1.5H9.62646C9.27504 1.50009 8.93482 1.62356 8.66513 1.84887C8.39545 2.07418 8.21343 2.38702 8.15083 2.73281L7.56583 5.95594C6.61572 6.65151 5.84296 7.56128 5.31028 8.61142C4.7776 9.66156 4.5 10.8225 4.5 12C4.5 13.1775 4.7776 14.3384 5.31028 15.3886C5.84296 16.4387 6.61572 17.3485 7.56583 18.0441L8.15083 21.2672C8.21343 21.613 8.39545 21.9258 8.66513 22.1511C8.93482 22.3764 9.27504 22.4999 9.62646 22.5H14.374C14.7254 22.4999 15.0656 22.3764 15.3353 22.1511C15.605 21.9258 15.787 21.613 15.8496 21.2672L16.4346 18.0441C17.3844 17.3483 18.157 16.4384 18.6896 15.3883C19.2222 14.3383 19.4999 13.1774 19.5002 12ZM9.62646 3H14.374L14.7405 5.02031C12.9795 4.32659 11.0209 4.32659 9.2599 5.02031L9.62646 3ZM6.00021 12C6.00021 10.8133 6.3521 9.65327 7.01139 8.66658C7.67068 7.67988 8.60775 6.91085 9.70411 6.45672C10.8005 6.0026 12.0069 5.88378 13.1708 6.11529C14.3346 6.3468 15.4037 6.91824 16.2429 7.75736C17.082 8.59647 17.6534 9.66557 17.8849 10.8295C18.1164 11.9933 17.9976 13.1997 17.5435 14.2961C17.0894 15.3925 16.3203 16.3295 15.3336 16.9888C14.3469 17.6481 13.1869 18 12.0002 18C10.4094 17.9983 8.88433 17.3656 7.75949 16.2407C6.63465 15.1159 6.00195 13.5908 6.00021 12ZM14.374 21H9.62646L9.2599 18.9797C11.0209 19.6734 12.9795 19.6734 14.7405 18.9797L14.374 21ZM11.2502 12V8.25C11.2502 8.05109 11.3292 7.86032 11.4699 7.71967C11.6105 7.57902 11.8013 7.5 12.0002 7.5C12.1991 7.5 12.3899 7.57902 12.5305 7.71967C12.6712 7.86032 12.7502 8.05109 12.7502 8.25V11.25H15.7502C15.9491 11.25 16.1399 11.329 16.2805 11.4697C16.4212 11.6103 16.5002 11.8011 16.5002 12C16.5002 12.1989 16.4212 12.3897 16.2805 12.5303C16.1399 12.671 15.9491 12.75 15.7502 12.75H12.0002C11.8013 12.75 11.6105 12.671 11.4699 12.5303C11.3292 12.3897 11.2502 12.1989 11.2502 12Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Timestamp</span>
          </button>
        </li>
        <li class="list-item">
          <button id="co2" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M200,24H123.31A15.86,15.86,0,0,0,112,28.69L101.66,39,91.31,28.69a16,16,0,0,0-22.62,0l-24,24a16,16,0,0,0,0,22.62L55,85.66,44.69,96A15.86,15.86,0,0,0,40,107.31V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V40A16,16,0,0,0,200,24ZM56,64,80,40,90.34,50.34l-24,24ZM200,216H56V107.31l16-16h0L123.31,40H200ZM128,64a8,8,0,0,1,8-8h40a8,8,0,0,1,0,16H136A8,8,0,0,1,128,64Zm52.8,62.4L141.33,156l39.47,29.6a8,8,0,1,1-9.6,12.8L128,166,84.8,198.4a8,8,0,0,1-9.6-12.8L114.67,156,75.2,126.4a8,8,0,0,1,9.6-12.8L128,146l43.2-32.4a8,8,0,0,1,9.6,12.8Z'%3E%3C/path%3E%3C/svg%3E" /></span
            ><span class="button-text-type">CO2</span>
          </button>
        </li>
        <li class="list-item">
          <button id="dollar" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M152,120H136V56h8a32,32,0,0,1,32,32,8,8,0,0,0,16,0,48.05,48.05,0,0,0-48-48h-8V24a8,8,0,0,0-16,0V40h-8a48,48,0,0,0,0,96h8v64H104a32,32,0,0,1-32-32,8,8,0,0,0-16,0,48.05,48.05,0,0,0,48,48h16v16a8,8,0,0,0,16,0V216h16a48,48,0,0,0,0-96Zm-40,0a32,32,0,0,1,0-64h8v64Zm40,80H136V136h16a32,32,0,0,1,0,64Z'%3E%3C/path%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Dollar Currency</span>
          </button>
        </li>
        <li class="list-item">
          <button id="region" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.25 18.3756C8.25 18.5981 8.18402 18.8156 8.0604 19.0007C7.93679 19.1857 7.76109 19.3299 7.55552 19.415C7.34995 19.5001 7.12375 19.5224 6.90552 19.479C6.68729 19.4356 6.48684 19.3285 6.3295 19.1711C6.17217 19.0138 6.06502 18.8133 6.02162 18.5951C5.97821 18.3769 6.00049 18.1507 6.08564 17.9451C6.17078 17.7396 6.31498 17.5638 6.49998 17.4402C6.68499 17.3166 6.9025 17.2506 7.125 17.2506C7.42337 17.2506 7.70952 17.3692 7.9205 17.5801C8.13147 17.7911 8.25 18.0773 8.25 18.3756ZM10.875 18.7506C10.6525 18.7506 10.435 18.8166 10.25 18.9402C10.065 19.0638 9.92078 19.2396 9.83564 19.4451C9.75049 19.6507 9.72821 19.8769 9.77162 20.0951C9.81502 20.3133 9.92217 20.5138 10.0795 20.6711C10.2368 20.8285 10.4373 20.9356 10.6555 20.979C10.8738 21.0224 11.1 21.0001 11.3055 20.915C11.5111 20.8299 11.6868 20.6857 11.8104 20.5007C11.934 20.3156 12 20.0981 12 19.8756C12 19.5773 11.8815 19.2911 11.6705 19.0801C11.4595 18.8692 11.1734 18.7506 10.875 18.7506ZM15.375 17.2506C15.1525 17.2506 14.935 17.3166 14.75 17.4402C14.565 17.5638 14.4208 17.7396 14.3356 17.9451C14.2505 18.1507 14.2282 18.3769 14.2716 18.5951C14.315 18.8133 14.4222 19.0138 14.5795 19.1711C14.7368 19.3285 14.9373 19.4356 15.1555 19.479C15.3738 19.5224 15.6 19.5001 15.8055 19.415C16.0111 19.3299 16.1868 19.1857 16.3104 19.0007C16.434 18.8156 16.5 18.5981 16.5 18.3756C16.5 18.0773 16.3815 17.7911 16.1705 17.5801C15.9595 17.3692 15.6734 17.2506 15.375 17.2506ZM6.375 21.0006C6.1525 21.0006 5.93499 21.0666 5.74998 21.1902C5.56498 21.3138 5.42078 21.4896 5.33564 21.6951C5.25049 21.9007 5.22821 22.1269 5.27162 22.3451C5.31502 22.5633 5.42217 22.7638 5.5795 22.9211C5.73684 23.0785 5.93729 23.1856 6.15552 23.229C6.37375 23.2724 6.59995 23.2501 6.80552 23.165C7.01109 23.0799 7.18679 22.9357 7.3104 22.7507C7.43402 22.5656 7.5 22.3481 7.5 22.1256C7.5 21.8273 7.38147 21.5411 7.1705 21.3301C6.95952 21.1192 6.67337 21.0006 6.375 21.0006ZM14.625 21.0006C14.4025 21.0006 14.185 21.0666 14 21.1902C13.815 21.3138 13.6708 21.4896 13.5856 21.6951C13.5005 21.9007 13.4782 22.1269 13.5216 22.3451C13.565 22.5633 13.6722 22.7638 13.8295 22.9211C13.9868 23.0785 14.1873 23.1856 14.4055 23.229C14.6238 23.2724 14.85 23.2501 15.0555 23.165C15.2611 23.0799 15.4368 22.9357 15.5604 22.7507C15.684 22.5656 15.75 22.3481 15.75 22.1256C15.75 21.8273 15.6315 21.5411 15.4205 21.3301C15.2095 21.1192 14.9234 21.0006 14.625 21.0006ZM21.75 8.62564C21.748 10.5147 20.9967 12.3258 19.6609 13.6616C18.3252 14.9973 16.5141 15.7487 14.625 15.7506H7.125C5.83207 15.7506 4.59209 15.237 3.67785 14.3228C2.76361 13.4085 2.25 12.1686 2.25 10.8756C2.25 9.58271 2.76361 8.34273 3.67785 7.42849C4.59209 6.51425 5.83207 6.00064 7.125 6.00064C7.40526 6.00087 7.68499 6.02471 7.96125 6.07189C8.55939 4.51823 9.68217 3.22275 11.1351 2.40991C12.588 1.59706 14.2794 1.31806 15.9164 1.62123C17.5534 1.92441 19.0327 2.79067 20.0981 4.06992C21.1636 5.34917 21.7479 6.96082 21.75 8.62564ZM20.25 8.62564C20.244 7.16506 19.6707 5.76398 18.6511 4.71816C17.6315 3.67235 16.2454 3.06366 14.7855 3.02059C13.3255 2.97752 11.9059 3.50345 10.8265 4.48734C9.747 5.47123 9.09209 6.83608 9 8.29376C8.99434 8.39225 8.96933 8.48866 8.92641 8.57749C8.88348 8.66632 8.82348 8.74582 8.74984 8.81146C8.6011 8.94402 8.40579 9.01207 8.20688 9.00064C8.00796 8.9892 7.82174 8.89921 7.68918 8.75047C7.55661 8.60173 7.48856 8.40642 7.5 8.20751C7.51313 7.97876 7.53719 7.75282 7.57219 7.5297C7.42388 7.51066 7.27452 7.50096 7.125 7.50064C6.22989 7.50064 5.37145 7.85622 4.73851 8.48915C4.10558 9.12209 3.75 9.98053 3.75 10.8756C3.75 11.7707 4.10558 12.6292 4.73851 13.2621C5.37145 13.8951 6.22989 14.2506 7.125 14.2506H14.625C16.1163 14.2489 17.546 13.6557 18.6006 12.6012C19.6551 11.5467 20.2483 10.1169 20.25 8.62564Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Region</span>
          </button>
        </li>
        <li class="list-item">
          <button id="email" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.25C9.41414 2.25 6.93419 3.27723 5.10571 5.10571C3.27723 6.93419 2.25 9.41414 2.25 12C2.25 14.5859 3.27723 17.0658 5.10571 18.8943C6.93419 20.7228 9.41414 21.75 12 21.75C14.0166 21.75 16.1344 21.1425 17.6653 20.1253C17.7474 20.0708 17.8179 20.0006 17.8728 19.9188C17.9278 19.837 17.966 19.7452 17.9855 19.6486C18.005 19.552 18.0052 19.4526 17.9862 19.3559C17.9672 19.2592 17.9294 19.1672 17.8748 19.0852C17.8203 19.0031 17.7501 18.9326 17.6683 18.8777C17.5866 18.8227 17.4947 18.7844 17.3982 18.765C17.3016 18.7455 17.2021 18.7453 17.1054 18.7643C17.0087 18.7832 16.9167 18.8211 16.8347 18.8756C15.5625 19.7231 13.7072 20.25 12 20.25C10.3683 20.25 8.77325 19.7661 7.41655 18.8596C6.05984 17.9531 5.00242 16.6646 4.37799 15.1571C3.75357 13.6496 3.59019 11.9908 3.90852 10.3905C4.22685 8.79016 5.01259 7.32015 6.16637 6.16637C7.32015 5.01259 8.79016 4.22685 10.3905 3.90852C11.9908 3.59019 13.6496 3.75357 15.1571 4.37799C16.6646 5.00242 17.9531 6.05984 18.8596 7.41655C19.7661 8.77325 20.25 10.3683 20.25 12C20.25 14.4797 19.23 15 18.375 15C17.52 15 16.5 14.4797 16.5 12V8.25C16.5 8.05109 16.421 7.86032 16.2803 7.71967C16.1397 7.57902 15.9489 7.5 15.75 7.5C15.5511 7.5 15.3603 7.57902 15.2197 7.71967C15.079 7.86032 15 8.05109 15 8.25V8.64938C14.327 8.04593 13.4878 7.65918 12.5918 7.53951C11.6958 7.41983 10.7845 7.57278 9.97666 7.97842C9.16883 8.38406 8.50189 9.0236 8.06273 9.81371C7.62357 10.6038 7.43255 11.5079 7.51455 12.4081C7.59656 13.3083 7.94778 14.163 8.52247 14.8608C9.09716 15.5585 9.86867 16.067 10.7365 16.32C11.6043 16.573 12.5282 16.5588 13.3879 16.2792C14.2475 15.9996 15.003 15.4676 15.5559 14.7525C16.1184 15.8775 17.0887 16.5 18.375 16.5C20.4881 16.5 21.75 14.8181 21.75 12C21.7473 9.41498 20.7192 6.93661 18.8913 5.10872C17.0634 3.28084 14.585 2.25273 12 2.25ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Contact Email</span>
          </button>
        </li>
        <li class="list-item">
          <button id="cloud-provider" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7194 15.5306L15 13.8103V19.5C15 19.6989 14.921 19.8897 14.7803 20.0303C14.6397 20.171 14.4489 20.25 14.25 20.25C14.0511 20.25 13.8603 20.171 13.7197 20.0303C13.579 19.8897 13.5 19.6989 13.5 19.5V13.8103L11.7806 15.5306C11.7109 15.6003 11.6282 15.6556 11.5372 15.6933C11.4461 15.731 11.3486 15.7504 11.25 15.7504C11.1515 15.7504 11.0539 15.731 10.9628 15.6933C10.8718 15.6556 10.7891 15.6003 10.7194 15.5306C10.6497 15.4609 10.5944 15.3782 10.5567 15.2872C10.519 15.1961 10.4996 15.0985 10.4996 15C10.4996 14.9015 10.519 14.8039 10.5567 14.7128C10.5944 14.6218 10.6497 14.5391 10.7194 14.4694L13.7194 11.4694C13.789 11.3996 13.8718 11.3443 13.9628 11.3066C14.0538 11.2688 14.1514 11.2494 14.25 11.2494C14.3486 11.2494 14.4462 11.2688 14.5372 11.3066C14.6283 11.3443 14.711 11.3996 14.7806 11.4694L17.7806 14.4694C17.8503 14.5391 17.9056 14.6218 17.9433 14.7128C17.981 14.8039 18.0004 14.9015 18.0004 15C18.0004 15.0985 17.981 15.1961 17.9433 15.2872C17.9056 15.3782 17.8503 15.4609 17.7806 15.5306C17.7109 15.6003 17.6282 15.6556 17.5372 15.6933C17.4461 15.731 17.3486 15.7504 17.25 15.7504C17.1515 15.7504 17.0539 15.731 16.9628 15.6933C16.8718 15.6556 16.7891 15.6003 16.7194 15.5306ZM15 3.75C13.4677 3.75116 11.966 4.17864 10.6628 4.98463C9.35959 5.79061 8.30637 6.94331 7.62094 8.31375C6.80487 8.19383 5.97284 8.24346 5.17681 8.45954C4.38078 8.67563 3.63785 9.05352 2.99443 9.56962C2.351 10.0857 1.8209 10.7289 1.43723 11.4591C1.05356 12.1893 0.824561 12.9907 0.764536 13.8134C0.704511 14.636 0.814749 15.4622 1.08837 16.2403C1.36198 17.0185 1.7931 17.7318 2.35479 18.3359C2.91649 18.9399 3.59669 19.4216 4.35292 19.751C5.10915 20.0803 5.92517 20.2502 6.75001 20.25H10.5C10.6989 20.25 10.8897 20.171 11.0303 20.0303C11.171 19.8897 11.25 19.6989 11.25 19.5C11.25 19.3011 11.171 19.1103 11.0303 18.9697C10.8897 18.829 10.6989 18.75 10.5 18.75H6.75001C5.55653 18.75 4.41194 18.2759 3.56802 17.432C2.72411 16.5881 2.25001 15.4435 2.25001 14.25C2.25001 13.0565 2.72411 11.9119 3.56802 11.068C4.41194 10.2241 5.55653 9.75 6.75001 9.75C6.85313 9.75 6.95626 9.75 7.05844 9.76125C6.85342 10.4898 6.74964 11.2431 6.75001 12C6.75001 12.1989 6.82902 12.3897 6.96968 12.5303C7.11033 12.671 7.30109 12.75 7.50001 12.75C7.69892 12.75 7.88968 12.671 8.03033 12.5303C8.17099 12.3897 8.25001 12.1989 8.25001 12C8.25019 10.7831 8.57935 9.58886 9.20265 8.54369C9.82595 7.49852 10.7202 6.64129 11.7908 6.06272C12.8614 5.48415 14.0684 5.20576 15.2843 5.25701C16.5001 5.30826 17.6795 5.68724 18.6976 6.35385C19.7157 7.02046 20.5346 7.94989 21.0677 9.04381C21.6009 10.1377 21.8284 11.3554 21.7261 12.568C21.6239 13.7806 21.1958 14.9431 20.4871 15.9323C19.7783 16.9215 18.8153 17.7007 17.7 18.1875C17.5416 18.2562 17.4118 18.3773 17.3324 18.5306C17.253 18.6839 17.2289 18.8598 17.2641 19.0288C17.2994 19.1978 17.3918 19.3494 17.5259 19.4581C17.6599 19.5669 17.8274 19.626 18 19.6256C18.1034 19.6255 18.2055 19.6038 18.3 19.5619C20.0375 18.804 21.461 17.4708 22.3311 15.7867C23.2011 14.1025 23.4647 12.1701 23.0774 10.3145C22.6902 8.45888 21.6757 6.79322 20.2046 5.59768C18.7335 4.40215 16.8956 3.74967 15 3.75Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Cloud provider</span>
          </button>
        </li>
        <li class="list-item">
          <button id="k8s-field" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_506_248351)'%3E%3Cpath d='M11.9174 0.00205105C12.1837 -0.0114257 12.4492 0.0416737 12.6899 0.156551L21.0351 4.13455C21.2503 4.23676 21.4396 4.38623 21.5889 4.5718C21.7383 4.75737 21.8438 4.97426 21.8976 5.2063L23.9601 14.1471C24.0134 14.3788 24.0133 14.6196 23.9598 14.8513C23.9062 15.083 23.8007 15.2994 23.6511 15.4843L17.8784 22.6543C17.5754 23.0293 17.1164 23.2483 16.6311 23.2476L7.37015 23.2498C6.88415 23.2498 6.42515 23.0308 6.12215 22.6551L0.347146 15.4866C0.198671 15.3011 0.0939186 15.0846 0.0406805 14.853C-0.0125576 14.6215 -0.0129112 14.381 0.039646 14.1493L2.0984 5.20855C2.15221 4.97631 2.2578 4.75922 2.40728 4.57351C2.55676 4.38779 2.74626 4.23825 2.96165 4.13605L11.3054 0.157301C11.4966 0.065801 11.7044 0.013301 11.9166 0.00280105L11.9174 0.00205105ZM11.9999 3.0448C11.7239 3.0448 11.4996 3.2923 11.4996 3.5983L11.5011 3.61255C11.5011 3.6538 11.4989 3.70405 11.4996 3.74005C11.5071 3.91705 11.5446 4.05205 11.5679 4.21405C11.6106 4.56205 11.6451 4.8508 11.6234 5.11855C11.6024 5.2198 11.5281 5.31205 11.4614 5.37655L11.4501 5.5873C9.86152 5.71418 8.37669 6.42679 7.2839 7.5868C7.22327 7.54519 7.16327 7.50268 7.1039 7.4593C7.0139 7.4713 6.9239 7.49905 6.8069 7.4308C6.5834 7.2808 6.3794 7.07305 6.1334 6.8233C6.0209 6.7033 5.9384 6.5908 5.8049 6.4753C5.7749 6.44905 5.72765 6.4138 5.6939 6.3868C5.59491 6.30697 5.47294 6.26097 5.3459 6.25555C5.27052 6.2516 5.19527 6.26543 5.12622 6.29591C5.05717 6.3264 4.99626 6.37269 4.9484 6.43105C4.7759 6.64705 4.8314 6.97555 5.07065 7.16605L5.07815 7.17205C5.11115 7.1983 5.15165 7.23205 5.18165 7.25455C5.32415 7.35955 5.4539 7.41355 5.59565 7.4968C5.89415 7.6813 6.1424 7.8343 6.33815 8.01805C6.4154 8.09905 6.42815 8.24305 6.43865 8.3053L6.59915 8.4478C5.71573 9.77008 5.35243 11.3723 5.57915 12.9463L5.37065 13.0063C5.31515 13.0783 5.2379 13.1901 5.15615 13.2238C4.8989 13.3041 4.61015 13.3341 4.26065 13.3701C4.09715 13.3836 3.9554 13.3761 3.7814 13.4083C3.7439 13.4158 3.6899 13.4301 3.64865 13.4398L3.64415 13.4406L3.63665 13.4428C3.3419 13.5141 3.1529 13.7841 3.21365 14.0503C3.27515 14.3166 3.5624 14.4778 3.85865 14.4141L3.86615 14.4133L3.8759 14.4103C3.91715 14.4013 3.9689 14.3908 4.0049 14.3811C4.1759 14.3361 4.29965 14.2686 4.45265 14.2101C4.78265 14.0916 5.05715 13.9926 5.3234 13.9543C5.43515 13.9453 5.55215 14.0226 5.61065 14.0556L5.82815 14.0181C6.31734 15.5264 7.3418 16.8035 8.70815 17.6083L8.61815 17.8258C8.6504 17.9106 8.6864 18.0246 8.6624 18.1078C8.5649 18.3583 8.3999 18.6238 8.21015 18.9186C8.11865 19.0551 8.0249 19.1616 7.9424 19.3176C7.9229 19.3551 7.8974 19.4121 7.8779 19.4518C7.7504 19.7256 7.84415 20.0413 8.0909 20.1598C8.3384 20.2798 8.64665 20.1538 8.78015 19.8786L8.7809 19.8778V19.8763C8.79965 19.8381 8.82665 19.7863 8.84315 19.7496C8.91365 19.5883 8.9369 19.4496 8.98715 19.2928C9.11915 18.9613 9.1919 18.6141 9.3734 18.3973C9.42365 18.3373 9.50465 18.3148 9.58865 18.2923L9.7019 18.0876C11.1845 18.6579 12.8251 18.6621 14.3106 18.0996L14.4171 18.2916C14.5026 18.3193 14.5964 18.3336 14.6721 18.4461C14.8086 18.6786 14.9016 18.9523 15.0149 19.2846C15.0644 19.4406 15.0899 19.5793 15.1604 19.7421C15.1761 19.7781 15.2031 19.8298 15.2219 19.8696C15.3546 20.1448 15.6644 20.2708 15.9119 20.1516C16.1594 20.0331 16.2531 19.7166 16.1249 19.4428C16.1054 19.4038 16.0799 19.3461 16.0596 19.3086C15.9771 19.1526 15.8834 19.0476 15.7919 18.9111C15.6029 18.6163 15.4461 18.3711 15.3494 18.1198C15.3081 17.9901 15.3561 17.9098 15.3869 17.8258C15.3681 17.8041 15.3276 17.6818 15.3044 17.6248C16.6752 16.8134 17.6997 15.5262 18.1829 14.0083C18.2474 14.0188 18.3599 14.0383 18.3966 14.0458C18.4716 13.9963 18.5406 13.9318 18.6764 13.9423C18.9426 13.9813 19.2164 14.0796 19.5464 14.1981C19.7001 14.2566 19.8239 14.3256 19.9949 14.3706C20.0309 14.3803 20.0826 14.3893 20.1239 14.3983L20.1336 14.4013L20.1411 14.4028C20.4374 14.4666 20.7246 14.3046 20.7861 14.0383C20.8461 13.7721 20.6579 13.5021 20.3631 13.4308C20.3204 13.4211 20.2596 13.4046 20.2184 13.3971C20.0444 13.3641 19.9034 13.3723 19.7384 13.3588C19.3896 13.3221 19.1009 13.2921 18.8436 13.2118C18.7386 13.1713 18.6644 13.0468 18.6284 12.9951L18.4259 12.9366C18.5332 12.1607 18.4979 11.3717 18.3216 10.6086C18.145 9.83728 17.828 9.10508 17.3864 8.44855C17.4374 8.40205 17.5356 8.3158 17.5634 8.29105C17.5709 8.20105 17.5641 8.1073 17.6571 8.0083C17.8536 7.8238 18.1011 7.6708 18.3996 7.48705C18.5421 7.40455 18.6726 7.35055 18.8151 7.24555C18.8474 7.22155 18.8909 7.18405 18.9246 7.15705C19.1646 6.9658 19.2194 6.6373 19.0476 6.42205C18.8751 6.2068 18.5421 6.18655 18.3029 6.37705C18.2684 6.40405 18.2226 6.4393 18.1919 6.46555C18.0576 6.5803 17.9744 6.6943 17.8619 6.81355C17.6159 7.0633 17.4119 7.2718 17.1884 7.42255C17.0916 7.4788 16.9499 7.4593 16.8854 7.45555L16.6956 7.59055C15.6011 6.44434 14.1281 5.73393 12.5496 5.59105C12.5452 5.51684 12.5415 5.44258 12.5384 5.3683C12.4731 5.30605 12.3944 5.2528 12.3749 5.11855C12.3531 4.8508 12.3899 4.56205 12.4319 4.21405C12.4544 4.05205 12.4934 3.91705 12.4994 3.74005C12.5016 3.7003 12.4994 3.64255 12.4994 3.5983C12.4994 3.2923 12.2751 3.0448 11.9991 3.0448H11.9999ZM11.3744 6.9118L11.2259 9.5278L11.2154 9.53305C11.2119 9.61258 11.187 9.68969 11.1432 9.75616C11.0994 9.82264 11.0384 9.87599 10.9666 9.91054C10.8949 9.94509 10.8152 9.95955 10.7359 9.95238C10.6566 9.9452 10.5807 9.91666 10.5164 9.8698L10.5119 9.8713L8.3639 8.35105C9.1797 7.55027 10.2389 7.04389 11.3744 6.9118V6.9118ZM12.6254 6.9118C13.7537 7.0512 14.805 7.5571 15.6179 8.3518L13.4834 9.86305L13.4759 9.86005C13.4115 9.90683 13.3357 9.93531 13.2565 9.94249C13.1772 9.94967 13.0975 9.93528 13.0258 9.90084C12.954 9.8664 12.893 9.81319 12.849 9.74685C12.8051 9.68052 12.7799 9.60353 12.7761 9.52405L12.7739 9.5233L12.6254 6.9118V6.9118ZM7.5854 9.3283L9.5459 11.0796L9.54365 11.0901C9.60403 11.1421 9.6491 11.2096 9.67399 11.2854C9.69888 11.3611 9.70266 11.4422 9.68492 11.52C9.66719 11.5977 9.6286 11.6691 9.57332 11.7266C9.51803 11.784 9.44814 11.8253 9.37115 11.8461L9.3689 11.8536L6.8549 12.5788C6.72965 11.4443 6.98645 10.3004 7.58465 9.3283H7.5854ZM16.4001 9.32905C16.6911 9.80155 16.9124 10.3273 17.0436 10.8988C17.1703 11.4465 17.207 12.0111 17.1524 12.5706L14.6249 11.8431L14.6234 11.8333C14.5466 11.8124 14.4769 11.771 14.4217 11.7135C14.3666 11.656 14.3282 11.5847 14.3104 11.507C14.2927 11.4294 14.2964 11.3484 14.3212 11.2727C14.3459 11.197 14.3908 11.1295 14.4509 11.0773L14.4494 11.0721L16.3994 9.32905H16.4001ZM11.5971 11.2153H12.4004L12.8999 11.8378L12.7206 12.6163L11.9991 12.9621L11.2761 12.6148L11.0961 11.8371L11.5971 11.2146V11.2153ZM14.1734 13.3483C14.2073 13.3469 14.2413 13.3494 14.2746 13.3558L14.2784 13.3498L16.8794 13.7893C16.4951 14.8669 15.7624 15.7856 14.7974 16.4001L13.7879 13.9656L13.7909 13.9618C13.7627 13.8966 13.7507 13.8254 13.756 13.7545C13.7613 13.6837 13.7837 13.6151 13.8213 13.5548C13.8589 13.4945 13.9106 13.4442 13.9719 13.4082C14.0333 13.3722 14.1024 13.3517 14.1734 13.3483V13.3483ZM9.8054 13.3588C9.87752 13.36 9.94824 13.379 10.0113 13.4139C10.0744 13.4489 10.128 13.4989 10.1672 13.5594C10.2065 13.6199 10.2303 13.6891 10.2365 13.761C10.2427 13.8329 10.2312 13.9052 10.2029 13.9716L10.2104 13.9806L9.21215 16.3911C8.25368 15.7787 7.52418 14.867 7.1369 13.7976L9.71465 13.3611L9.71915 13.3663C9.74758 13.361 9.77647 13.3585 9.8054 13.3588V13.3588ZM11.9834 14.4141C12.0547 14.4117 12.1255 14.4269 12.1896 14.4583C12.2737 14.4982 12.3428 14.5639 12.3869 14.6458H12.3966L13.6671 16.9386C13.5021 16.9933 13.3326 17.0406 13.1594 17.0803C12.2246 17.294 11.2487 17.2437 10.3409 16.9348L11.6084 14.6473H11.6106C11.647 14.5794 11.7006 14.5221 11.766 14.4813C11.8314 14.4405 11.9064 14.4176 11.9834 14.4148V14.4141Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_506_248351'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Kubernetes field</span>
          </button>
        </li>

        <li class="list-item">
          <button id="datastream" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3H10.5V7.5H12V6H16.5V4.5H12V3Z' fill='%23343741'/%3E%3Cpath d='M4.5 15H3V19.5H4.5V18H9V16.5H4.5V15Z' fill='%23343741'/%3E%3Cpath d='M10.5 15H12V16.5H16.5V18H12V19.5H10.5V15Z' fill='%23343741'/%3E%3Cpath d='M19.5 15H18V19.5H19.5V18H21V16.5H19.5V15Z' fill='%23343741'/%3E%3Cpath d='M7.5 9H9V10.5H13.5V12H9V13.5H7.5V9Z' fill='%23343741'/%3E%3Cpath d='M16.5 9H15V13.5H16.5V12H21V10.5H16.5V9Z' fill='%23343741'/%3E%3Cpath d='M18 3H19.5V4.5H21V6H19.5V7.5H18V3Z' fill='%23343741'/%3E%3Cpath d='M9 4.5H3V6H9V4.5Z' fill='%23343741'/%3E%3Cpath d='M3 10.5H6V12H3V10.5Z' fill='%23343741'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Datastream</span>
          </button>
        </li>

        <li class="list-item">
          <button id="data-retention" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7503 12.8105C21.5909 14.663 20.9058 16.4314 19.7756 17.9078C18.6453 19.3841 17.1169 20.5069 15.3702 21.1441C13.6234 21.7813 11.7311 21.9064 9.91568 21.5046C8.10029 21.1029 6.43741 20.191 5.12268 18.8762C3.80794 17.5615 2.89605 15.8986 2.49428 14.0832C2.09252 12.2678 2.21759 10.3755 2.85479 8.62873C3.49199 6.88201 4.61481 5.35361 6.09114 4.22335C7.56748 3.09309 9.33591 2.40798 11.1884 2.24864C11.2869 2.24052 11.386 2.25187 11.4801 2.28205C11.5742 2.31224 11.6615 2.36066 11.7368 2.42456C11.8122 2.48846 11.8743 2.56658 11.9195 2.65446C11.9647 2.74235 11.9921 2.83828 12.0003 2.93677C12.0084 3.03526 11.997 3.13439 11.9669 3.22849C11.9367 3.32259 11.8882 3.40983 11.8243 3.48522C11.7604 3.56061 11.6823 3.62267 11.5944 3.66787C11.5066 3.71307 11.4106 3.74052 11.3121 3.74864C9.74425 3.88335 8.24745 4.46308 6.99786 5.41961C5.74827 6.37614 4.79788 7.66967 4.2585 9.14801C3.71913 10.6264 3.61321 12.228 3.95322 13.7645C4.29322 15.301 5.065 16.7084 6.17775 17.8212C7.2905 18.9339 8.69792 19.7057 10.2344 20.0457C11.7709 20.3857 13.3726 20.2798 14.8509 19.7404C16.3292 19.201 17.6228 18.2506 18.5793 17.001C19.5358 15.7515 20.1155 14.2547 20.2503 12.6868C20.2667 12.4879 20.3614 12.3036 20.5137 12.1746C20.6659 12.0455 20.8632 11.9822 21.0621 11.9986C21.261 12.0151 21.4453 12.1098 21.5743 12.2621C21.7034 12.4143 21.7667 12.6116 21.7503 12.8105ZM11.2503 6.74864V11.9986C11.2503 12.1976 11.3293 12.3883 11.4699 12.529C11.6106 12.6696 11.8013 12.7486 12.0003 12.7486H17.2503C17.4492 12.7486 17.6399 12.6696 17.7806 12.529C17.9212 12.3883 18.0003 12.1976 18.0003 11.9986C18.0003 11.7997 17.9212 11.609 17.7806 11.4683C17.6399 11.3277 17.4492 11.2486 17.2503 11.2486H12.7503V6.74864C12.7503 6.54973 12.6712 6.35896 12.5306 6.21831C12.3899 6.07766 12.1992 5.99864 12.0003 5.99864C11.8013 5.99864 11.6106 6.07766 11.4699 6.21831C11.3293 6.35896 11.2503 6.54973 11.2503 6.74864ZM15.0003 4.49864C15.2228 4.49864 15.4403 4.43266 15.6253 4.30905C15.8103 4.18543 15.9545 4.00973 16.0396 3.80416C16.1248 3.59859 16.1471 3.37239 16.1036 3.15417C16.0602 2.93594 15.9531 2.73548 15.7958 2.57815C15.6384 2.42081 15.438 2.31367 15.2197 2.27026C15.0015 2.22685 14.7753 2.24913 14.5697 2.33428C14.3642 2.41943 14.1885 2.56362 14.0649 2.74863C13.9412 2.93363 13.8753 3.15114 13.8753 3.37364C13.8753 3.67201 13.9938 3.95816 14.2048 4.16914C14.4157 4.38012 14.7019 4.49864 15.0003 4.49864ZM18.3753 6.74864C18.5978 6.74864 18.8153 6.68266 19.0003 6.55905C19.1853 6.43543 19.3295 6.25973 19.4146 6.05416C19.4998 5.84859 19.5221 5.62239 19.4786 5.40417C19.4352 5.18594 19.3281 4.98548 19.1708 4.82815C19.0134 4.67081 18.813 4.56367 18.5947 4.52026C18.3765 4.47685 18.1503 4.49913 17.9447 4.58428C17.7392 4.66943 17.5635 4.81362 17.4399 4.99863C17.3162 5.18363 17.2503 5.40114 17.2503 5.62364C17.2503 5.92201 17.3688 6.20816 17.5798 6.41914C17.7907 6.63012 18.0769 6.74864 18.3753 6.74864ZM20.6253 10.1236C20.8478 10.1236 21.0653 10.0577 21.2503 9.93405C21.4353 9.81043 21.5795 9.63473 21.6646 9.42916C21.7498 9.22359 21.7721 8.99739 21.7286 8.77916C21.6852 8.56094 21.5781 8.36048 21.4208 8.20315C21.2634 8.04581 21.063 7.93867 20.8447 7.89526C20.6265 7.85185 20.4003 7.87413 20.1947 7.95928C19.9892 8.04443 19.8135 8.18862 19.6899 8.37363C19.5662 8.55863 19.5003 8.77614 19.5003 8.99864C19.5003 9.29701 19.6188 9.58316 19.8298 9.79414C20.0407 10.0051 20.3269 10.1236 20.6253 10.1236Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Data retention</span>
          </button>
        </li>

        <li class="list-item">
          <button id="ip-address" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8.25001C11.2583 8.25001 10.5333 8.46995 9.9166 8.882C9.29992 9.29406 8.81927 9.87973 8.53544 10.5649C8.25161 11.2502 8.17735 12.0042 8.32204 12.7316C8.46674 13.459 8.82389 14.1272 9.34834 14.6517C9.87279 15.1761 10.541 15.5333 11.2684 15.678C11.9958 15.8227 12.7498 15.7484 13.4351 15.4646C14.1203 15.1807 14.7059 14.7001 15.118 14.0834C15.5301 13.4667 15.75 12.7417 15.75 12C15.75 11.0054 15.3549 10.0516 14.6516 9.34836C13.9484 8.6451 12.9946 8.25001 12 8.25001ZM12 14.25C11.555 14.25 11.12 14.1181 10.75 13.8708C10.3799 13.6236 10.0916 13.2722 9.92126 12.861C9.75096 12.4499 9.70641 11.9975 9.79322 11.5611C9.88004 11.1246 10.0943 10.7237 10.409 10.409C10.7237 10.0944 11.1246 9.88006 11.561 9.79324C11.9975 9.70643 12.4499 9.75098 12.861 9.92128C13.2722 10.0916 13.6236 10.38 13.8708 10.75C14.118 11.12 14.25 11.555 14.25 12C14.25 12.5967 14.0129 13.169 13.591 13.591C13.169 14.013 12.5967 14.25 12 14.25ZM18.9103 14.9194C18.5881 15.6812 18.1421 16.3844 17.5903 17.0006C17.4567 17.1452 17.2716 17.2314 17.075 17.2408C16.8784 17.2501 16.686 17.1817 16.5393 17.0504C16.3926 16.9191 16.3034 16.7354 16.291 16.539C16.2786 16.3425 16.3439 16.1491 16.4728 16.0003C17.4576 14.9008 18.0021 13.4766 18.0021 12.0005C18.0021 10.5244 17.4576 9.10019 16.4728 8.00064C16.4053 7.92757 16.353 7.84179 16.3189 7.74831C16.2848 7.65482 16.2697 7.5555 16.2744 7.45611C16.2791 7.35673 16.3036 7.25928 16.3463 7.16943C16.3891 7.07958 16.4492 6.99913 16.5234 6.93278C16.5975 6.86642 16.6841 6.81547 16.7781 6.78291C16.8721 6.75034 16.9717 6.73681 17.071 6.74309C17.1703 6.74938 17.2673 6.77536 17.3565 6.81952C17.4457 6.86368 17.5251 6.92514 17.5903 7.00032C18.5373 8.06002 19.1641 9.36674 19.3978 10.7686C19.6314 12.1704 19.4624 13.6098 18.9103 14.9194ZM6.46874 9.6647C6.02622 10.7122 5.8905 11.864 6.0774 12.9857C6.26429 14.1074 6.76611 15.1529 7.52436 16.0003C7.65331 16.1491 7.7186 16.3425 7.70616 16.539C7.69373 16.7354 7.60455 16.9191 7.45788 17.0504C7.31121 17.1817 7.11881 17.2501 6.92218 17.2408C6.72555 17.2314 6.54047 17.1452 6.40686 17.0006C5.17554 15.6262 4.49465 13.8458 4.49465 12.0005C4.49465 10.1552 5.17554 8.37474 6.40686 7.00032C6.53951 6.85176 6.72575 6.76198 6.92459 6.75073C7.12344 6.73947 7.31861 6.80767 7.46718 6.94032C7.61574 7.07297 7.70552 7.25921 7.71677 7.45805C7.72803 7.6569 7.65983 7.85207 7.52718 8.00064C7.08468 8.4929 6.727 9.05524 6.46874 9.6647ZM23.25 12C23.2545 14.9454 22.0998 17.7742 20.0353 19.875C19.967 19.948 19.8848 20.0067 19.7935 20.0475C19.7022 20.0882 19.6037 20.1104 19.5037 20.1125C19.4038 20.1147 19.3044 20.0968 19.2114 20.06C19.1185 20.0232 19.0338 19.9682 18.9624 19.8982C18.891 19.8281 18.8344 19.7446 18.7957 19.6523C18.7571 19.5601 18.7373 19.4611 18.7376 19.3611C18.7378 19.2611 18.758 19.1622 18.797 19.0701C18.836 18.9781 18.893 18.8947 18.9647 18.825C20.7522 17.0038 21.7537 14.5538 21.7537 12.0019C21.7537 9.44998 20.7522 6.99998 18.9647 5.17876C18.8249 5.03679 18.7473 4.84512 18.7489 4.64592C18.7505 4.44672 18.8311 4.25631 18.9731 4.11657C19.1151 3.97684 19.3068 3.89922 19.506 3.90081C19.7052 3.90239 19.8956 3.98304 20.0353 4.12501C22.0998 6.22579 23.2545 9.05464 23.25 12ZM5.0353 18.8231C5.10437 18.8934 5.15891 18.9766 5.19582 19.068C5.23273 19.1594 5.25128 19.2572 5.25041 19.3557C5.24954 19.4542 5.22926 19.5517 5.19075 19.6424C5.15223 19.7331 5.09623 19.8153 5.02593 19.8844C4.95563 19.9535 4.87241 20.008 4.78104 20.0449C4.68966 20.0818 4.59191 20.1004 4.49336 20.0995C4.39481 20.0986 4.2974 20.0783 4.20669 20.0398C4.11598 20.0013 4.03374 19.9453 3.96468 19.875C1.90047 17.7736 0.743896 14.9457 0.743896 12C0.743896 9.05434 1.90047 6.22644 3.96468 4.12501C4.03298 4.05199 4.11519 3.99336 4.20648 3.95257C4.29777 3.91178 4.39629 3.88966 4.49625 3.8875C4.59621 3.88535 4.6956 3.9032 4.78856 3.94001C4.88153 3.97683 4.96619 4.03186 5.03757 4.10187C5.10896 4.17188 5.16563 4.25545 5.20424 4.34768C5.24285 4.43991 5.26264 4.53893 5.26243 4.63892C5.26221 4.7389 5.24201 4.83784 5.20301 4.9299C5.164 5.02197 5.10698 5.1053 5.0353 5.17501C3.24774 6.99623 2.24628 9.44623 2.24628 11.9981C2.24628 14.55 3.24774 17 5.0353 18.8213V18.8231Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">IP address</span>
          </button>
        </li>

        <li class="list-item">
          <button id="mysql-log-message" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_673_67652)'%3E%3Cpath d='M22.0921 18.2073C20.7872 18.1747 19.7759 18.3054 18.9277 18.6641C18.683 18.762 18.2915 18.762 18.259 19.0719C18.3895 19.2024 18.4058 19.4145 18.52 19.5939C18.7159 19.92 19.0582 20.3604 19.3681 20.5888C19.7107 20.8498 20.0533 21.1107 20.4119 21.3391C21.0481 21.7306 21.7658 21.959 22.3856 22.3505C22.7446 22.5786 23.1032 22.8723 23.462 23.1169C23.6416 23.2473 23.7556 23.4596 23.984 23.541V23.4921C23.8699 23.3452 23.8372 23.1333 23.7232 22.9701C23.5601 22.8071 23.3969 22.6602 23.2337 22.4972C22.7608 21.861 22.1735 21.3065 21.5374 20.8499C21.0155 20.4909 19.8737 20.0016 19.6618 19.3982C19.6618 19.3982 19.6453 19.3818 19.6291 19.3656C19.9879 19.3329 20.4119 19.2024 20.7545 19.1046C21.3091 18.9577 21.8147 18.9903 22.3856 18.8436C22.6465 18.7783 22.9076 18.6967 23.1685 18.6151V18.4684C22.8751 18.1747 22.663 17.7834 22.3529 17.5061C21.5212 16.7883 20.6077 16.087 19.6618 15.4999C19.156 15.1737 18.5036 14.9616 17.9654 14.6844C17.7697 14.5863 17.4434 14.5376 17.3293 14.3744C17.0356 14.0156 16.8725 13.5426 16.6606 13.1185C16.1876 12.2213 15.7307 11.2265 15.323 10.2805C15.0296 9.64434 14.8501 9.00819 14.4912 8.42104C12.8112 5.64823 10.9844 3.96826 8.17896 2.32083C7.57545 1.97833 6.85785 1.8315 6.09121 1.65213C5.68356 1.63575 5.27569 1.60321 4.86792 1.58685C4.60699 1.47265 4.34595 1.16281 4.11756 1.01597C3.18804 0.428727 0.790252 -0.843381 0.105187 0.836597C-0.335222 1.8968 0.757612 2.9406 1.13273 3.47893C1.41014 3.85407 1.76889 4.27811 1.96464 4.70224C2.07883 4.97934 2.11137 5.27311 2.22556 5.56668C2.48659 6.28419 2.73115 7.08356 3.07374 7.75236C3.25323 8.09484 3.44887 8.4537 3.67726 8.76353C3.80772 8.94291 4.036 9.02457 4.08502 9.31814C3.85674 9.64434 3.84036 10.1337 3.7098 10.5414C3.12265 12.3845 3.35104 14.668 4.18284 16.0218C4.44378 16.4295 5.06365 17.3268 5.89546 16.9842C6.62944 16.6905 6.46633 15.7608 6.67836 14.9453C6.72738 14.7495 6.69472 14.6191 6.79255 14.4886C6.79264 14.5049 6.79255 14.5213 6.79255 14.5213C7.02094 14.978 7.24923 15.4183 7.46125 15.8751C7.96693 16.6741 8.84766 17.506 9.58162 18.0607C9.97323 18.3541 10.2831 18.8598 10.7724 19.0393V18.9903H10.7397C10.6418 18.8435 10.4951 18.7784 10.3646 18.6641C10.071 18.3705 9.74473 18.0117 9.51645 17.6855C8.83149 16.772 8.22786 15.7608 7.68964 14.7169C7.4287 14.2113 7.20031 13.6567 6.9883 13.1511C6.89037 12.9553 6.89037 12.6618 6.72727 12.564C6.48261 12.9228 6.12385 13.2327 5.94438 13.6731C5.63464 14.3744 5.6019 15.239 5.4877 16.136C5.42251 16.1523 5.45506 16.136 5.42241 16.1687C4.90056 16.038 4.72108 15.5 4.52532 15.0432C4.036 13.8851 3.95445 12.0257 4.37859 10.6883C4.49278 10.3457 4.98211 9.26922 4.78636 8.94301C4.68853 8.63307 4.36222 8.45369 4.18284 8.20904C3.97083 7.89909 3.74244 7.5077 3.59571 7.16511C3.20421 6.25176 3.00846 5.24048 2.58442 4.32702C2.38867 3.90288 2.04619 3.46257 1.76889 3.07118C1.45905 2.63078 1.11646 2.32083 0.871801 1.79886C0.79035 1.61949 0.676051 1.32591 0.806517 1.13017C0.839158 0.999702 0.904339 0.95079 1.03491 0.918147C1.24692 0.738669 1.85044 0.967059 2.06245 1.06488C2.66596 1.30944 3.17155 1.53794 3.67725 1.88042C3.90553 2.04353 4.1502 2.35347 4.44376 2.43503H4.78635C5.30832 2.54912 5.89545 2.46767 6.38478 2.6144C7.24932 2.8916 8.03211 3.29946 8.73355 3.73987C10.8703 5.09362 12.6317 7.01837 13.8225 9.31814C14.0182 9.69315 14.0997 10.0358 14.2792 10.4272C14.6218 11.2265 15.0458 12.042 15.3883 12.8249C15.7307 13.5914 16.057 14.3744 16.5463 15.0107C16.7911 15.353 17.7697 15.5325 18.2101 15.7119C18.5362 15.8586 19.042 15.9893 19.3355 16.1687C19.8899 16.511 20.4446 16.9026 20.9666 17.2778C21.2276 17.4734 22.043 17.8812 22.0921 18.2073Z' fill='black'/%3E%3Cpath d='M5.45506 4.03345C5.17777 4.03345 4.98213 4.06621 4.78638 4.11511C4.78638 4.11503 4.78638 4.13149 4.78638 4.14775H4.81902C4.94958 4.40869 5.17777 4.58816 5.34087 4.81645C5.47144 5.07737 5.58553 5.33842 5.71611 5.59945C5.73237 5.58307 5.74864 5.56681 5.74864 5.56681C5.97714 5.40359 6.09123 5.14267 6.09123 4.75127C5.99329 4.63708 5.97703 4.52288 5.89548 4.40869C5.79765 4.24547 5.58553 4.16402 5.45506 4.03345Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_673_67652'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E" /></span
            ><span class="button-text-type">MySQL Log Message</span>
          </button>
        </li>

        <li class="list-item">
          <button id="java-log-message" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.92544 18.5601C5.23546 19.591 11.1705 21.7208 15.8692 19.7077C15.0995 19.4086 14.5475 19.0634 14.5475 19.0634C12.4524 19.4595 11.4805 19.4907 9.57857 19.2734C8.00891 19.0936 8.92544 18.5601 8.92544 18.5601ZM15.3066 16.549C12.5295 17.0833 10.9254 17.0662 8.89372 16.8566C7.32271 16.6941 8.35114 15.9328 8.35114 15.9328C4.2872 17.2817 10.6135 18.8123 16.2935 17.151C15.6898 16.9383 15.3066 16.549 15.3066 16.549ZM17.4829 4.90242C17.483 4.90242 9.2671 6.95371 13.1909 11.4754C14.3491 12.8088 12.8871 14.0076 12.8871 14.0076C12.8871 14.0076 15.8267 12.4904 14.477 10.5897C13.2159 8.81793 12.2492 7.93773 17.4829 4.90242ZM19.4051 20.5037C19.4051 20.5037 20.0836 21.0632 18.6576 21.4956C15.9463 22.317 7.37039 22.5646 4.9884 21.5285C4.13281 21.1559 5.73805 20.6393 6.24313 20.5302C6.76975 20.4162 7.07046 20.437 7.07046 20.437C6.11835 19.7666 0.915419 21.754 4.42833 22.3241C14.0072 23.8768 21.8894 21.6248 19.4051 20.5037ZM16.113 14.6717C16.5734 14.3575 17.2095 14.0847 17.2095 14.0847C17.2095 14.0847 15.3975 14.4087 13.5923 14.5604C11.3824 14.7457 9.01196 14.7822 7.82203 14.623C5.00493 14.2464 9.3665 13.2103 9.3665 13.2103C9.3665 13.2103 7.67225 13.0957 5.58962 14.1032C3.1263 15.2942 11.6827 15.8372 16.113 14.6717ZM17.1914 17.5836C17.1706 17.6393 17.1014 17.702 17.1014 17.702C23.1142 16.1214 20.9035 12.1303 18.0285 13.1405C17.7763 13.2297 17.644 13.4371 17.644 13.4371C17.644 13.4371 17.8034 13.3729 18.1589 13.2987C19.6122 12.9959 21.6945 15.2443 17.1914 17.5836ZM12.1102 13.1668C11.223 11.1617 8.21483 9.40742 12.1115 6.33C16.9703 2.49485 14.4771 0 14.4771 0C15.4827 3.96223 10.9296 5.15909 9.28614 7.62665C8.16695 9.30802 9.83544 11.1148 12.1102 13.1668ZM17.354 23.1162C13.665 23.8107 9.11464 23.7298 6.41656 23.2843C6.41656 23.2843 6.96913 23.7419 9.80929 23.9247C14.1307 24.201 20.7685 23.7709 20.9254 21.726C20.9256 21.726 20.6235 22.5012 17.354 23.1162Z' fill='black'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Java Log Message</span>
          </button>
        </li>

        <li class="list-item">
          <button id="java-log-message" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12L21 12' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M9 12L12 12L12 9.75' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M4.5 12L7.5 12L7.5 15' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M15 12L18 12L18 15' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Crect x='9' y='4.5' width='6' height='4.5' rx='1.5' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Crect x='4.5' y='15' width='6' height='4.5' rx='1.5' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Crect x='15' y='15' width='6' height='4.5' rx='1.5' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Stream</span>
          </button>
        </li>

        <li class="list-item">
          <button id="nginx-error-log-message" class="button-list">
            <span class="button-type"
              ><img
                src="data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00003 0L14.928 4V12L8.00003 16L1.07202 12V4L8.00003 0Z' fill='%23ECF1F9'/%3E%3Cpath d='M5.58468 6.75608V10.9439C5.58468 11.3877 5.22491 11.7474 4.78111 11.7474C4.33731 11.7474 3.97754 11.3877 3.97754 10.9439V4.81592C3.97754 4.1 4.84315 3.74148 5.34936 4.24775L10.1048 9.00371V4.81592C10.1048 4.37212 10.4646 4.01235 10.9084 4.01235C11.3522 4.01235 11.7119 4.37212 11.7119 4.81592V10.9439C11.7119 11.6598 10.8463 12.0183 10.3401 11.512L5.58468 6.75608Z' fill='%231E1E1E'/%3E%3C/svg%3E" /></span
            ><span class="button-text-type">Nginx Error message</span>
          </button>
        </li>
      </ul>
    </div>

    <hr />

    <div class="flex pd-8">
      <span class="type"> Generate random number of text strings </span>
      <div class="flex-row m-12-t">
        <input
          id="count"
          type="text"
          value="random"
          class="input"
          placeholder="Number of text strings"
        />
        <button id="create" class="button button--secondary">
          Create text
        </button>
      </div>
    </div>
    <script>
      window.onload = function () {
        function getRandomInt(min, max) {
          min = Math.ceil(min);
          max = Math.floor(max);
          return Math.floor(Math.random() * (max - min) + min); //The maximum is exclusive and the minimum is inclusive
        }
        var randum = (document.getElementById("count").value = getRandomInt(
          2,
          12
        ));

        document.getElementById("create").onclick = () => {
          const textbox = document.getElementById("count");
          const count = parseInt(textbox.value, 10);
          parent.postMessage(
            { pluginMessage: { type: "create-text", count } },
            "*"
          );
        };

        document.getElementById("change").onclick = () => {
          parent.postMessage({ pluginMessage: { type: "change-text" } }, "*");
        };

        document.getElementById("duration-ms").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-duration-ms" } },
            "*"
          );
        };

        document.getElementById("duration-s").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-duration-s" } },
            "*"
          );
        };

        document.getElementById("date").onclick = () => {
          parent.postMessage({ pluginMessage: { type: "change-date" } }, "*");
        };

        document.getElementById("percentage").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-percentage" } },
            "*"
          );
        };

        document.getElementById("tpm").onclick = () => {
          parent.postMessage({ pluginMessage: { type: "change-tpm" } }, "*");
        };

        document.getElementById("service").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-service" } },
            "*"
          );
        };

        document.getElementById("trace").onclick = () => {
          parent.postMessage({ pluginMessage: { type: "change-trace" } }, "*");
        };

        document.getElementById("severity").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-severity" } },
            "*"
          );
        };

        document.getElementById("health").onclick = () => {
          parent.postMessage({ pluginMessage: { type: "change-health" } }, "*");
        };

        document.getElementById("monitor").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-monitor" } },
            "*"
          );
        };

        document.getElementById("dependecy").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-dependency" } },
            "*"
          );
        };

        document.getElementById("error-message").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-error-message" } },
            "*"
          );
        };

        document.getElementById("last-seen").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-last-seen" } },
            "*"
          );
        };

        document.getElementById("transaction").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-transaction" } },
            "*"
          );
        };

        document.getElementById("error-type").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-error-type" } },
            "*"
          );
        };

        document.getElementById("storage-size").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-storage-size" } },
            "*"
          );
        };

        document.getElementById("host-name").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-host-name" } },
            "*"
          );
        };

        document.getElementById("traffic").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-traffic" } },
            "*"
          );
        };

        document.getElementById("android-version").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-android-version" } },
            "*"
          );
        };

        document.getElementById("ios-version").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-ios-version" } },
            "*"
          );
        };

        document.getElementById("apple-mobile-device").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-apple-mobile-device" } },
            "*"
          );
        };

        document.getElementById("android-mobile-device").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-android-mobile-device" } },
            "*"
          );
        };

        document.getElementById("browser").onclick = () => {
          parent.postMessage(
            { pluginMessage: { type: "change-browser" } },
            "*"