-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpreview.html
More file actions
3083 lines (3079 loc) · 231 KB
/
preview.html
File metadata and controls
3083 lines (3079 loc) · 231 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<title>Nate's World | Theme Preview</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#101D42" />
<meta property="og:locale" content="en" />
<!--Tailwind CSS-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.2/tailwind.min.css" />
<!--Site Icon-->
<link rel="shortcut icon" href="Assets/Icons/preview.png" title="favicon" />
<link rel="apple-touch-icon" href="Assets/Icons/preview.png" sizes="180x180" title="favicon" />
<link rel="canonical" href="https://natesworld-projects.github.io/">
<!--Import CSS-->
<link rel="stylesheet" href="Styles/globals.css">
<link rel="stylesheet" href="Styles/preview.css">
<!--Import JS-->
<script src="JS/preview.js" defer></script>
</head>
<body>
<div id="app-mount" class="appMount-2yBXZl"><svg viewBox="0 0 1 1" aria-hidden="true"
style="position: absolute; pointer-events: none; top: -1px; left: -1px; width: 1px; height: 1px;">
<mask id="svg-mask-squircle" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<path fill="white"
d="M0 0.464C0 0.301585 0 0.220377 0.0316081 0.158343C0.0594114 0.103776 0.103776 0.0594114 0.158343 0.0316081C0.220377 0 0.301585 0 0.464 0H0.536C0.698415 0 0.779623 0 0.841657 0.0316081C0.896224 0.0594114 0.940589 0.103776 0.968392 0.158343C1 0.220377 1 0.301585 1 0.464V0.536C1 0.698415 1 0.779623 0.968392 0.841657C0.940589 0.896224 0.896224 0.940589 0.841657 0.968392C0.779623 1 0.698415 1 0.536 1H0.464C0.301585 1 0.220377 1 0.158343 0.968392C0.103776 0.940589 0.0594114 0.896224 0.0316081 0.841657C0 0.779623 0 0.698415 0 0.536V0.464Z">
</path>
</mask>
<mask id="svg-mask-header-bar-badge" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="1" height="1"></rect>
<circle fill="black" cx="0.75" cy="0.75" r="0.25"></circle>
</mask>
<mask id="svg-mask-voice-user-summary-item" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" width="1" height="1"></rect>
<circle fill="black" cx="1.2083333333333333" cy="0.5" r="0.5416666666666666"></circle>
</mask>
<mask id="svg-mask-vertical-fade" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<linearGradient id="svg-mask-vertical-fade-gradient" gradientTransform="rotate(90)" x1="0" x2="1" y1="0" y2="0">
<stop offset="0%" stop-color="white"></stop>
<stop offset="100%" stop-color="black"></stop>
</linearGradient>
<rect fill="url(#svg-mask-vertical-fade-gradient)" x="0" y="0" width="1" height="1"></rect>
</mask>
<mask id="svg-mask-panel-button" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="1" height="1"></rect>
<circle fill="black" cx="0.75" cy="0.75" r="0.25"></circle>
</mask>
<mask id="svg-mask-channel-call-control-button" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<circle fill="black" cx="0.8214285714285714" cy="0.8214285714285714" r="0.25"></circle>
</mask>
<mask id="svg-mask-channel-call-control-button-badge-16" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.6428571428571429" y="-0.07142857142857142" width="0.42857142857142855"
height="0.42857142857142855" rx="0.21428571428571427" ry="0.21428571428571427"></rect>
</mask>
<mask id="svg-mask-channel-call-control-button-badge-22" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.5357142857142857" y="-0.07142857142857142" width="0.5357142857142857"
height="0.42857142857142855" rx="0.21428571428571427" ry="0.21428571428571427"></rect>
</mask>
<mask id="svg-mask-channel-call-control-button-badge-29" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.4107142857142857" y="-0.07142857142857142" width="0.6607142857142857"
height="0.42857142857142855" rx="0.21428571428571427" ry="0.21428571428571427"></rect>
</mask>
<mask id="svg-mask-avatar-default" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
</mask>
<mask id="svg-mask-avatar-status-round-16" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<circle fill="black" cx="0.8125" cy="0.8125" r="0.3125"></circle>
</mask>
<mask id="svg-mask-avatar-decoration-status-round-16" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<circle fill="black" cx="0.7604166666666667" cy="0.7604166666666667" r="0.2604166666666667"></circle>
</mask>
<mask id="svg-mask-avatar-status-mobile-16" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.5" y="0.3125" width="0.625" height="0.8125" rx="0.1625" ry="0.1625"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-mobile-16" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.5" y="0.34375" width="0.5208333333333334" height="0.6770833333333334" rx="0.1625"
ry="0.1625"></rect>
</mask>
<mask id="svg-mask-avatar-status-typing-16" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.21875" y="0.5" width="1.1875" height="0.625" rx="0.3125" ry="0.3125"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-typing-16" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.265625" y="0.5" width="0.9895833333333334" height="0.5208333333333334"
rx="0.0968967013888889" ry="0.0968967013888889"></rect>
</mask>
<mask id="svg-mask-avatar-status-round-20" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<circle fill="black" cx="0.85" cy="0.85" r="0.25"></circle>
</mask>
<mask id="svg-mask-avatar-decoration-status-round-20" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<circle fill="black" cx="0.7916666666666667" cy="0.7916666666666667" r="0.20833333333333334"></circle>
</mask>
<mask id="svg-mask-avatar-status-mobile-20" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.6" y="0.45" width="0.5" height="0.65" rx="0.13" ry="0.13"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-mobile-20" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.5833333333333333" y="0.45833333333333337" width="0.4166666666666667"
height="0.5416666666666667" rx="0.13" ry="0.13"></rect>
</mask>
<mask id="svg-mask-avatar-status-typing-20" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.375" y="0.6" width="0.95" height="0.5" rx="0.25" ry="0.25"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-typing-20" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.3958333333333333" y="0.5833333333333333" width="0.7916666666666666"
height="0.4166666666666667" rx="0.0920138888888889" ry="0.0920138888888889"></rect>
</mask>
<mask id="svg-mask-avatar-status-round-24" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<circle fill="black" cx="0.8333333333333334" cy="0.8333333333333334" r="0.2916666666666667"></circle>
</mask>
<mask id="svg-mask-avatar-decoration-status-round-24" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<circle fill="black" cx="0.7777777777777779" cy="0.7777777777777779" r="0.24305555555555558"></circle>
</mask>
<mask id="svg-mask-avatar-status-mobile-24" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.5416666666666666" y="0.375" width="0.5833333333333334" height="0.75" rx="0.15"
ry="0.15"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-mobile-24" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.5347222222222222" y="0.3958333333333333" width="0.48611111111111116" height="0.625"
rx="0.15" ry="0.15"></rect>
</mask>
<mask id="svg-mask-avatar-status-typing-24" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.2916666666666667" y="0.5416666666666666" width="1.0833333333333333"
height="0.5833333333333334" rx="0.2916666666666667" ry="0.2916666666666667"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-typing-24" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.3263888888888889" y="0.5347222222222222" width="0.9027777777777778"
height="0.48611111111111116" rx="0.091772762345679" ry="0.091772762345679"></rect>
</mask>
<mask id="svg-mask-avatar-status-round-32" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<circle fill="black" cx="0.84375" cy="0.84375" r="0.25"></circle>
</mask>
<mask id="svg-mask-avatar-decoration-status-round-32" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<circle fill="black" cx="0.7864583333333334" cy="0.7864583333333334" r="0.20833333333333334"></circle>
</mask>
<mask id="svg-mask-avatar-status-mobile-32" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.59375" y="0.4375" width="0.5" height="0.65625" rx="0.13125" ry="0.13125"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-mobile-32" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.578125" y="0.4479166666666667" width="0.4166666666666667" height="0.546875" rx="0.13125"
ry="0.13125"></rect>
</mask>
<mask id="svg-mask-avatar-status-typing-32" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.359375" y="0.59375" width="0.96875" height="0.5" rx="0.25" ry="0.25"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-typing-32" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.3828125" y="0.578125" width="0.8072916666666667" height="0.4166666666666667"
rx="0.08875868055555558" ry="0.08875868055555558"></rect>
</mask>
<mask id="svg-mask-avatar-status-round-40" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<circle fill="black" cx="0.85" cy="0.85" r="0.25"></circle>
</mask>
<mask id="svg-mask-avatar-decoration-status-round-40" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<circle fill="black" cx="0.7916666666666667" cy="0.7916666666666667" r="0.20833333333333334"></circle>
</mask>
<mask id="svg-mask-avatar-status-mobile-40" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.6" y="0.45" width="0.5" height="0.65" rx="0.13" ry="0.13"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-mobile-40" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.5833333333333333" y="0.45833333333333337" width="0.4166666666666667"
height="0.5416666666666667" rx="0.13" ry="0.13"></rect>
</mask>
<mask id="svg-mask-avatar-status-typing-40" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.375" y="0.6" width="0.95" height="0.5" rx="0.25" ry="0.25"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-typing-40" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.3958333333333333" y="0.5833333333333333" width="0.7916666666666666"
height="0.4166666666666667" rx="0.0876736111111111" ry="0.0876736111111111"></rect>
</mask>
<mask id="svg-mask-avatar-status-round-56" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<circle fill="black" cx="0.8392857142857143" cy="0.8392857142857143" r="0.19642857142857142"></circle>
</mask>
<mask id="svg-mask-avatar-decoration-status-round-56" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<circle fill="black" cx="0.7827380952380953" cy="0.7827380952380953" r="0.1636904761904762"></circle>
</mask>
<mask id="svg-mask-avatar-status-mobile-56" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.6428571428571429" y="0.5178571428571429" width="0.39285714285714285"
height="0.5178571428571429" rx="0.10357142857142858" ry="0.10357142857142858"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-mobile-56" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.6190476190476191" y="0.5148809523809524" width="0.3273809523809524"
height="0.4315476190476191" rx="0.10357142857142858" ry="0.10357142857142858"></rect>
</mask>
<mask id="svg-mask-avatar-status-typing-56" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.45535714285714285" y="0.6428571428571429" width="0.7678571428571429"
height="0.39285714285714285" rx="0.19642857142857142" ry="0.19642857142857142"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-typing-56" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.46279761904761907" y="0.6190476190476191" width="0.6398809523809524"
height="0.3273809523809524" rx="0.08576920351473921" ry="0.08576920351473921"></rect>
</mask>
<mask id="svg-mask-avatar-status-round-80" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<circle fill="black" cx="0.85" cy="0.85" r="0.175"></circle>
</mask>
<mask id="svg-mask-avatar-decoration-status-round-80" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<circle fill="black" cx="0.7916666666666667" cy="0.7916666666666667" r="0.14583333333333334"></circle>
</mask>
<mask id="svg-mask-avatar-decoration-profile-status-round-80" maskContentUnits="objectBoundingBox"
viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<circle fill="black" cx="0.7916666666666667" cy="0.7916666666666667" r="0.12962962962962962"></circle>
</mask>
<mask id="svg-mask-avatar-status-mobile-80" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.675" y="0.575" width="0.35" height="0.45" rx="0.09" ry="0.09"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-mobile-80" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.6458333333333334" y="0.5625" width="0.2916666666666667" height="0.375" rx="0.09"
ry="0.09"></rect>
</mask>
<mask id="svg-mask-avatar-status-typing-80" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.525" y="0.675" width="0.65" height="0.35" rx="0.175" ry="0.175"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-typing-80" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.5208333333333334" y="0.6458333333333334" width="0.5416666666666667"
height="0.2916666666666667" rx="0.08485243055555552" ry="0.08485243055555552"></rect>
</mask>
<mask id="svg-mask-avatar-status-round-120" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<circle fill="black" cx="0.8333333333333334" cy="0.8333333333333334" r="0.16666666666666666"></circle>
</mask>
<mask id="svg-mask-avatar-decoration-status-round-120" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<circle fill="black" cx="0.7777777777777779" cy="0.7777777777777779" r="0.1388888888888889"></circle>
</mask>
<mask id="svg-mask-avatar-status-mobile-120" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.6666666666666666" y="0.5666666666666667" width="0.3333333333333333"
height="0.43333333333333335" rx="0.08666666666666667" ry="0.08666666666666667"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-mobile-120" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.6388888888888888" y="0.5555555555555556" width="0.2777777777777778"
height="0.36111111111111116" rx="0.08666666666666667" ry="0.08666666666666667"></rect>
</mask>
<mask id="svg-mask-avatar-status-typing-120" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.5166666666666667" y="0.6666666666666666" width="0.6333333333333333"
height="0.3333333333333333" rx="0.16666666666666666" ry="0.16666666666666666"></rect>
</mask>
<mask id="svg-mask-avatar-decoration-status-typing-120" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="100%" height="100%"></rect>
<rect fill="black" x="0.513888888888889" y="0.6388888888888888" width="0.5277777777777778"
height="0.2777777777777778" rx="0.08429783950617281" ry="0.08429783950617281"></rect>
</mask>
<mask id="svg-mask-status-online-mobile" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" x="0" y="0" width="1" height="1" rx="0.1875" ry="0.125"></rect>
<rect fill="black" x="0.125" y="0.16666666666666666" width="0.75" height="0.5"></rect>
<ellipse fill="black" cx="0.5" cy="0.8333333333333334" rx="0.125" ry="0.08333333333333333"></ellipse>
</mask>
<mask id="svg-mask-status-online" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
</mask>
<mask id="svg-mask-status-idle" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<circle fill="black" cx="0.25" cy="0.25" r="0.375"></circle>
</mask>
<mask id="svg-mask-status-dnd" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<rect fill="black" x="0.125" y="0.375" width="0.75" height="0.25" rx="0.125" ry="0.125"></rect>
</mask>
<mask id="svg-mask-status-offline" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<circle fill="black" cx="0.5" cy="0.5" r="0.25"></circle>
</mask>
<mask id="svg-mask-status-streaming" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<polygon fill="black" points="0.35,0.25 0.78301275,0.5 0.35,0.75"></polygon>
</mask>
<mask id="svg-mask-status-typing" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" cx="0" cy="0" width="1" height="1" ry="0.5" rx="0.2"></rect>
</mask>
<mask id="svg-mask-avatar-voice-call-80" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
<circle fill="black" cx="0.85" cy="0.85" r="0.2"></circle>
</mask>
<mask id="svg-mask-avatar-call-icon" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5" opacity="1"></circle>
<circle fill="black" cx="0.85" cy="0.15" r="0.2"></circle>
</mask>
<mask id="svg-mask-avatar-call-icon-32" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<circle fill="white" cx="0.5" cy="0.5" r="0.5" opacity="0.5"></circle>
<circle fill="black" cx="0.8" cy="0.25" r="0.325"></circle>
</mask>
<mask id="svg-mask-sticker-rounded-rect" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<path
d="M0 0.26087C0 0.137894 0 0.0764069 0.0382035 0.0382035C0.0764069 0 0.137894 0 0.26087 0H0.73913C0.862106 0 0.923593 0 0.961797 0.0382035C1 0.0764069 1 0.137894 1 0.26087V0.73913C1 0.862106 1 0.923593 0.961797 0.961797C0.923593 1 0.862106 1 0.73913 1H0.26087C0.137894 1 0.0764069 1 0.0382035 0.961797C0 0.923593 0 0.862106 0 0.73913V0.26087Z"
fill="white"></path>
</mask>
<mask id="svg-mask-chat-input-button-notification" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect width="1" height="1" fill="white"></rect>
<circle cx="0.85" cy="0.85" r="0.25" fill="black"></circle>
</mask>
<mask id="svg-mask-sticker-shop-notification" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect width="1" height="1" fill="white"></rect>
<circle cx="0.9" cy="0.9" r="0.5" fill="black"></circle>
</mask>
<mask id="svg-mask-autocomplete-emoji-upsell-emoji" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<rect fill="white" width="1" height="1"></rect>
<circle fill="black" cx="1.33" cy="0.5" r="0.5833333333333334"></circle>
</mask>
<mask id="svg-mask-event-ticket" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
<path
d="M0 0.12C0 0.0779961 0 0.0569941 0.00408726 0.0409507C0.00768251 0.0268386 0.0134193 0.015365 0.0204754 0.00817451C0.028497 0 0.038998 0 0.06 0H0.94C0.961002 0 0.971503 0 0.979525 0.00817451C0.986581 0.015365 0.992318 0.0268386 0.995913 0.0409507C1 0.0569941 1 0.0779961 1 0.12V0.45C0.986193 0.45 0.975 0.472386 0.975 0.5C0.975 0.527614 0.986193 0.55 1 0.55V0.88C1 0.922004 1 0.943006 0.995913 0.959049C0.992318 0.973161 0.986581 0.984635 0.979525 0.991826C0.971503 1 0.961002 1 0.94 1H0.0600001C0.0389981 1 0.028497 1 0.0204754 0.991826C0.0134193 0.984635 0.00768251 0.973161 0.00408726 0.959049C0 0.943006 0 0.922004 0 0.88V0.55C0.0138071 0.55 0.025 0.527614 0.025 0.5C0.025 0.472386 0.0138071 0.45 0 0.45V0.12Z"
fill="white"></path>
</mask>
</svg><svg viewBox="0 0 1 1" aria-hidden="true"
style="position: absolute; pointer-events: none; top: -1px; left: -1px; width: 1px; height: 1px;">
<linearGradient id="624ca819-ccee-42d0-95a9-648a081d02d7">
<stop stop-color="hsl(228, calc(var(--saturation-factor, 1) * 86.7%), 70.6%)"></stop>
<stop offset="1" stop-color="hsl(244, calc(var(--saturation-factor, 1) * 100%), 84.1%)"></stop>
</linearGradient>
<linearGradient id="14edab08-1753-4100-8308-d7ddec0918cc">
<stop stop-color="hsl(228, calc(var(--saturation-factor, 1) * 86.7%), 70.6%)"></stop>
<stop offset="1" stop-color="hsl(244, calc(var(--saturation-factor, 1) * 100%), 84.1%)"></stop>
</linearGradient>
<linearGradient id="81528f1a-24fe-4b86-bf9e-ca0340ff3ca1">
<stop stop-color="hsl(270, calc(var(--saturation-factor, 1) * 86.7%), 70.6%)"></stop>
<stop offset="1" stop-color="hsl(342, calc(var(--saturation-factor, 1) * 58%), 72.9%)"></stop>
</linearGradient>
<linearGradient id="a721fb0a-00a7-47c7-9065-c7d85dcd5eb1">
<stop stop-color="hsl(221, calc(var(--saturation-factor, 1) * 70%), 55.5%)"></stop>
<stop offset="1" stop-color="hsl(269, calc(var(--saturation-factor, 1) * 83.8%), 71%)"></stop>
</linearGradient>
<linearGradient id="2c7135b6-25d5-4d14-becb-11820f8e2c00">
<stop stop-color="hsl(160, calc(var(--saturation-factor, 1) * 81.3%), 35.7%)"></stop>
<stop offset="1" stop-color="hsl(198, calc(var(--saturation-factor, 1) * 81.5%), 46.7%)"></stop>
</linearGradient>
</svg>
<div style="position: fixed; opacity: 0; pointer-events: none;"></div>
<div
class="typeWindows-2-g3UY withFrame-2dL45i titleBar-1it3bQ horizontalReverse-2QssvL flex-3BkGQD directionRowReverse-HZatnx justifyStart-2Mwniq alignStretch-Uwowzr">
<div class="wordmarkWindows-2dq6rw wordmark-2u86JB"><svg aria-hidden="true" role="img" width="55" height="16"
viewBox="0 0 55 16">
<g fill="currentColor">
<path
d="M3 4.78717H6.89554C7.83025 4.78717 8.62749 4.93379 9.27812 5.22703C9.92875 5.52027 10.4144 5.92348 10.7352 6.44582C11.0559 6.96815 11.2208 7.5638 11.2208 8.24192C11.2208 8.90171 11.0559 9.49736 10.7168 10.038C10.3778 10.5695 9.8646 11.0002 9.17732 11.3118C8.49003 11.6234 7.6378 11.7791 6.6197 11.7791H3V4.78717ZM6.57388 10.0014C7.2071 10.0014 7.69278 9.84559 8.03184 9.52485C8.3709 9.21328 8.54501 8.77343 8.54501 8.23276C8.54501 7.72875 8.38923 7.32555 8.08682 7.02314C7.78442 6.72073 7.32623 6.56495 6.71225 6.56495H5.49255V10.0014H6.57388Z">
</path>
<path
d="M17.2882 11.7709C16.7475 11.6335 16.2618 11.4319 15.8311 11.1569V9.4983C16.161 9.75489 16.5917 9.95649 17.1416 10.1214C17.6914 10.2864 18.2229 10.3689 18.7361 10.3689C18.9743 10.3689 19.1576 10.3414 19.2767 10.2772C19.3959 10.2131 19.46 10.1398 19.46 10.0481C19.46 9.94733 19.4233 9.86485 19.3592 9.80071C19.2951 9.73656 19.1668 9.68158 18.9743 9.62659L17.7739 9.36084C17.0866 9.20506 16.6009 8.97596 16.3077 8.70105C16.0144 8.42613 15.877 8.05042 15.877 7.59223C15.877 7.20735 16.0053 6.86829 16.2527 6.58421C16.5093 6.30013 16.8667 6.0802 17.334 5.92442C17.8014 5.76863 18.342 5.68616 18.9743 5.68616C19.5333 5.68616 20.0465 5.74114 20.5138 5.86944C20.9812 5.98857 21.3661 6.14435 21.6685 6.32763V7.89464C21.3569 7.71136 20.9904 7.56474 20.5871 7.45477C20.1748 7.34481 19.7533 7.28982 19.3226 7.28982C18.6994 7.28982 18.3878 7.39979 18.3878 7.61056C18.3878 7.71136 18.4337 7.78467 18.5345 7.83966C18.6353 7.89464 18.8094 7.94046 19.066 7.99544L20.0648 8.17871C20.7155 8.28868 21.2011 8.49028 21.5219 8.77436C21.8426 9.05844 21.9984 9.47081 21.9984 10.0298C21.9984 10.6346 21.7326 11.1203 21.2011 11.4685C20.6696 11.8259 19.9182 12 18.9468 12C18.3787 11.9817 17.8289 11.9084 17.2882 11.7709Z">
</path>
<path
d="M24.4735 11.5602C23.9054 11.2761 23.4655 10.9004 23.1814 10.4239C22.8882 9.94733 22.7507 9.40666 22.7507 8.80185C22.7507 8.20621 22.8974 7.66554 23.1998 7.19819C23.5022 6.72167 23.942 6.35512 24.5194 6.0802C25.0967 5.81445 25.7931 5.677 26.5995 5.677C27.5984 5.677 28.4231 5.88776 29.0829 6.3093V8.1329C28.8538 7.97712 28.5789 7.83965 28.2673 7.74802C27.9558 7.64721 27.6259 7.6014 27.2777 7.6014C26.6545 7.6014 26.178 7.71137 25.8206 7.94046C25.4724 8.16956 25.2983 8.46279 25.2983 8.82934C25.2983 9.18673 25.4632 9.47998 25.8115 9.70907C26.1505 9.93817 26.6453 10.0573 27.2868 10.0573C27.6167 10.0573 27.9466 10.0115 28.2673 9.91067C28.5881 9.80987 28.8722 9.69991 29.1013 9.55329V11.3219C28.3681 11.7618 27.5159 11.9817 26.5537 11.9817C25.7381 11.9817 25.0509 11.8351 24.4735 11.5602Z">
</path>
<path
d="M31.6955 11.5602C31.1182 11.2761 30.6783 10.9004 30.3759 10.4147C30.0735 9.929 29.9177 9.38834 29.9177 8.78353C29.9177 8.18788 30.0735 7.64722 30.3759 7.17986C30.6783 6.71251 31.1182 6.34595 31.6863 6.0802C32.2545 5.81445 32.9418 5.677 33.7299 5.677C34.518 5.677 35.2053 5.80529 35.7743 6.0802C36.3425 6.34595 36.7824 6.71251 37.0848 7.17986C37.3872 7.64722 37.5338 8.17872 37.5338 8.78353C37.5338 9.37918 37.3872 9.929 37.0848 10.4147C36.7824 10.9004 36.3517 11.2852 35.7743 11.5602C35.1961 11.8351 34.518 11.9817 33.7299 11.9817C32.951 11.9817 32.2728 11.8351 31.6955 11.5602ZM34.7287 9.79155C34.967 9.55329 35.0953 9.22339 35.0953 8.82934C35.0953 8.42614 34.9762 8.11457 34.7287 7.87632C34.4813 7.63806 34.1514 7.51892 33.7391 7.51892C33.3084 7.51892 32.9785 7.63806 32.731 7.87632C32.4928 8.11457 32.3645 8.42614 32.3645 8.82934C32.3645 9.23255 32.4836 9.55329 32.731 9.79155C32.9785 10.039 33.3084 10.1581 33.7391 10.1581C34.1514 10.1489 34.4905 10.0298 34.7287 9.79155Z">
</path>
<path
d="M43.6644 6.0435V8.19699C43.4078 8.03204 43.0779 7.94956 42.6747 7.94956C42.1432 7.94956 41.7308 8.11451 41.4467 8.43524C41.1626 8.75598 41.016 9.25999 41.016 9.93811V11.7709H38.5693V5.9427H40.9702V7.80295C41.0985 7.12482 41.3184 6.62082 41.6117 6.30008C41.9049 5.97935 42.2898 5.80524 42.7572 5.80524C43.1054 5.80524 43.4078 5.88771 43.6644 6.0435Z">
</path>
<path
d="M51.9136 4.58649V11.7801H49.4659V10.4696C49.2552 10.9645 48.9436 11.3402 48.5221 11.5968C48.1005 11.8534 47.5782 11.9817 46.9551 11.9817C46.4052 11.9817 45.9195 11.8442 45.5072 11.5785C45.0948 11.3127 44.7741 10.937 44.5542 10.4696C44.3342 9.99313 44.2242 9.46163 44.2242 8.87514C44.2151 8.26117 44.3342 7.71134 44.5816 7.22566C44.8199 6.73998 45.1681 6.36426 45.608 6.08935C46.0479 5.81444 46.5519 5.67698 47.12 5.67698C48.2838 5.67698 49.0627 6.18099 49.4659 7.19817V4.58649H51.9136ZM49.0994 9.7457C49.3468 9.50744 49.4751 9.18671 49.4751 8.80183C49.4751 8.42612 49.356 8.12371 49.1086 7.89462C48.8611 7.66552 48.5312 7.5464 48.1189 7.5464C47.7065 7.5464 47.3766 7.66553 47.1292 7.90378C46.8818 8.14204 46.7626 8.44444 46.7626 8.82932C46.7626 9.2142 46.8818 9.51661 47.1292 9.75487C47.3766 9.99313 47.6973 10.1123 48.1097 10.1123C48.5221 10.1123 48.852 9.99313 49.0994 9.7457Z">
</path>
<path
d="M13.4751 6.29095C14.1789 6.29095 14.7489 5.77778 14.7489 5.14547C14.7489 4.51317 14.1789 4 13.4751 4C12.7723 4 12.2014 4.51317 12.2014 5.14547C12.2014 5.77778 12.7723 6.29095 13.4751 6.29095Z">
</path>
<path d="M14.7489 7.07812C13.97 7.41719 12.9986 7.42635 12.2014 7.07812V11.7792H14.7489V7.07812Z"></path>
</g>
</svg></div>
<div
class="winButtonClose-3Q8ZH5 winButton-3UMjdg flexCenter-1Mwsxg flex-3BkGQD justifyCenter-rrurWZ alignCenter-14kD11"
aria-label="Close" tabindex="-1" role="button"><svg aria-hidden="true" role="img" width="12" height="12"
viewBox="0 0 12 12">
<polygon fill="currentColor" fill-rule="evenodd"
points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1">
</polygon>
</svg></div>
<div
class="winButtonMinMax-3RsPUg winButton-3UMjdg flexCenter-1Mwsxg flex-3BkGQD justifyCenter-rrurWZ alignCenter-14kD11"
aria-label="Maximise" tabindex="-1" role="button"><svg aria-hidden="true" role="img" width="12" height="12"
viewBox="0 0 12 12">
<rect width="9" height="9" x="1.5" y="1.5" fill="none" stroke="currentColor"></rect>
</svg></div>
<div
class="winButtonMinMax-3RsPUg winButton-3UMjdg flexCenter-1Mwsxg flex-3BkGQD justifyCenter-rrurWZ alignCenter-14kD11"
aria-label="Minimise" tabindex="-1" role="button"><svg aria-hidden="true" role="img" width="12" height="12"
viewBox="0 0 12 12">
<rect fill="currentColor" width="10" height="1" x="1" y="6"></rect>
</svg></div>
</div>
<div class="appDevToolsWrapper-1QxdQf">
<div class="notDevTools-1zkgfK">
<div class="app-3xd6d0">
<div class="app-2CXKsg">
<div class="bg-1QIAus"></div>
<div class="layers-OrUESM layers-1YQhyW">
<div aria-hidden="false" class="layer-86YKbF baseLayer-W6S8cY">
<div class="container-1eFtFS">
<nav class="wrapper-1_HaEi guilds-2JjMmN" aria-label="Servers sidebar">
<ul role="tree" tabindex="0" data-list-id="guildsnav" data-jump-section="global"
class="tree-3agP2X">
<div class="unreadMentionsIndicatorTop-2bTgUU">
<div class="bar-2eAyLE unreadMentionsBar-ZXXoOH unread-2wipsx active-334r9u" aria-hidden="true"
style="transform: translateY(-180%);"><span class="text-2GsXbW">new</span></div>
</div>
<div class="scroller-3X7KbA none-2-_0dP scrollerBase-_bVAAt" dir="ltr"
style="overflow: hidden scroll; padding-right: 0px;">
<div class="tutorialContainer-1pL9QS">
<div class="listItem-3SmSlK">
<div class="pill-L_aLMQ wrapper-z5ab_q" aria-hidden="true"></div>
<div class="listItemWrapper-3d87LP">
<div class="wrapper-28eC3z"><svg width="48" height="48" viewBox="0 0 48 48"
class="svg-2zuE5p" overflow="visible">
<defs>
<path
d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z"
id="3c779fcc-36f1-4215-902c-fb8788e88edb-blob_mask"></path>
<rect id="3c779fcc-36f1-4215-902c-fb8788e88edb-upper_badge_masks" x="28" y="-4"
width="24" height="24" rx="12" ry="12" transform="translate(20 -20)"></rect>
<rect id="3c779fcc-36f1-4215-902c-fb8788e88edb-lower_badge_masks" x="22" y="28"
width="30" height="24" rx="12" ry="12" transform="translate(0 0)"></rect>
</defs>
<mask id="3c779fcc-36f1-4215-902c-fb8788e88edb" fill="black" x="0" y="0" width="48"
height="48">
<use href="#3c779fcc-36f1-4215-902c-fb8788e88edb-blob_mask" fill="white"></use>
<use href="#3c779fcc-36f1-4215-902c-fb8788e88edb-upper_badge_masks" fill="black">
</use>
<use href="#3c779fcc-36f1-4215-902c-fb8788e88edb-lower_badge_masks" fill="black">
</use>
</mask>
<mask id="3c779fcc-36f1-4215-902c-fb8788e88edb-stroke_mask">
<rect width="150%" height="150%" x="-25%" y="-25%" fill="white"></rect>
<use href="#3c779fcc-36f1-4215-902c-fb8788e88edb-upper_badge_masks" fill="black">
</use>
<use href="#3c779fcc-36f1-4215-902c-fb8788e88edb-lower_badge_masks" fill="black">
</use>
</mask>
<foreignObject mask="url(#3c779fcc-36f1-4215-902c-fb8788e88edb)" x="0" y="0"
width="48" height="48">
<div class="wrapper-3kah-n" role="listitem" data-list-item-id="guildsnav___home"
tabindex="-1" aria-label="Home">
<div class="childWrapper-1j_1ub"><svg class="homeIcon-r0w4ny" aria-hidden="true"
role="img" width="28" height="20" viewBox="0 0 28 20">
<path fill="currentColor"
d="M23.0212 1.67671C21.3107 0.879656 19.5079 0.318797 17.6584 0C17.4062 0.461742 17.1749 0.934541 16.9708 1.4184C15.003 1.12145 12.9974 1.12145 11.0283 1.4184C10.819 0.934541 10.589 0.461744 10.3368 0.00546311C8.48074 0.324393 6.67795 0.885118 4.96746 1.68231C1.56727 6.77853 0.649666 11.7538 1.11108 16.652C3.10102 18.1418 5.3262 19.2743 7.69177 20C8.22338 19.2743 8.69519 18.4993 9.09812 17.691C8.32996 17.3997 7.58522 17.0424 6.87684 16.6135C7.06531 16.4762 7.24726 16.3387 7.42403 16.1847C11.5911 18.1749 16.408 18.1749 20.5763 16.1847C20.7531 16.3332 20.9351 16.4762 21.1171 16.6135C20.41 17.0369 19.6639 17.3997 18.897 17.691C19.3052 18.4993 19.7718 19.2689 20.3021 19.9945C22.6677 19.2689 24.8929 18.1364 26.8828 16.6466H26.8893C27.43 10.9731 25.9665 6.04728 23.0212 1.67671ZM9.68041 13.6383C8.39754 13.6383 7.34085 12.4453 7.34085 10.994C7.34085 9.54272 8.37155 8.34973 9.68041 8.34973C10.9893 8.34973 12.0395 9.54272 12.0187 10.994C12.0187 12.4453 10.9828 13.6383 9.68041 13.6383ZM18.3161 13.6383C17.0332 13.6383 15.9765 12.4453 15.9765 10.994C15.9765 9.54272 17.0124 8.34973 18.3161 8.34973C19.6184 8.34973 20.6751 9.54272 20.6543 10.994C20.6543 12.4453 19.6184 13.6383 18.3161 13.6383Z">
</path>
</svg></div>
</div>
</foreignObject>
</svg>
<div class="lowerBadge-3WTshO" style="opacity: 1; transform: translate(0px, 0px);">
<div class="numberBadge-37OJ3S base-3IDx3L baseShapeRound-3epLEv"
style="background-color: var(--status-danger); width: 22px;">27</div>
</div>
</div>
</div>
</div>
</div>
<div class="listItem-3SmSlK">
<div class="guildSeparator-a4uisj"></div>
</div>
<div aria-label="Servers">
<div class="listItem-3SmSlK">
<div class="pill-2RsI5Q wrapper-z5ab_q" aria-hidden="true"><span class="item-2LIpTv"
style="opacity: 1; height: 40px; transform: none;"></span></div>
<div>
<div data-dnd-name="DiscordTest" class="blobContainer-ikKyFs selected-3c78Ai"
draggable="true">
<div class="wrapper-28eC3z"><svg width="48" height="48" viewBox="0 0 48 48"
class="svg-2zuE5p" overflow="visible">
<defs>
<path
d="M0 24C0 16.5449 0 12.8174 1.21793 9.87706C2.84183 5.95662 5.95662 2.84183 9.87706 1.21793C12.8174 0 16.5449 0 24 0C31.4551 0 35.1826 0 38.1229 1.21793C42.0434 2.84183 45.1582 5.95662 46.7821 9.87706C48 12.8174 48 16.5449 48 24C48 31.4551 48 35.1826 46.7821 38.1229C45.1582 42.0434 42.0434 45.1582 38.1229 46.7821C35.1826 48 31.4551 48 24 48C16.5449 48 12.8174 48 9.87706 46.7821C5.95662 45.1582 2.84183 42.0434 1.21793 38.1229C0 35.1826 0 31.4551 0 24Z"
id="06bc9b61-3123-4d61-a0a7-f4571251c3a8-blob_mask"></path>
<rect id="06bc9b61-3123-4d61-a0a7-f4571251c3a8-upper_badge_masks" x="28" y="-4"
width="24" height="24" rx="12" ry="12" transform="translate(20 -20)"></rect>
<rect id="06bc9b61-3123-4d61-a0a7-f4571251c3a8-lower_badge_masks" x="28" y="28"
width="24" height="24" rx="12" ry="12" transform="translate(0 0)"></rect>
</defs>
<mask id="06bc9b61-3123-4d61-a0a7-f4571251c3a8" fill="black" x="0" y="0" width="48"
height="48">
<use href="#06bc9b61-3123-4d61-a0a7-f4571251c3a8-blob_mask" fill="white"></use>
<use href="#06bc9b61-3123-4d61-a0a7-f4571251c3a8-upper_badge_masks" fill="black">
</use>
<use href="#06bc9b61-3123-4d61-a0a7-f4571251c3a8-lower_badge_masks" fill="black">
</use>
</mask>
<mask id="06bc9b61-3123-4d61-a0a7-f4571251c3a8-stroke_mask">
<rect width="150%" height="150%" x="-25%" y="-25%" fill="white"></rect>
<use href="#06bc9b61-3123-4d61-a0a7-f4571251c3a8-upper_badge_masks" fill="black">
</use>
<use href="#06bc9b61-3123-4d61-a0a7-f4571251c3a8-lower_badge_masks" fill="black">
</use>
</mask>
<foreignObject mask="url(#06bc9b61-3123-4d61-a0a7-f4571251c3a8)" x="0" y="0"
width="48" height="48">
<div class="wrapper-3kah-n selected-1Drb7Z" role="treeitem"
data-list-item-id="guildsnav___475658494457151490" tabindex="-1"
aria-label="1 mention, DiscordTest" style="font-size: 18px;">
<div class="childWrapper-1j_1ub acronym-2zrAHN" aria-hidden="true">D</div>
</div>
</foreignObject>
</svg>
<div class="lowerBadge-3WTshO" style="opacity: 1; transform: translate(0px, 0px);">
<div class="numberBadge-37OJ3S base-3IDx3L baseShapeRound-3epLEv"
style="background-color: var(--status-danger); width: 16px; padding-right: 1px;">1
</div>
</div>
</div>
</div>
</div>
<div class="wrapper-3XVBev" aria-hidden="true">
<div data-dnd-name="Above DiscordTest" class="target-1eRTCg"></div>
<div data-dnd-name="Combine with DiscordTest" class="centerTarget-S6BLFQ"></div>
</div>
</div>
<div class="listItem-3SmSlK">
<div class="pill-2RsI5Q wrapper-z5ab_q" aria-hidden="true"></div>
<div>
<div data-dnd-name="BetterDiscord2" class="blobContainer-ikKyFs" draggable="true">
<div class="wrapper-28eC3z"><svg width="48" height="48" viewBox="0 0 48 48"
class="svg-2zuE5p" overflow="visible">
<defs>
<path
d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z"
id="b70efa52-bf53-455c-9d31-b8587f4e32de-blob_mask"></path>
</defs>
<mask id="b70efa52-bf53-455c-9d31-b8587f4e32de" fill="black" x="0" y="0" width="48"
height="48">
<use href="#b70efa52-bf53-455c-9d31-b8587f4e32de-blob_mask" fill="white"></use>
</mask>
<foreignObject mask="url(#b70efa52-bf53-455c-9d31-b8587f4e32de)" x="0" y="0"
width="48" height="48">
<div class="wrapper-3kah-n" role="treeitem"
data-list-item-id="guildsnav___280806472928198656" tabindex="-1"
aria-label=" BetterDiscord2"><img class="icon-3AqZ2e"
src="https://cdn.discordapp.com/icons/280806472928198656/168260015c67985bbab2492bd0ed9ed7.webp?size=96"
alt=" " width="48" height="48" aria-hidden="true"></div>
</foreignObject>
</svg></div>
</div>
</div>
<div class="wrapper-3XVBev" aria-hidden="true">
<div data-dnd-name="Above BetterDiscord2" class="target-1eRTCg"></div>
<div data-dnd-name="Combine with BetterDiscord2" class="centerTarget-S6BLFQ"></div>
</div>
</div>
<div class="wrapper-38slSD"><span
class="expandedFolderBackground-1kSAf6 collapsed-uGXEbi"></span>
<div class="listItem-3SmSlK">
<div class="pill-2RsI5Q wrapper-z5ab_q" aria-hidden="true"><span class="item-2LIpTv"
style="opacity: 1; height: 8px; transform: none;"></span></div>
<div class="" data-dnd-name="Overwatch, Risk of Rain 2, Terraria" draggable="true">
<div class="wrapper-28eC3z"><svg width="48" height="48" viewBox="0 0 48 48"
class="svg-2zuE5p" overflow="visible">
<defs>
<path
d="M0 24C0 16.5449 0 12.8174 1.21793 9.87706C2.84183 5.95662 5.95662 2.84183 9.87706 1.21793C12.8174 0 16.5449 0 24 0C31.4551 0 35.1826 0 38.1229 1.21793C42.0434 2.84183 45.1582 5.95662 46.7821 9.87706C48 12.8174 48 16.5449 48 24C48 31.4551 48 35.1826 46.7821 38.1229C45.1582 42.0434 42.0434 45.1582 38.1229 46.7821C35.1826 48 31.4551 48 24 48C16.5449 48 12.8174 48 9.87706 46.7821C5.95662 45.1582 2.84183 42.0434 1.21793 38.1229C0 35.1826 0 31.4551 0 24Z"
id="c54b54bc-a77a-49ec-8243-dc8871021266-blob_mask"></path>
<rect id="c54b54bc-a77a-49ec-8243-dc8871021266-upper_badge_masks" x="28" y="-4"
width="24" height="24" rx="12" ry="12" transform="translate(20 -20)"></rect>
<rect id="c54b54bc-a77a-49ec-8243-dc8871021266-lower_badge_masks" x="22" y="28"
width="30" height="24" rx="12" ry="12" transform="translate(0 0)"></rect>
</defs>
<mask id="c54b54bc-a77a-49ec-8243-dc8871021266" fill="black" x="0" y="0" width="48"
height="48">
<use href="#c54b54bc-a77a-49ec-8243-dc8871021266-blob_mask" fill="white"></use>
<use href="#c54b54bc-a77a-49ec-8243-dc8871021266-upper_badge_masks" fill="black">
</use>
<use href="#c54b54bc-a77a-49ec-8243-dc8871021266-lower_badge_masks" fill="black">
</use>
</mask>
<mask id="c54b54bc-a77a-49ec-8243-dc8871021266-stroke_mask">
<rect width="150%" height="150%" x="-25%" y="-25%" fill="white"></rect>
<use href="#c54b54bc-a77a-49ec-8243-dc8871021266-upper_badge_masks" fill="black">
</use>
<use href="#c54b54bc-a77a-49ec-8243-dc8871021266-lower_badge_masks" fill="black">
</use>
</mask>
<foreignObject mask="url(#c54b54bc-a77a-49ec-8243-dc8871021266)" x="0" y="0"
width="48" height="48">
<div class="folder-241Joy"
aria-label="Overwatch, Risk of Rain 2, Terraria, folder , 11 unread mentions"
aria-expanded="false" aria-owns="folder-items-3897090660" role="treeitem"
data-list-item-id="guildsnav___3897090660" tabindex="-1">
<div aria-hidden="true" class="folderIconWrapper-1oRIZr"
style="background-color: rgba(88, 101, 242, 0.4);">
<div class="closedFolderIconWrapper-3tRb2d">
<div
class="icon-1zKOXL guildIcon-2I5sfu iconSizeSmol-qsFaRK iconInactive-26M06U"
tabindex="-1"
style="background-image: url("https://cdn.discordapp.com/icons/94882524378968064/ee3cd8b9f51b01a7ad46993fc1c0d52c.webp?size=16");">
</div>
<div
class="icon-1zKOXL guildIcon-2I5sfu iconSizeSmol-qsFaRK iconInactive-26M06U"
tabindex="-1"
style="background-image: url("https://cdn.discordapp.com/icons/417739215355510784/a356df956f0a8a0cdd93090ff7c86ec7.webp?size=16");">
</div>
<div
class="icon-1zKOXL guildIcon-2I5sfu iconSizeSmol-qsFaRK iconInactive-26M06U"
tabindex="-1"
style="background-image: url("https://cdn.discordapp.com/icons/251072485095636994/a_d3f24bee51c0c7e92564b7c1a71046e1.webp?size=16");">
</div>
</div>
</div>
</div>
</foreignObject>
</svg>
<div class="lowerBadge-3WTshO" style="opacity: 1; transform: translate(0px, 0px);">
<div class="numberBadge-37OJ3S base-3IDx3L baseShapeRound-3epLEv"
style="background-color: var(--status-danger); width: 22px;">11</div>
</div>
</div>
</div>
<div class="wrapper-3XVBev" aria-hidden="true">
<div data-dnd-name="Above Overwatch, Risk of Rain 2, Terraria" class="target-1eRTCg">
</div>
<div data-dnd-name="Combine with Overwatch, Risk of Rain 2, Terraria"
class="centerTarget-S6BLFQ"></div>
</div>
</div>
</div>
<div class="wrapper-38slSD"><span
class="expandedFolderBackground-1kSAf6 collapsed-uGXEbi"></span>
<div class="listItem-3SmSlK">
<div class="pill-2RsI5Q wrapper-z5ab_q" aria-hidden="true"></div>
<div class="" data-dnd-name="Rainbow 6" draggable="true">
<div class="wrapper-28eC3z"><svg width="48" height="48" viewBox="0 0 48 48"
class="svg-2zuE5p" overflow="visible">
<defs>
<path
d="M0 24C0 16.5449 0 12.8174 1.21793 9.87706C2.84183 5.95662 5.95662 2.84183 9.87706 1.21793C12.8174 0 16.5449 0 24 0C31.4551 0 35.1826 0 38.1229 1.21793C42.0434 2.84183 45.1582 5.95662 46.7821 9.87706C48 12.8174 48 16.5449 48 24C48 31.4551 48 35.1826 46.7821 38.1229C45.1582 42.0434 42.0434 45.1582 38.1229 46.7821C35.1826 48 31.4551 48 24 48C16.5449 48 12.8174 48 9.87706 46.7821C5.95662 45.1582 2.84183 42.0434 1.21793 38.1229C0 35.1826 0 31.4551 0 24Z"
id="51a6bac8-017d-4fa8-880e-77af2a0be89b-blob_mask"></path>
</defs>
<mask id="51a6bac8-017d-4fa8-880e-77af2a0be89b" fill="black" x="0" y="0" width="48"
height="48">
<use href="#51a6bac8-017d-4fa8-880e-77af2a0be89b-blob_mask" fill="white"></use>
</mask>
<foreignObject mask="url(#51a6bac8-017d-4fa8-880e-77af2a0be89b)" x="0" y="0"
width="48" height="48">
<div class="folder-241Joy" aria-label="Rainbow 6, folder " aria-expanded="false"
aria-owns="folder-items-1759972171" role="treeitem"
data-list-item-id="guildsnav___1759972171" tabindex="-1">
<div aria-hidden="true" class="folderIconWrapper-1oRIZr"
style="background-color: rgba(88, 101, 242, 0.4);">
<div class="closedFolderIconWrapper-3tRb2d">
<div
class="icon-1zKOXL guildIcon-2I5sfu iconSizeSmol-qsFaRK iconInactive-26M06U"
tabindex="-1"
style="background-image: url("https://cdn.discordapp.com/icons/253581140072464384/9b349cc57584c7ae7f641c915c44cb65.webp?size=16");">
</div>
</div>
</div>
</div>
</foreignObject>
</svg></div>
</div>
<div class="wrapper-3XVBev" aria-hidden="true">
<div data-dnd-name="Above Rainbow 6" class="target-1eRTCg"></div>
<div data-dnd-name="Combine with Rainbow 6" class="centerTarget-S6BLFQ"></div>
</div>
</div>
</div>
</div>
<div class="tutorialContainer-2jwoiB">
<div class="listItem-3SmSlK">
<div class="listItemWrapper-3d87LP">
<div class="wrapperSimple-Js2rIO wrapper-28eC3z"><svg width="48" height="48"
viewBox="0 0 48 48" class="svg-2zuE5p" overflow="visible">
<foreignObject mask="url(#fd7655a1-0720-405e-bee7-8ca98b0cff91)" x="0" y="0"
width="48" height="48">
<div class="circleIconButton-1VxDrg" aria-label="Add a Server" role="listitem"
data-list-item-id="guildsnav___create-join-button" tabindex="-1"><svg
class="circleIcon-3489FI" aria-hidden="true" role="img" width="24" height="24"
viewBox="0 0 24 24">
<path fill="currentColor"
d="M20 11.1111H12.8889V4H11.1111V11.1111H4V12.8889H11.1111V20H12.8889V12.8889H20V11.1111Z">
</path>
</svg></div>
</foreignObject>
</svg></div>
</div>
</div>
<div class="wrapper-3XVBev" aria-hidden="true">
<div data-dnd-name="Above end of list" class="target-1eRTCg"></div>
</div>
</div>
<div class="listItem-3SmSlK">
<div class="pill-1NRFie">
<div class="wrapper-z5ab_q" aria-hidden="true"></div>
</div>
<div class="listItemWrapper-3d87LP">
<div class="wrapper-28eC3z"><svg width="48" height="48" viewBox="0 0 48 48"
class="svg-2zuE5p" overflow="visible">
<defs>
<path
d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z"
id="d9fb2ba7-03bf-4a3d-81db-034c878635c1-blob_mask"></path>
</defs>
<mask id="d9fb2ba7-03bf-4a3d-81db-034c878635c1" fill="black" x="0" y="0" width="48"
height="48">
<use href="#d9fb2ba7-03bf-4a3d-81db-034c878635c1-blob_mask" fill="white"></use>
</mask>
<foreignObject mask="url(#d9fb2ba7-03bf-4a3d-81db-034c878635c1)" x="0" y="0" width="48"
height="48">
<div class="circleIconButton-1VxDrg" aria-label="Explore Public Servers"
role="listitem" data-list-item-id="guildsnav___guild-discover-button" tabindex="-1">
<svg aria-hidden="true" role="img" class="circleIcon-3489FI" width="24" height="24"
viewBox="0 0 24 24">
<path fill="currentColor"
d="M12 10.9C11.39 10.9 10.9 11.39 10.9 12C10.9 12.61 11.39 13.1 12 13.1C12.61 13.1 13.1 12.61 13.1 12C13.1 11.39 12.61 10.9 12 10.9ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM14.19 14.19L6 18L9.81 9.81L18 6L14.19 14.19Z">
</path>
</svg></div>
</foreignObject>
</svg></div>
</div>
</div>
<div aria-hidden="true"
style="position: absolute; pointer-events: none; min-height: 0px; min-width: 1px; flex: 0 0 auto; height: 0px;">
</div>
</div>
<div class="unreadMentionsIndicatorBottom-3RJMnQ">
<div class="bar-2eAyLE unreadMentionsBar-ZXXoOH unread-2wipsx active-334r9u" aria-hidden="true"
style="transform: translateY(180%);"><span class="text-2GsXbW">new</span></div>
</div>
</ul>
</nav>
<div class="base-2jDfDU">
<div class="content-1SgpWY" style="position: relative;">
<div class="sidebar-1tnWFu">
<nav class="container-1NXEtd" aria-label="DiscordTest (server)">
<div class="container-1-ERn5 clickable-vvKY2q">
<header class="header-3OsQeK">
<div class="headerContent-2SNbie primaryInfo-2ocY3v">
<h1 class="name-3Uvkvr">DiscordTest</h1>
<div class="headerButton-1nmDZ3" aria-controls="popout_599" aria-expanded="false"
aria-label="DiscordTest, server actions" role="button" tabindex="0"></div>
<div class="headerChildren-2qV9P8"><svg width="18" height="18" class="button-2BMPJJ">
<g fill="none" fill-rule="evenodd">
<path d="M0 0h18v18H0"></path>
<path stroke="currentColor" d="M4.5 4.5l9 9" stroke-linecap="round"></path>
<path stroke="currentColor" d="M13.5 4.5l-9 9" stroke-linecap="round"></path>
</g>
</svg></div>
</div>
</header>
</div>
<div class="container-2Y4CWj">
<div></div>
</div>
<div class="positionedContainer-W9XtGp">
<div class="unreadTop-1DJtGv unread-XRkyaQ container-1qIct8">
<div class="bar-2eAyLE unreadBar-elBRZx unread-2wipsx active-334r9u" aria-hidden="true"
style="transform: translateY(-180%);"><span class="text-2GsXbW">New Unreads</span></div>
</div>
</div>
<div class="scroller-1ox3I2 thin-31rlnD scrollerBase-_bVAAt fade-1R6FHN"
orientation="vertical" id="channels" tabindex="0" data-jump-section="global"
style="overflow: hidden scroll; padding-right: 0px;">
<ul aria-label="Channels" class="content-2a4AW9" style="height: 514px;">
<div aria-hidden="true" style="height: 0px;"></div>
<div style="height: 16px;"></div>
<div class="wrapper-NhbLHG" role="listitem">
<div class="content-1gYQeQ"><a role="button" class="mainContent-20q_Hp"
data-list-item-id="channels___guild-active-threads" tabindex="-1">
<div class="iconContainer-21RCa3"><svg class="icon-2W8DHg" aria-hidden="true"
role="img" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill="currentColor"
d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z">
</path>
</svg></div>
<div class="channelName-3KPsGw name-28HaxV">Active Threads</div>
</a></div>
</div>
<div class="sectionDivider-189lqb"></div>
<li class="containerDefault-3TQ5YN" data-dnd-name="Text Channels" draggable="true">
<div class="iconVisibility-3pLDEs wrapper-1S43wv clickable-2AoIYN">
<div class="mainContent-uDGa6R" tabindex="-1"
data-list-item-id="channels___475658494457151492"
aria-label="Text Channels (category)" aria-expanded="true" role="button"><svg
class="arrow-2HswgU icon-3zI3d2" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"
d="M16.59 8.59004L12 13.17L7.41 8.59004L6 10L12 16L18 10L16.59 8.59004Z"></path>
</svg>
<h2 class="name-3BUDLf container-q97qHp">
<div class="overflow-1wOqNV">Text Channels</div>
</h2>
</div>
<div class="children-3MeUvj"><button tabindex="-1" aria-label="Create Channel"
type="button"
class="addButton-2mlqCW forceVisible-14yqh4 button-f2h6uQ lookBlank-21BCro colorBrand-I6CyqQ grow-2sR_-F">
<div class="contents-3ca1mk"><svg class="addButtonIcon-3rJeaD" aria-hidden="true"
role="img" width="18" height="18" viewBox="0 0 18 18">
<polygon fill-rule="nonzero" fill="currentColor"
points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8">
</polygon>
</svg></div>
</button></div>
</div>
</li>
<li class="containerDefault-YUSmu3" data-dnd-name="unread" draggable="true">
<div class="iconVisibility-vptxma wrapper-NhbLHG modeUnread-3Cxepe">
<div class="unread-36eUEm unreadRelevant-2f-VSK"></div>
<div class="content-1gYQeQ"><a href="#" role="link" class="mainContent-20q_Hp"
data-list-item-id="channels___612099511568826390" tabindex="-1"
aria-label="1 mention, unread (text channel)">
<div aria-label="Text (Limited)" role="img" class="iconContainer-21RCa3"><svg
width="24" height="24" viewBox="0 0 24 24" class="icon-2W8DHg">
<path fill="currentColor"
d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z">
</path>
<path fill="currentColor"
d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z">
</path>
</svg></div>
<div class="name-28HaxV overflow-1wOqNV" aria-hidden="true">
<div class="channelName-3KPsGw">unread</div>
</div>
</a>
<div class="children-1MGS9G">
<div class="iconItem-1EjiK0 iconBase-2G48Fc" aria-label="Create Invite"
tabindex="0" role="button"><svg class="actionIcon-2sw4Sl" aria-hidden="true"
role="img" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor"
d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z">
</path>
<path fill="currentColor"
d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z">
</path>
</svg></div>
<div class="iconItem-1EjiK0 iconBase-2G48Fc" tabindex="0"
aria-label="Edit Channel" role="button"><svg class="actionIcon-2sw4Sl"
aria-hidden="true" role="img" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"
d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z">
</path>
</svg></div>
<div class="channelInfo-3jN1ay">
<div class="mentionsBadge-3H1BKJ iconBase-2RQsdz" aria-hidden="true">
<div class="numberBadge-37OJ3S base-3IDx3L baseShapeRound-3epLEv"
style="background-color: var(--status-danger); width: 16px; padding-right: 1px;">
1</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="containerDefault-YUSmu3" data-dnd-name="muted-channel" draggable="true">
<div class="iconVisibility-vptxma wrapper-NhbLHG modeMuted-2T4MDZ">
<div class="content-1gYQeQ"><a href="#" role="link" class="mainContent-20q_Hp"
data-list-item-id="channels___535424706858188820" tabindex="-1"
aria-label="unread, muted-channel (text channel)">
<div aria-label="Text (Limited)" role="img" class="iconContainer-21RCa3"><svg
width="24" height="24" viewBox="0 0 24 24" class="icon-2W8DHg">
<path fill="currentColor"
d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z">
</path>
<path fill="currentColor"
d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z">
</path>
</svg></div>
<div class="name-28HaxV overflow-1wOqNV" aria-hidden="true">
<div class="channelName-3KPsGw">muted-channel</div>
</div>
</a>
<div class="children-1MGS9G">
<div class="iconItem-1EjiK0 iconBase-2G48Fc" aria-label="Create Invite"
tabindex="0" role="button"><svg class="actionIcon-2sw4Sl" aria-hidden="true"
role="img" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor"
d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z">
</path>
<path fill="currentColor"
d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z">
</path>
</svg></div>
<div class="iconItem-1EjiK0 iconBase-2G48Fc" tabindex="0"
aria-label="Edit Channel" role="button"><svg class="actionIcon-2sw4Sl"
aria-hidden="true" role="img" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"
d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z">
</path>
</svg></div>
<div class="channelInfo-3jN1ay"></div>
</div>
</div>
</div>
</li>
<li class="containerDefault-YUSmu3" data-dnd-name="locked-text" draggable="true">
<div class="iconVisibility-vptxma wrapper-NhbLHG">
<div class="content-1gYQeQ"><a href="#" role="link" class="mainContent-20q_Hp"
data-list-item-id="channels___494876373878571019" tabindex="-1"
aria-label="locked-text (text channel)">
<div aria-label="Text (Limited)" role="img" class="iconContainer-21RCa3"><svg
width="24" height="24" viewBox="0 0 24 24" class="icon-2W8DHg">
<path fill="currentColor"
d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z">
</path>
<path fill="currentColor"
d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z">
</path>
</svg></div>
<div class="name-28HaxV overflow-1wOqNV" aria-hidden="true">
<div class="channelName-3KPsGw">locked-text</div>
</div>
</a>
<div class="children-1MGS9G">
<div class="iconItem-1EjiK0 iconBase-2G48Fc" aria-label="Create Invite"
tabindex="0" role="button"><svg class="actionIcon-2sw4Sl" aria-hidden="true"
role="img" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor"
d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z">
</path>
<path fill="currentColor"
d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z">
</path>
</svg></div>
<div class="iconItem-1EjiK0 iconBase-2G48Fc" tabindex="0"
aria-label="Edit Channel" role="button"><svg class="actionIcon-2sw4Sl"
aria-hidden="true" role="img" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"
d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z">
</path>
</svg></div>
<div class="channelInfo-3jN1ay"></div>
</div>
</div>
</div>
</li>
<li class="containerDefault-YUSmu3" data-dnd-name="not-safe-for-work" draggable="true">
<div class="iconVisibility-vptxma wrapper-NhbLHG">
<div class="content-1gYQeQ"><a href="#" role="link" class="mainContent-20q_Hp"
data-list-item-id="channels___569772361885417472" tabindex="-1"
aria-label="not-safe-for-work (text channel)">
<div aria-label="Text (Age-Restricted)" role="img" class="iconContainer-21RCa3">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-2W8DHg">
<path fill="currentColor"
d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z">
</path>
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"
d="M19.8914 3.80204L22.2438 8.55654C22.5726 9.22119 22.0891 9.99999 21.3475 10L16.6179 10C15.8745 10 15.391 9.21769 15.7235 8.55279L18.1007 3.79829C18.4701 3.05951 19.5251 3.06172 19.8914 3.80204ZM18.4998 5H19.4999V7.5H18.4999L18.4998 5ZM18.4998 8.49887C18.4998 8.77589 18.7238 9 18.9998 9C19.2759 9 19.4999 8.77589 19.4999 8.49887C19.4999 8.22224 19.2759 7.99773 18.9998 7.99773C18.7238 7.99773 18.4998 8.22224 18.4998 8.49887Z">
</path>
</svg></div>
<div class="name-28HaxV overflow-1wOqNV" aria-hidden="true">
<div class="channelName-3KPsGw">not-safe-for-work</div>
</div>
</a>
<div class="children-1MGS9G">
<div class="iconItem-1EjiK0 iconBase-2G48Fc" aria-label="Create Invite"
tabindex="0" role="button"><svg class="actionIcon-2sw4Sl" aria-hidden="true"
role="img" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor"
d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z">
</path>
<path fill="currentColor"
d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z">
</path>