This repository has been archived by the owner on Jun 25, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.html
893 lines (875 loc) · 123 KB
/
app.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
<html lang="en" class="full-motion theme-dark">
<head>
<meta charset="utf-8">
<meta name="description" content="Ignite your community. Pyro combines rich text chat and collaboration to help you run your community, your business, and your groups.">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://pyrochat.app">
<meta property="og:type" content="website">
<meta property="og:title" content="Pyro | Ignite Your Community">
<meta property="og:description" content="Ignite your community. Pyro combines rich text chat and collaboration to help you run your community, your business, and your groups.">
<meta property="og:image" content="img/ogimage.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="pyrochat.app">
<meta property="twitter:url" content="https://pyrochat.app">
<meta name="twitter:title" content="Pyro | Ignite Your Community">
<meta name="twitter:description" content="Ignite your community. Pyro combines rich text chat and collaboration to help you run your community, your business, and your groups.">
<meta name="twitter:image" content="img/ogimage.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="img/favicon.png" type="image/png">
<link rel="stylesheet" href="css/main.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<title>Pyro</title>
</head>
<body>
<div class='titlebar-5Z73fo'>
<div class="control-buttons">
<div class="button" id="minimize">
<img class="icon" srcset="icons/min-w-10.png 1x, icons/min-w-12.png 1.25x, icons/min-w-15.png 1.5x, icons/min-w-15.png 1.75x, icons/min-w-20.png 2x, icons/min-w-20.png 2.25x, icons/min-w-24.png 2.5x, icons/min-w-30.png 3x, icons/min-w-30.png 3.5x" draggable="false"/>
</div>
<div class="button" id="maximize">
<img class="icon" srcset="icons/max-w-10.png 1x, icons/max-w-12.png 1.25x, icons/max-w-15.png 1.5x, icons/max-w-15.png 1.75x, icons/max-w-20.png 2x, icons/max-w-20.png 2.25x, icons/max-w-24.png 2.5x, icons/max-w-30.png 3x, icons/max-w-30.png 3.5x" draggable="false"/>
</div>
<div class="button" id="restore">
<img class="icon" srcset="icons/restore-w-10.png 1x, icons/restore-w-12.png 1.25x, icons/restore-w-15.png 1.5x, icons/restore-w-15.png 1.75x, icons/restore-w-20.png 2x, icons/restore-w-20.png 2.25x, icons/restore-w-24.png 2.5x, icons/restore-w-30.png 3x, icons/restore-w-30.png 3.5x" draggable="false"/>
</div>
<div class="button" id="close">
<img class="icon" srcset="icons/close-w-10.png 1x, icons/close-w-12.png 1.25x, icons/close-w-15.png 1.5x, icons/close-w-15.png 1.75x, icons/close-w-20.png 2x, icons/close-w-20.png 2.25x, icons/close-w-24.png 2.5x, icons/close-w-30.png 3x, icons/close-w-30.png 3.5x" draggable="false"/>
</div>
</div>
</div>
<div class="appMount-3lHmkl">
<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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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>
</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="098e2474-802a-4805-a4ac-b4e3b1a71acd">
<stop stop-color="#738ef5"></stop>
<stop offset="1" stop-color="#b3aeff"></stop>
</linearGradient>
<linearGradient id="fe0150bc-2c68-4b94-bb7c-0289737828e3">
<stop stop-color="#b473f5"></stop>
<stop offset="1" stop-color="#e292aa"></stop>
</linearGradient>
<linearGradient id="a4a174e2-e3fd-4d63-985e-68106ba9dee5">
<stop stop-color="#3e70dd"></stop>
<stop offset="1" stop-color="#b377f3"></stop>
</linearGradient>
</svg>
<div style="position: fixed; opacity: 0; pointer-events: none;"></div>
<div class="app-1q1i1E">
<div class="app-2rEoOp">
<div class="bg-h5JY_x"></div>
<div class="layers-3iHuyZ layers-3q14ss">
<div class="layer-3QrUeG baseLayer-35bLyl">
<div class="container-2lgZY8">
<nav class="wrapper-1Rf91z guilds-1SWlCJ">
<ul class="tree-3tCaw8">
<div class="unreadMentionsIndicatorTop-gA6RCh">
<div class="bar-30k2ka unreadMentionsBar-1VrBNe unread-1xRYoj active-1SSsBb" aria-hidden="true" style="transform: translateY(-180%);"><span class="text-2e2ZyG"></span></div>
</div>
<div class="scroller-2TZvBN none-2Eo-qx scrollerBase-289Jih" style="overflow: hidden scroll; padding-right: 0px;" onclick="hideStatusPicker()">
<div class="tutorialContainer-1v44GL">
<div class="listItem-2P_4kh">
<div class="pill-2uzAFe wrapper-sa6paO" aria-hidden="true"><span class="item-2hkk8m" style="opacity: 1; height: 40px; transform: none;"></span></div>
<div class="listItemWrapper-3X98Pc">
<div class="wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1" overflow="visible">
<defs>
<g id="0df0ef5e-fad7-435c-a2de-c0402aa59665-blob_mask">
<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"></path>
</g>
<g id="0df0ef5e-fad7-435c-a2de-c0402aa59665-upper_badge_masks">
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)"></rect>
</g>
<g id="0df0ef5e-fad7-435c-a2de-c0402aa59665-lower_badge_masks">
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)"></rect>
</g>
</defs>
<mask id="0df0ef5e-fad7-435c-a2de-c0402aa59665" fill="black" x="0" y="0" width="48" height="48">
<use href="#0df0ef5e-fad7-435c-a2de-c0402aa59665-blob_mask" fill="white"></use>
<use href="#0df0ef5e-fad7-435c-a2de-c0402aa59665-upper_badge_masks" fill="black"></use>
<use href="#0df0ef5e-fad7-435c-a2de-c0402aa59665-lower_badge_masks" fill="black"></use>
</mask>
<mask id="0df0ef5e-fad7-435c-a2de-c0402aa59665-stroke_mask">
<rect width="150%" height="150%" x="-25%" y="-25%" fill="white"></rect>
<use href="#0df0ef5e-fad7-435c-a2de-c0402aa59665-upper_badge_masks" fill="black"></use>
<use href="#0df0ef5e-fad7-435c-a2de-c0402aa59665-lower_badge_masks" fill="black"></use>
</mask>
<foreignObject mask="url(#0df0ef5e-fad7-435c-a2de-c0402aa59665)" x="0" y="0" width="48" height="48">
<div class="wrapper-1BJsBx selected-bZ3Lue" role="listitem" data-list-item-id="guildsnav___home" tabindex="-1" href="channels/@me" aria-label="Home">
<div class="childWrapper-anI2G9">
<svg class="homeIcon-tEMBK1" width="28" height="20" viewBox="0 0 28 20">
<!-- <path fill="currentColor" d="M20.6644 20C20.6644 20 19.8014 18.9762 19.0822 18.0714C22.2226 17.1905 23.4212 15.2381 23.4212 15.2381C22.4384 15.881 21.5034 16.3334 20.6644 16.6429C19.4658 17.1429 18.3151 17.4762 17.1884 17.6667C14.887 18.0953 12.7774 17.9762 10.9795 17.6429C9.61301 17.381 8.43836 17 7.45548 16.6191C6.90411 16.4048 6.30479 16.1429 5.70548 15.8096C5.63356 15.7619 5.56164 15.7381 5.48973 15.6905C5.44178 15.6667 5.41781 15.6429 5.39384 15.6191C4.96233 15.381 4.7226 15.2143 4.7226 15.2143C4.7226 15.2143 5.87329 17.1191 8.91781 18.0238C8.19863 18.9286 7.31164 20 7.31164 20C2.0137 19.8333 0 16.381 0 16.381C0 8.7144 3.45205 2.50017 3.45205 2.50017C6.90411 -0.07123 10.1884 0.000197861 10.1884 0.000197861L10.4281 0.285909C6.11301 1.52399 4.12329 3.40493 4.12329 3.40493C4.12329 3.40493 4.65068 3.11921 5.53767 2.71446C8.10274 1.59542 10.1404 1.2859 10.9795 1.21447C11.1233 1.19066 11.2432 1.16685 11.387 1.16685C12.8493 0.976379 14.5034 0.92876 16.2295 1.11923C18.5068 1.38114 20.9521 2.0478 23.4452 3.40493C23.4452 3.40493 21.5514 1.61923 17.476 0.381146L17.8116 0.000197861C17.8116 0.000197861 21.0959 -0.07123 24.5479 2.50017C24.5479 2.50017 28 8.7144 28 16.381C28 16.381 25.9623 19.8333 20.6644 20ZM9.51712 8.88106C8.15068 8.88106 7.07192 10.0715 7.07192 11.5239C7.07192 12.9763 8.17466 14.1667 9.51712 14.1667C10.8836 14.1667 11.9623 12.9763 11.9623 11.5239C11.9863 10.0715 10.8836 8.88106 9.51712 8.88106ZM18.2671 8.88106C16.9007 8.88106 15.8219 10.0715 15.8219 11.5239C15.8219 12.9763 16.9247 14.1667 18.2671 14.1667C19.6336 14.1667 20.7123 12.9763 20.7123 11.5239C20.7123 10.0715 19.6336 8.88106 18.2671 8.88106Z"></path> -->
</svg>
</div>
</div>
</foreignObject>
</svg>
</div>
</div>
</div>
</div>
<div class="listItem-2P_4kh">
<div class="guildSeparator-3s64Iy"></div>
</div>
<div aria-label="Servers"></div>
<div class="tutorialContainer-SGrQ1h">
<div class="listItem-2P_4kh">
<div class="pill-3YxEhL">
<div class="wrapper-sa6paO"></div>
</div>
<div class="listItemWrapper-3X98Pc">
<div class="circleButtonMask-2VNJsN wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1" overflow="visible">
<defs>
<g id="3f525d70-d3b7-4344-ab00-40915ae6e4a0-blob_mask">
<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"></path>
</g>
<g id="3f525d70-d3b7-4344-ab00-40915ae6e4a0-upper_badge_masks">
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)"></rect>
</g>
<g id="3f525d70-d3b7-4344-ab00-40915ae6e4a0-lower_badge_masks">
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)"></rect>
</g>
</defs>
<mask id="3f525d70-d3b7-4344-ab00-40915ae6e4a0" fill="black" x="0" y="0" width="48" height="48">
<use href="#3f525d70-d3b7-4344-ab00-40915ae6e4a0-blob_mask" fill="white"></use>
<use href="#3f525d70-d3b7-4344-ab00-40915ae6e4a0-upper_badge_masks" fill="black"></use>
<use href="#3f525d70-d3b7-4344-ab00-40915ae6e4a0-lower_badge_masks" fill="black"></use>
</mask>
<mask id="3f525d70-d3b7-4344-ab00-40915ae6e4a0-stroke_mask">
<rect width="150%" height="150%" x="-25%" y="-25%" fill="white"></rect>
<use href="#3f525d70-d3b7-4344-ab00-40915ae6e4a0-upper_badge_masks" fill="black"></use>
<use href="#3f525d70-d3b7-4344-ab00-40915ae6e4a0-lower_badge_masks" fill="black"></use>
</mask>
<foreignObject mask="url(#3f525d70-d3b7-4344-ab00-40915ae6e4a0)" x="0" y="0" width="48" height="48">
<div class="circleIconButton-jET_ig">
<svg class="circleIcon-LvPL6c" 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 class="wrapper-2B2Wx1">
<span class="half-1OBsd2 higher-3RVLpi"></span>
</div>
</div>
</foreignObject>
</svg>
</div>
</div>
</div>
</div>
<div class="listItem-2P_4kh hidden">
<div class="pill-3YxEhL">
<div class="wrapper-sa6paO"></div>
</div>
<div class="listItemWrapper-3X98Pc">
<div class="circleButtonMask-2VNJsN wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1" overflow="visible">
<defs>
<g id="d20e8817-33d8-4e8a-94cf-31f6cdcdf794-blob_mask">
<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"></path>
</g>
<g id="d20e8817-33d8-4e8a-94cf-31f6cdcdf794-upper_badge_masks">
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)"></rect>
</g>
<g id="d20e8817-33d8-4e8a-94cf-31f6cdcdf794-lower_badge_masks">
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)"></rect>
</g>
</defs>
<mask id="d20e8817-33d8-4e8a-94cf-31f6cdcdf794" fill="black" x="0" y="0" width="48" height="48">
<use href="#d20e8817-33d8-4e8a-94cf-31f6cdcdf794-blob_mask" fill="white"></use>
<use href="#d20e8817-33d8-4e8a-94cf-31f6cdcdf794-upper_badge_masks" fill="black"></use>
<use href="#d20e8817-33d8-4e8a-94cf-31f6cdcdf794-lower_badge_masks" fill="black"></use>
</mask>
<mask id="d20e8817-33d8-4e8a-94cf-31f6cdcdf794-stroke_mask">
<rect width="150%" height="150%" x="-25%" y="-25%" fill="white"></rect>
<use href="#d20e8817-33d8-4e8a-94cf-31f6cdcdf794-upper_badge_masks" fill="black"></use>
<use href="#d20e8817-33d8-4e8a-94cf-31f6cdcdf794-lower_badge_masks" fill="black"></use>
</mask>
<foreignObject mask="url(#d20e8817-33d8-4e8a-94cf-31f6cdcdf794)" x="0" y="0" width="48" height="48">
<div class="circleIconButton-jET_ig" aria-label="Explore Public Servers" role="listitem" data-list-item-id="guildsnav___guild-discover-button" tabindex="-1">
<svg 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 class="listItem-2P_4kh hidden">
<div class="guildSeparator-3s64Iy"></div>
</div>
<div class="listItem-2P_4kh hidden">
<div class="pill-3YxEhL">
<div class="wrapper-sa6paO" aria-hidden="true"></div>
</div>
<div class="listItemWrapper-3X98Pc">
<div class="circleButtonMask-2VNJsN wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1" overflow="visible">
<defs>
<g id="d35107ba-e26b-40af-aedb-af3649799cb2-blob_mask">
<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"></path>
</g>
<g id="d35107ba-e26b-40af-aedb-af3649799cb2-upper_badge_masks">
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)"></rect>
</g>
<g id="d35107ba-e26b-40af-aedb-af3649799cb2-lower_badge_masks">
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)"></rect>
</g>
</defs>
<mask id="d35107ba-e26b-40af-aedb-af3649799cb2" fill="black" x="0" y="0" width="48" height="48">
<use href="#d35107ba-e26b-40af-aedb-af3649799cb2-blob_mask" fill="white"></use>
<use href="#d35107ba-e26b-40af-aedb-af3649799cb2-upper_badge_masks" fill="black"></use>
<use href="#d35107ba-e26b-40af-aedb-af3649799cb2-lower_badge_masks" fill="black"></use>
</mask>
<mask id="d35107ba-e26b-40af-aedb-af3649799cb2-stroke_mask">
<rect width="150%" height="150%" x="-25%" y="-25%" fill="white"></rect>
<use href="#d35107ba-e26b-40af-aedb-af3649799cb2-upper_badge_masks" fill="black"></use>
<use href="#d35107ba-e26b-40af-aedb-af3649799cb2-lower_badge_masks" fill="black"></use>
</mask>
<foreignObject mask="url(#d35107ba-e26b-40af-aedb-af3649799cb2)" x="0" y="0" width="48" height="48">
<div class="circleIconButton-jET_ig" aria-label="Download Apps" role="listitem" data-list-item-id="guildsnav___app-download-button" tabindex="-1">
<svg class="circleIcon-LvPL6c" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"></path>
</svg>
</div>
</foreignObject>
</svg>
</div>
</div>
</div>
<div aria-hidden="true" style="position: absolute; pointer-events: none; min-height: 0; min-width: 1px; flex: 0 0 auto; height: 0;"></div>
</div>
<div class="unreadMentionsIndicatorBottom-BXS58x">
<div class="bar-30k2ka unreadMentionsBar-1VrBNe unread-1xRYoj active-1SSsBb" aria-hidden="true" style="transform: translateY(180%);"><span class="text-2e2ZyG"></span></div>
</div>
</ul>
</nav>
<div class="base-3dtUhz">
<div class="notice-3bPHh- colorDefault-22HBa0" id="banner"></div>
<div class="content-98HsJk">
<div class="sidebar-2K8pFh hasNotice-1XRy4h">
<nav class="privateChannels-1nO12o">
<div class="searchBar-6Kv8R2">
<button class="searchBarComponent-32dTOx">Search Direct Messages</button>
</div>
<div class="scroller-1JbKMe thin-1ybCId scrollerBase-289Jih fade-2kXiP2" style="overflow: hidden scroll; padding-right: 0;" onclick="hideStatusPicker()">
<div class="content-3YMskv" style="height: 528px;">
<div style="height: 8px;"></div>
<a class="channel-2QD9_O container-2Pjhx- selected-aXhQR6" onclick="loadChannelFromId('friends')" id="channel-friends">
<div class="layout-2DM8Md">
<div class="avatar-3uk_u9">
<svg class="linkButtonIcon-Mlm5d6" width="16" height="16" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path fill="currentColor" fill-rule="nonzero" d="M0.5,0 L0.5,1.5 C0.5,5.65 2.71,9.28 6,11.3 L6,16 L21,16 L21,14 C21,11.34 15.67,10 13,10 C13,10 12.83,10 12.75,10 C8,10 4,6 4,1.5 L4,0 L0.5,0 Z M13,0 C10.790861,0 9,1.790861 9,4 C9,6.209139 10.790861,8 13,8 C15.209139,8 17,6.209139 17,4 C17,1.790861 15.209139,0 13,0 Z" transform="translate(2 4)"></path>
<path d="M0,0 L24,0 L24,24 L0,24 L0,0 Z M0,0 L24,0 L24,24 L0,24 L0,0 Z M0,0 L24,0 L24,24 L0,24 L0,0 Z"></path>
</g>
</svg>
</div>
<div class="content-3QAtGj">
<div class="nameAndDecorators-5FJ2dg">
<div class="name-uJV0GL">Friends</div>
</div>
</div>
</div>
</a>
<a class="channel-2QD9_O container-2Pjhx-" onclick="loadChannelFromId('embers')" id="channel-embers">
<div class="layout-2DM8Md">
<div class="avatar-3uk_u9">
<svg class="linkButtonIcon-Mlm5d6" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M2.98966977,9.35789159 C2.98966977,9.77582472 2.63442946,10.1240466 2.20807287,10.1240466 L1.78171628,10.1240466 C1.35535969,10.1240466 0.999948837,9.77582472 0.999948837,9.35789159 C0.999948837,8.93995846 1.35535969,8.59173658 1.78171628,8.59173658 L2.20807287,8.59173658 C2.63442946,8.59173658 2.98966977,8.93995846 2.98966977,9.35789159 Z M22.2467643,9.14892503 C24.0942527,12.9800344 22.3888264,17.5772989 18.3384388,19.3882867 C14.4302837,21.1297305 9.74036124,19.457998 7.9638186,15.6268886 C7.60857829,14.8607335 7.3954,14.0248673 7.32428372,13.189001 L5.76091938,13.189001 C5.33456279,13.189001 4.97932248,12.840612 4.97932248,12.4226788 C4.97932248,12.0047457 5.33456279,11.6565238 5.76091938,11.6565238 L8.03493488,11.6565238 C8.46129147,11.6565238 8.81653178,11.3083019 8.81653178,10.8903688 C8.81653178,10.4724357 8.46129147,10.1240466 8.03493488,10.1240466 L4.41090388,10.1240466 C3.98454729,10.1240466 3.62913643,9.77582472 3.62913643,9.35789159 C3.62913643,8.93995846 3.98454729,8.59173658 4.41090388,8.59173658 L9.45606667,8.59173658 C9.88242326,8.59173658 10.2376636,8.24334752 10.2376636,7.82541439 C10.2376636,7.40748126 9.88242326,7.05925937 9.45606667,7.05925937 L7.3954,7.05925937 C6.75586512,7.05925937 6.18727597,6.57161499 6.18727597,5.87517123 C6.18727597,5.24827153 6.68474884,4.69091591 7.3954,4.69091591 L15.4250589,4.69091591 C18.267493,4.8303384 20.9676946,6.43235968 22.2467643,9.14892503 Z M13.2662961,8.38056332 C11.0193969,9.3919615 10.0341721,11.9973566 11.065955,14.1998642 C12.097738,16.4023718 14.755645,17.3681317 17.0025442,16.3567335 C19.249614,15.3453354 20.2346682,12.7399402 19.2028853,10.5374326 C18.1711023,8.33492503 15.5131953,7.36916515 13.2662961,8.38056332 Z M16.8462589,9.84548582 L18.2673907,12.2138293 C18.338507,12.3530846 18.338507,12.4227958 18.2673907,12.5620512 L16.8462589,14.9303946 C16.7751426,15.0696499 16.6330806,15.0696499 16.5619643,15.0696499 L13.7906465,15.0696499 C13.6485845,15.0696499 13.5774682,14.9999387 13.5065225,14.9303946 L12.0852202,12.5620512 C12.0142744,12.4227958 12.0142744,12.3530846 12.0852202,12.2138293 L13.5065225,9.84548582 C13.5774682,9.7062305 13.7197008,9.7062305 13.7906465,9.7062305 L16.5619643,9.7062305 C16.7041969,9.63651925 16.7751426,9.7062305 16.8462589,9.84548582 Z"></path>
</svg>
</div>
<div class="content-3QAtGj">
<div class="nameAndDecorators-5FJ2dg">
<div class="name-uJV0GL">Embers</div>
</div>
</div>
</div>
</a>
<h2 class="privateChannelsHeaderContainer-3NB1K1 container-2ax-kl">
<span class="headerText-2F0828">Direct Messages</span>
</h2>
<div id="privateChannelsList"></div>
<h2 class="privateChannelsHeaderContainer-3NB1K1 container-2ax-kl">
<span class="headerText-2F0828">Group Chats</span>
</h2>
<div id="groupChatsList" style="padding-bottom: 12px;"></div>
</div>
</div>
</nav>
<section class="panels-j1Uci_">
<div class="wrapper-24pKcD"></div>
<div class="container-3baos1">
<div class="avatarWrapper-2yR4wp" onclick="showStatusPicker()">
<div class="avatar-SmRMf2 wrapper-3t9DeA" style="width: 32px; height: 32px;">
<svg width="40" height="32" viewBox="0 0 40 32" class="mask-1l8v16 svg-2V3M55">
<foreignObject x="0" y="0" width="32" height="32" mask="url(#svg-mask-avatar-status-round-32)">
<img id="avatarImage" alt="Can't see this avatar? Too bad!" class="avatar-VxgULZ">
</foreignObject>
<rect width="10" height="10" x="22" y="22" class="pointerEvents-2zdfdO RT_status" mask="url(#svg-mask-status-online)" fill="#43b581"></rect>
</svg>
</div>
</div>
<div class="nameTag-3uD-yy canCopy-2VBT7N">
<div class="colorStandard-2KCXvj size14-e6ZScH usernameContainer-1fp4nu">
<div class="size14-e6ZScH title-eS5yk3 RT_username"></div>
</div>
<div class="size12-3cLvbJ subtext-3CDbHg RT_discriminator"></div>
</div>
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 0 1 auto;">
<button aria-label="Mute" class="button-14-BFJ enabled-2cQ-u7 button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN hidden">
<div class="contents-18-Yxp">
<svg width="20" height="20" viewBox="0 0 24 24">
<path d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z" fill="currentColor"></path>
<path d="M9.01 11.085C9.015 11.1125 9.02 11.14 9.02 11.17L15 5.18V5C15 3.34 13.66 2 12 2C10.34 2 9 3.34 9 5V11C9 11.03 9.005 11.0575 9.01 11.085Z" fill="currentColor"></path>
<path d="M11.7237 16.0927L10.9632 16.8531L10.2533 17.5688C10.4978 17.633 10.747 17.6839 11 17.72V22H13V17.72C16.28 17.23 19 14.41 19 11H17.3C17.3 14 14.76 16.1 12 16.1C11.9076 16.1 11.8155 16.0975 11.7237 16.0927Z" fill="currentColor"></path>
<path d="M21 4.27L19.73 3L3 19.73L4.27 21L8.46 16.82L9.69 15.58L11.35 13.92L14.99 10.28L21 4.27Z" class="strikethrough-1n4ekb" fill="currentColor"></path>
</svg>
</div>
</button>
<button aria-label="Deafen" role="switch" aria-checked="false" type="button" class="button-14-BFJ enabled-2cQ-u7 button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN hidden">
<div class="contents-18-Yxp">
<svg width="20" height="20" viewBox="0 0 24 24">
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2.00305C6.486 2.00305 2 6.48805 2 12.0031V20.0031C2 21.1071 2.895 22.0031 4 22.0031H6C7.104 22.0031 8 21.1071 8 20.0031V17.0031C8 15.8991 7.104 15.0031 6 15.0031H4V12.0031C4 7.59105 7.589 4.00305 12 4.00305C16.411 4.00305 20 7.59105 20 12.0031V15.0031H18C16.896 15.0031 16 15.8991 16 17.0031V20.0031C16 21.1071 16.896 22.0031 18 22.0031H20C21.104 22.0031 22 21.1071 22 20.0031V12.0031C22 6.48805 17.514 2.00305 12 2.00305Z" fill="currentColor"></path>
</svg>
</svg>
</div>
</button>
<button aria-label="User Settings" type="button" class="button-14-BFJ enabled-2cQ-u7 button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp">
<svg width="20" height="20" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"></path>
</svg>
</div>
</button>
</div>
</div>
</section>
</div>
<div class="container-1D34oG" id="main-body" onclick="hideStatusPicker()">
<div id="friends" class="mainBody-f3wd0" style="height: 100%">
<section class="container-1r6BKw themed-ANHk51 header-fj033">
<div class="children-19S4PO">
<div class="iconWrapper-2OrFZ1">
<svg x="0" y="0" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path fill="currentColor" fill-rule="nonzero" d="M0.5,0 L0.5,1.5 C0.5,5.65 2.71,9.28 6,11.3 L6,16 L21,16 L21,14 C21,11.34 15.67,10 13,10 C13,10 12.83,10 12.75,10 C8,10 4,6 4,1.5 L4,0 L0.5,0 Z M13,0 C10.790861,0 9,1.790861 9,4 C9,6.209139 10.790861,8 13,8 C15.209139,8 17,6.209139 17,4 C17,1.790861 15.209139,0 13,0 Z" transform="translate(2 4)"></path>
<path d="M0,0 L24,0 L24,24 L0,24 L0,0 Z M0,0 L24,0 L24,24 L0,24 L0,0 Z M0,0 L24,0 L24,24 L0,24 L0,0 Z"></path>
</g>
</svg>
</div>
<h3 class="title-29uC1r base-1x0h_U size16-1P40sf">Friends</h3>
</div>
<div class="toolbar-1t6TWx">
<div class="inviteToolbar-3F-l2g hidden">
<div class="iconWrapper-2OrFZ1 clickable-3rdHwn">
<svg x="0" y="0" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M20.998 0V3H23.998V5H20.998V8H18.998V5H15.998V3H18.998V0H20.998ZM2.99805 20V24L8.33205 20H14.998C16.102 20 16.998 19.103 16.998 18V9C16.998 7.896 16.102 7 14.998 7H1.99805C0.894047 7 -0.00195312 7.896 -0.00195312 9V18C-0.00195312 19.103 0.894047 20 1.99805 20H2.99805Z"></path>
</svg>
</div>
<div class="divider-3FBTu8"></div>
</div>
<div class="iconWrapper-2OrFZ1 clickable-3rdHwn hidden">
<svg x="0" y="0" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z" fill="currentColor"></path>
</svg>
</div>
<a tabindex="-1" class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB" href="support" rel="noreferrer noopener" target="_blank">
<div class="iconWrapper-2OrFZ1 clickable-3rdHwn">
<svg x="0" y="0" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
<path fill="#43b581" d="M12 2C6.486 2 2 6.487 2 12C2 17.515 6.486 22 12 22C17.514 22 22 17.515 22 12C22 6.487 17.514 2 12 2ZM12 18.25C11.31 18.25 10.75 17.691 10.75 17C10.75 16.31 11.31 15.75 12 15.75C12.69 15.75 13.25 16.31 13.25 17C13.25 17.691 12.69 18.25 12 18.25ZM13 13.875V15H11V12H12C13.104 12 14 11.103 14 10C14 8.896 13.104 8 12 8C10.896 8 10 8.896 10 10H8C8 7.795 9.795 6 12 6C14.205 6 16 7.795 16 10C16 11.861 14.723 13.429 13 13.875Z"></path>
</svg>
</div>
</a>
</div>
</section>
<div class="tabBody-3YRQ8W">
<div class="peopleColumn-29fq28">
<div class="sectionHeader-20RGqu">
<div class="addInputWrapper-1BOZ3d">
<h2 class="header-1-dBpZ">Add Friend</h2>
<div class="description-1EvxpH" id="addFriendLabel">Have a friend? You can add them here with their Pyro tag.</div>
<div class="wrapper-1cBijl">
<input class="addFriendInput-4bcerK" placeholder="Enter a Username#0000" maxlength="37" max="37" min="5" id="addFriendField">
<div class="addFriendHint-3Y70FX"></div>
<button type="submit" disabled class="button-38aScr lookFilled-1Gx00P colorBrand-3pXr91 sizeSmall-2cSMqn grow-q77ONN" id="addFriendButton">
<div class="contents-18-Yxp">Add Friend</div>
</button>
</div>
</div>
</div>
<div class="emptyState-2i1-FW">
<div class="friendsEmpty-1K9B4k hidden">
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignCenter-1dQNNs noWrap-3jynv6 wrapper-r-6rrt" style="flex: 1 1 auto;">
<div class="image-1GzsFd marginBottom40-2vIwTv" style="flex: 0 1 auto; width: 376px; height: 162px; background-image: url('../img/b5eb2f7d6b3f8cc9b60be4a5dcf28015.svg');"></div>
<div class="flexChild-faoVW3" direction="vertical-V37hAW flex-1O1GKY directionColumn-35P_nr" style="flex: 0 1 auto;">
<div class="text-GwUZgS marginTop8-1DLZ1n">Looks quiet here. Add a friend!</div>
</div>
</div>
</div>
<div class="peopleList-3c4jOR auto-Ge5KZx scrollerBase-289Jih" style="overflow: hidden scroll; padding-right: 0px;">
<div>
<h2 class="title-30qZAO container-2ax-kl">Friends — 0</h2>
<div class="friendsList-jfa091"></div>
</div>
<div style="position: absolute; pointer-events: none; min-height: 0px; min-width: 1px; flex: 0 0 auto; height: 8px;"></div>
</div>
</div>
</div>
<div class="nowPlayingColumn-2sl4cE hidden">
<div class="nowPlayingScroller-2XrVUt thin-1ybCId scrollerBase-289Jih" style="overflow: hidden scroll; padding-right: 8px;">
<h3 class="header-13Cw0- base-1x0h_U size12-3cLvbJ">Active Now</h3>
<div class="emptyCard-1RJw8n">
<h5 class="emptyHeader-3lmLcs base-1x0h_U size16-1P40sf">It's quiet for now...</h5>
<div class="size14-e6ZScH emptyText-2zjpZr">When a friend starts an activity—like playing a game or hanging out on voice—we’ll show it here!</div>
</div>
<div style="position: absolute; pointer-events: none; min-height: 0; min-width: 1px; flex: 0 0 auto; height: 16px;"></div>
</div>
</div>
</div>
</div>
<div id="embers" class="applicationStore-1pNvnv mainBody-f3wd0 hidden">
<section class="headerBar-1YYOfi container-1r6BKw themed-ANHk51">
<div class="children-19S4PO">
<div class="iconWrapper-2OrFZ1">
<svg x="0" y="0" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M2.98966977,9.35789159 C2.98966977,9.77582472 2.63442946,10.1240466 2.20807287,10.1240466 L1.78171628,10.1240466 C1.35535969,10.1240466 0.999948837,9.77582472 0.999948837,9.35789159 C0.999948837,8.93995846 1.35535969,8.59173658 1.78171628,8.59173658 L2.20807287,8.59173658 C2.63442946,8.59173658 2.98966977,8.93995846 2.98966977,9.35789159 Z M22.2467643,9.14892503 C24.0942527,12.9800344 22.3888264,17.5772989 18.3384388,19.3882867 C14.4302837,21.1297305 9.74036124,19.457998 7.9638186,15.6268886 C7.60857829,14.8607335 7.3954,14.0248673 7.32428372,13.189001 L5.76091938,13.189001 C5.33456279,13.189001 4.97932248,12.840612 4.97932248,12.4226788 C4.97932248,12.0047457 5.33456279,11.6565238 5.76091938,11.6565238 L8.03493488,11.6565238 C8.46129147,11.6565238 8.81653178,11.3083019 8.81653178,10.8903688 C8.81653178,10.4724357 8.46129147,10.1240466 8.03493488,10.1240466 L4.41090388,10.1240466 C3.98454729,10.1240466 3.62913643,9.77582472 3.62913643,9.35789159 C3.62913643,8.93995846 3.98454729,8.59173658 4.41090388,8.59173658 L9.45606667,8.59173658 C9.88242326,8.59173658 10.2376636,8.24334752 10.2376636,7.82541439 C10.2376636,7.40748126 9.88242326,7.05925937 9.45606667,7.05925937 L7.3954,7.05925937 C6.75586512,7.05925937 6.18727597,6.57161499 6.18727597,5.87517123 C6.18727597,5.24827153 6.68474884,4.69091591 7.3954,4.69091591 L15.4250589,4.69091591 C18.267493,4.8303384 20.9676946,6.43235968 22.2467643,9.14892503 Z M13.2662961,8.38056332 C11.0193969,9.3919615 10.0341721,11.9973566 11.065955,14.1998642 C12.097738,16.4023718 14.755645,17.3681317 17.0025442,16.3567335 C19.249614,15.3453354 20.2346682,12.7399402 19.2028853,10.5374326 C18.1711023,8.33492503 15.5131953,7.36916515 13.2662961,8.38056332 Z M16.8462589,9.84548582 L18.2673907,12.2138293 C18.338507,12.3530846 18.338507,12.4227958 18.2673907,12.5620512 L16.8462589,14.9303946 C16.7751426,15.0696499 16.6330806,15.0696499 16.5619643,15.0696499 L13.7906465,15.0696499 C13.6485845,15.0696499 13.5774682,14.9999387 13.5065225,14.9303946 L12.0852202,12.5620512 C12.0142744,12.4227958 12.0142744,12.3530846 12.0852202,12.2138293 L13.5065225,9.84548582 C13.5774682,9.7062305 13.7197008,9.7062305 13.7906465,9.7062305 L16.5619643,9.7062305 C16.7041969,9.63651925 16.7751426,9.7062305 16.8462589,9.84548582 Z"></path>
</svg>
</div>
<h3 class="title-29uC1r base-1x0h_U size16-1P40sf">Embers</h3>
</div>
</section>
<div class="scroller-9moviB auto-Ge5KZx scrollerBase-289Jih" dir="ltr" style="overflow: hidden scroll; padding-right: 0;">
<div class="premiumContainer-2Iux5m">
<div class="container-1KLQDM">
<div class="content-2c3hgM hidden">
<div class="subscriptionDetails-1dUmjl">
<h2 class="colorStandard-2KCXvj size14-e6ZScH h2-2gWE-o title-3sZWYQ defaultColor-1_ajX0 sectionTitle-Q8N7Yv">Your Subscription</h2>
<div class="subscriptionRows-1fgok1">
<p class="sectionDescription-3uMpPK">These are your current subscriptions. They will be billed on the same billing cycle. You can update any subscription at any time.</p>
<div class="banner-3Kac2g tier1-1ttHRY">
<div class="bannerBackgroundImage-1DMjWi"></div>
<div class="image-S2twTr"></div>
<div class="details-nLuvoA">
<svg class="discordWordmark-1QjTBy" aria-label="Nitro Classic" aria-hidden="false" width="55" height="16" viewBox="0 0 55 16">
<path fill="currentColor" d="M3.57642276,0.141304348 L0,0.141304348 L0,4.22826087 L2.38069106,6.40217391 L2.38069106,2.43478261 L3.66260163,2.43478261 C4.47052846,2.43478261 4.86910569,2.83695652 4.86910569,3.4673913 L4.86910569,6.5 C4.86910569,7.13043478 4.49207317,7.55434783 3.66260163,7.55434783 L0,7.55434783 L0,9.85869565 L3.57642276,9.85869565 C5.49390244,9.86956522 7.29288618,8.90217391 7.29288618,6.66304348 L7.29288618,3.39130435 C7.29288618,1.13043478 5.49390244,0.141304348 3.57642276,0.141304348 Z M22.3310976,6.67391304 L22.3310976,3.32608696 C22.3310976,2.11956522 24.4640244,1.83695652 25.1103659,3.05434783 L27.0817073,2.23913043 C26.3168699,0.510869565 24.8949187,0 23.7207317,0 C21.803252,0 19.9073171,1.13043478 19.9073171,3.32608696 L19.9073171,6.67391304 C19.9073171,8.88043478 21.803252,10 23.6776423,10 C24.8841463,10 26.3276423,9.39130435 27.1247967,7.81521739 L25.0134146,6.82608696 C24.4963415,8.17391304 22.3310976,7.84782609 22.3310976,6.67391304 Z M15.8030488,3.7826087 C15.0597561,3.61956522 14.5642276,3.34782609 14.5319106,2.88043478 C14.575,1.75 16.2878049,1.7173913 17.2896341,2.79347826 L18.8731707,1.55434783 C17.8821138,0.326086957 16.7617886,0 15.598374,0 C13.8424797,0 12.1404472,1 12.1404472,2.91304348 C12.1404472,4.77173913 13.5408537,5.76086957 15.0813008,6 C15.8676829,6.10869565 16.7402439,6.42391304 16.7186992,6.97826087 C16.654065,8.02173913 14.5426829,7.9673913 13.5839431,6.7826087 L12.0650407,8.23913043 C12.9591463,9.40217391 14.1764228,10 15.3182927,10 C17.074187,10 19.0239837,8.9673913 19.0993902,7.08695652 C19.2071138,4.69565217 17.5050813,4.09782609 15.8030488,3.7826087 Z M8.59634146,9.85869565 L11.0093496,9.85869565 L11.0093496,0.141304348 L8.59634146,0.141304348 L8.59634146,9.85869565 Z M49.2835366,0.141304348 L45.7071138,0.141304348 L45.7071138,4.22826087 L48.0878049,6.40217391 L48.0878049,2.43478261 L49.3589431,2.43478261 C50.1668699,2.43478261 50.5654472,2.83695652 50.5654472,3.4673913 L50.5654472,6.5 C50.5654472,7.13043478 50.1884146,7.55434783 49.3589431,7.55434783 L45.6963415,7.55434783 L45.6963415,9.85869565 L49.2727642,9.85869565 C51.1902439,9.86956522 52.9892276,8.90217391 52.9892276,6.66304348 L52.9892276,3.39130435 C53,1.13043478 51.2010163,0.141304348 49.2835366,0.141304348 Z M31.7353659,0 C29.753252,0 27.7819106,1.09782609 27.7819106,3.33695652 L27.7819106,6.66304348 C27.7819106,8.89130435 29.7640244,10 31.7569106,10 C33.7390244,10 35.7103659,8.89130435 35.7103659,6.66304348 L35.7103659,3.33695652 C35.7103659,1.10869565 33.7174797,0 31.7353659,0 Z M33.2865854,6.66304348 C33.2865854,7.35869565 32.5109756,7.7173913 31.7461382,7.7173913 C30.9705285,7.7173913 30.1949187,7.36956522 30.1949187,6.66304348 L30.1949187,3.33695652 C30.1949187,2.61956522 30.9489837,2.23913043 31.7030488,2.23913043 C32.4894309,2.23913043 33.2865854,2.58695652 33.2865854,3.33695652 L33.2865854,6.66304348 Z M44.3605691,3.33695652 C44.3067073,1.05434783 42.7770325,0.141304348 40.8056911,0.141304348 L36.9815041,0.141304348 L36.9815041,9.86956522 L39.4268293,9.86956522 L39.4268293,6.77173913 L39.8577236,6.77173913 L42.0768293,9.85869565 L45.0930894,9.85869565 L42.4861789,6.52173913 C43.6495935,6.15217391 44.3605691,5.14130435 44.3605691,3.33695652 Z M40.8487805,4.65217391 L39.4268293,4.65217391 L39.4268293,2.43478261 L40.8487805,2.43478261 C42.3784553,2.43478261 42.3784553,4.65217391 40.8487805,4.65217391 Z" transform="translate(1 3)"></path>
</svg>
<div class="classicWordmark-3t6v0a"></div>
<div class="planInfo-1bDJtx">You have chat perks and a Boost discount for <strong>$4.99 / Month</strong></div>
</div>
<div class="buttons-2FmDnk">
<a class="anchor-3Z-8Bb" href="https://support.apple.com/HT202039" rel="noreferrer noopener" target="_blank">
<button type="button" class="toolsButton-9wOG4D externalButton-24IwRV button-38aScr lookOutlined-3sRXeN colorWhite-rEQuAQ sizeSmall-2cSMqn grow-q77ONN">
<div class="contents-18-Yxp">Manage Subscription</div>
</button>
</a>
</div>
</div>
</div>
<div>
<h5 class="colorStandard-2KCXvj size14-e6ZScH h5-18_1nd title-3sZWYQ defaultMarginh5-2mL-bP">Payment</h5>
<div class="details-1YZMDP">
<div class="billingInformation-1MZXzx detailsBlock-FoDTGA">
<h3 class="colorStandard-2KCXvj size14-e6ZScH h3-3PDeKG title-3sZWYQ defaultColor-1_ajX0 detailBlockHeader-UY8ynz">Billing Information</h3>
<div>Your subscriptions will automatically renew on <strong>May 2, 2021</strong> and you'll be charged <strong>$4.99</strong>.</div>
</div>
<div class="detailsBlock-FoDTGA">
<div>
<div class="externalContainer-20zADp">
<h3 class="colorStandard-2KCXvj size14-e6ZScH h3-3PDeKG title-3sZWYQ defaultColor-1_ajX0 header-3VTydC">Your subscription is handled by Apple</h3>
<a class="anchor-3Z-8Bb externalLink-ExuH7J" href="https://support.apple.com/HT201266" rel="noreferrer noopener" target="_blank">
<button type="button" class="button-38aScr lookFilled-1Gx00P colorPrimary-3b3xI6 sizeMedium-1AC_Sl fullWidth-1orjjo grow-q77ONN">
<div class="contents-18-Yxp">Change Payment Method</div>
</button>
</a>
</div>
</div>
<div class="finePrint-2QTm37">*Applies to all subscriptions</div>
</div>
</div>
</div>
</div>
<div class="hero-EvfTTA">
<svg class="heroIcon-3QgOM5" viewBox="0 0 149 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M49.4251 0.213867H45.5963V15.3515H49.4251V0.213867Z" fill="currentColor"></path>
<path fill="currentColor" d="M43.5474 10.3668V5.27809C43.5474 1.74904 40.7034 0.213867 37.6697 0.213867H32V6.57472L35.7737 9.9631V3.78573H37.792C39.0765 3.78573 39.6942 4.40347 39.6942 5.38818V10.116C39.6942 11.1007 39.0948 11.7613 37.792 11.7613H32V15.3515H37.6636C40.7034 15.3698 43.5474 13.853 43.5474 10.3668Z"></path>
<path fill="currentColor" d="M69.4801 15.5657C71.3822 15.5657 73.6697 14.6239 74.9296 12.1651L71.5963 10.6239C70.7645 12.7217 67.3394 12.208 67.3394 10.3914V5.17431C67.3394 3.29052 70.7156 2.86239 71.7431 4.74618L74.8624 3.48624C73.6452 0.795107 71.4006 0 69.5413 0C66.5076 0 63.5107 1.75535 63.5107 5.17431V10.3914C63.5168 13.8349 66.5076 15.5657 69.4801 15.5657Z"></path>
<path fill="currentColor" d="M115.878 5.27809C115.878 1.74904 113.034 0.213867 110 0.213867H104.336V6.57472L108.11 9.9631V3.78573H110.128C111.413 3.78573 112.031 4.40347 112.031 5.38818V10.116C112.031 11.1007 111.431 11.7613 110.128 11.7613H104.336V15.3515H110C113.034 15.3698 115.878 13.853 115.878 10.3729V5.27809Z"></path>
<path fill="currentColor" d="M53.5107 10.5627L51.0948 12.8318C52.5077 14.6483 54.4282 15.5657 56.2447 15.5657C59.0214 15.5657 62.104 13.9633 62.2325 11.0336C62.4037 7.31498 59.7065 6.37309 57.0153 5.88379C55.841 5.62691 55.0459 5.19878 55.0031 4.47095C55.0643 2.7156 57.7799 2.65443 59.364 4.34251L61.8655 2.4159C60.3058 0.513761 58.5322 0 56.6912 0C53.9144 0 51.2172 1.55963 51.2172 4.53211C51.2172 7.41896 53.4374 8.96025 55.8777 9.34557C57.1193 9.51682 58.5077 10.0061 58.4649 10.8624C58.3609 12.4832 55.0276 12.3976 53.5107 10.5627Z"></path>
<path fill="currentColor" d="M82.2446 15.5657C85.3883 15.5657 88.5076 13.8349 88.5076 10.3731V5.19266C88.5076 1.73089 85.3639 0 82.2201 0C79.0764 0 75.9572 1.71254 75.9572 5.19266V10.367C75.9572 13.8349 79.1009 15.5657 82.2446 15.5657ZM79.7859 5.19266C79.7859 4.07951 80.9847 3.48012 82.1773 3.48012C83.4189 3.48012 84.6789 4.01223 84.6789 5.19266V10.367C84.6789 11.4557 83.4617 12.0122 82.2385 12.0122C81.0214 12.0122 79.7798 11.4801 79.7798 10.367V5.19266H79.7859Z"></path>
<path fill="currentColor" d="M94.4098 10.5383H95.0948L98.5994 15.3456H103.37L99.2416 10.153C101.083 9.57804 102.214 7.99394 102.214 5.19272C102.128 1.64532 99.7125 0.208008 96.5932 0.208008H90.5443V15.3517H94.4159V10.5383H94.4098ZM94.4098 3.78599H96.6544C99.0703 3.78599 99.0703 7.24777 96.6544 7.24777H94.4098V3.78599Z"></path>
<path fill="currentColor" d="M135.856 23.4065L116.902 23.4004C116.419 23.4004 116.009 23.7551 115.936 24.2322L115.012 30.5319C114.927 31.119 115.385 31.6512 115.978 31.6512H119.44C119.789 31.6512 120.027 32.0059 119.887 32.3239C119.453 33.3392 119.141 34.434 118.963 35.6206L117.202 47.7918C116.046 55.9386 122.835 60.0181 130.229 60.0181C137.978 60.0181 145.575 55.9447 146.731 47.7918L148.492 35.6206C149.63 27.6328 143.079 23.5594 135.856 23.4065ZM139.495 35.6206L137.734 47.5411C137.33 50.3606 134.162 51.6695 131.245 51.6695C128.529 51.6695 125.862 50.3606 126.211 47.7979L127.972 35.6267C128.376 32.96 131.544 31.6022 134.462 31.6022C137.379 31.5961 139.899 32.9539 139.495 35.6206Z"></path>
<path fill="currentColor" d="M32.0886 23.9019H25.1039C24.6146 23.9019 24.2048 24.2627 24.1375 24.7398L21.9969 40.0242C21.9969 40.0364 21.9969 40.0486 21.9969 40.067L22.0947 45.9753C22.0947 46.0976 22.0152 46.2016 21.899 46.2321L19.8806 39.1068C19.8806 39.0945 19.8745 39.0823 19.8684 39.0762L13.6421 24.4951C13.4892 24.1343 13.1345 23.9019 12.743 23.9019H5.68492C5.19563 23.9019 4.78584 24.2627 4.71856 24.7398L0.00908105 58.4034C-0.0704297 58.9906 0.38217 59.5165 0.975442 59.5165H8.00908C8.49838 59.5165 8.90816 59.1557 8.97544 58.6725L10.8164 45.2964C10.8164 45.2841 10.8164 45.2719 10.8164 45.2597L10.7186 38.385L10.9204 38.3361L13.0305 45.4676C13.0305 45.4798 13.0366 45.486 13.0427 45.4982L18.8715 58.9294C19.0244 59.2841 19.3791 59.5165 19.7644 59.5165H27.3791C27.8684 59.5165 28.2782 59.1557 28.3455 58.6786L33.055 25.015C33.1345 24.4279 32.6819 23.9019 32.0886 23.9019Z"></path>
<path fill="currentColor" d="M47.3424 23.9019H40.3088C39.8195 23.9019 39.4097 24.2627 39.3424 24.7398L34.6329 58.4034C34.5534 58.9906 35.006 59.5165 35.5993 59.5165H42.6329C43.1222 59.5165 43.532 59.1557 43.5993 58.6786L48.3088 25.015C48.3883 24.4279 47.9357 23.9019 47.3424 23.9019Z"></path>
<path fill="currentColor" d="M80.3761 23.853H54.0213C53.5381 23.853 53.1283 24.2078 53.055 24.6848L52.1314 30.9845C52.0458 31.5717 52.5045 32.1038 53.0978 32.1038H60.4556C61.0488 32.1038 61.5014 32.6237 61.4219 33.2108L57.954 58.4096C57.8745 58.9968 58.3271 59.5166 58.9204 59.5166H66.058C66.5473 59.5166 66.9571 59.1558 67.0244 58.6726L70.5657 32.9417C70.6329 32.4585 71.0427 32.0977 71.532 32.0977H79.4525C79.9357 32.0977 80.3455 31.7429 80.4189 31.2659L81.3424 24.9662C81.4281 24.379 80.9693 23.853 80.3761 23.853Z"></path>
<path fill="currentColor" d="M100.456 23.9019H87.0672C86.5779 23.9019 86.1681 24.2627 86.1008 24.7398L81.3913 58.4034C81.3118 58.9906 81.7644 59.5165 82.3577 59.5165H89.4892C89.9785 59.5165 90.3883 59.1557 90.4556 58.6725L91.8378 48.6175C91.8684 48.3789 92.0764 48.1954 92.321 48.1954H93.2384C93.4036 48.1954 93.5626 48.2811 93.6482 48.4217L100.462 59.0639C100.639 59.3453 100.951 59.5165 101.281 59.5165H110.095C110.884 59.5165 111.349 58.6297 110.896 57.9814L103.746 47.7612C103.575 47.5165 103.66 47.174 103.93 47.0456C108.492 44.8132 111.147 42.5318 112.015 36.1771C113.03 27.8285 107.801 23.9019 100.456 23.9019ZM102.92 36.3239C102.67 38.385 101.061 40.4462 98.2904 40.4462H94.1314C93.5381 40.4462 93.0794 39.9202 93.165 39.3331L94.0458 33.1373C94.1131 32.6542 94.529 32.2994 95.0121 32.2994H99.4464C102.119 32.2994 103.171 34.1649 102.92 36.3239Z"></path>
</g>
<defs>
<clipPath id="clip0">
<rect width="148.624" height="60" fill="currentColor"></rect>
</clipPath>
</defs>
</svg>
<h3 class="heroHeader-IulZgg base-1x0h_U size24-RIRrxO">Make Discord yours</h3>
<div class="size16-1P40sf heroBody-2P4UF5">Upgrade your emoji, personalize your profile, and stand out in your servers.</div>
<div class="heroButtons-2NvgKB buttons-2-EdE8 buttonsCenter-11FqDP">
<button type="button" disabled="" class="shinyButton-3uFlM- button-1PXUl0 button-38aScr lookInverted-2D7oAl colorBrand-3pXr91 sizeMedium-1AC_Sl grow-q77ONN">
<div class="contents-18-Yxp premiumSubscribeButton-3TowJw">
<svg class="premiumIcon-YgHhed" aria-hidden="false" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M2.98966977,9.35789159 C2.98966977,9.77582472 2.63442946,10.1240466 2.20807287,10.1240466 L1.78171628,10.1240466 C1.35535969,10.1240466 0.999948837,9.77582472 0.999948837,9.35789159 C0.999948837,8.93995846 1.35535969,8.59173658 1.78171628,8.59173658 L2.20807287,8.59173658 C2.63442946,8.59173658 2.98966977,8.93995846 2.98966977,9.35789159 Z M22.2467643,9.14892503 C24.0942527,12.9800344 22.3888264,17.5772989 18.3384388,19.3882867 C14.4302837,21.1297305 9.74036124,19.457998 7.9638186,15.6268886 C7.60857829,14.8607335 7.3954,14.0248673 7.32428372,13.189001 L5.76091938,13.189001 C5.33456279,13.189001 4.97932248,12.840612 4.97932248,12.4226788 C4.97932248,12.0047457 5.33456279,11.6565238 5.76091938,11.6565238 L8.03493488,11.6565238 C8.46129147,11.6565238 8.81653178,11.3083019 8.81653178,10.8903688 C8.81653178,10.4724357 8.46129147,10.1240466 8.03493488,10.1240466 L4.41090388,10.1240466 C3.98454729,10.1240466 3.62913643,9.77582472 3.62913643,9.35789159 C3.62913643,8.93995846 3.98454729,8.59173658 4.41090388,8.59173658 L9.45606667,8.59173658 C9.88242326,8.59173658 10.2376636,8.24334752 10.2376636,7.82541439 C10.2376636,7.40748126 9.88242326,7.05925937 9.45606667,7.05925937 L7.3954,7.05925937 C6.75586512,7.05925937 6.18727597,6.57161499 6.18727597,5.87517123 C6.18727597,5.24827153 6.68474884,4.69091591 7.3954,4.69091591 L15.4250589,4.69091591 C18.267493,4.8303384 20.9676946,6.43235968 22.2467643,9.14892503 Z M13.2662961,8.38056332 C11.0193969,9.3919615 10.0341721,11.9973566 11.065955,14.1998642 C12.097738,16.4023718 14.755645,17.3681317 17.0025442,16.3567335 C19.249614,15.3453354 20.2346682,12.7399402 19.2028853,10.5374326 C18.1711023,8.33492503 15.5131953,7.36916515 13.2662961,8.38056332 Z M16.8462589,9.84548582 L18.2673907,12.2138293 C18.338507,12.3530846 18.338507,12.4227958 18.2673907,12.5620512 L16.8462589,14.9303946 C16.7751426,15.0696499 16.6330806,15.0696499 16.5619643,15.0696499 L13.7906465,15.0696499 C13.6485845,15.0696499 13.5774682,14.9999387 13.5065225,14.9303946 L12.0852202,12.5620512 C12.0142744,12.4227958 12.0142744,12.3530846 12.0852202,12.2138293 L13.5065225,9.84548582 C13.5774682,9.7062305 13.7197008,9.7062305 13.7906465,9.7062305 L16.5619643,9.7062305 C16.7041969,9.63651925 16.7751426,9.7062305 16.8462589,9.84548582 Z"></path>
</svg>
<span class="buttonText-3LvUCc">Subscribe</span>
</div>
</button>
<button type="button" class="button-1PXUl0 button-38aScr lookInverted-2D7oAl colorBrand-3pXr91 sizeMedium-1AC_Sl grow-q77ONN">
<div class="contents-18-Yxp giftButton-2uAsFo">
<svg width="24" height="24" class="giftIcon-1DsQ4W" aria-hidden="false" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.886 7.999H20C21.104 7.999 22 8.896 22 9.999V11.999H2V9.999C2 8.896 2.897 7.999 4 7.999H7.114C6.663 7.764 6.236 7.477 5.879 7.121C4.709 5.951 4.709 4.048 5.879 2.879C7.012 1.746 8.986 1.746 10.121 2.877C11.758 4.514 11.979 7.595 11.998 7.941C11.9991 7.9525 11.9966 7.96279 11.9941 7.97304C11.992 7.98151 11.99 7.98995 11.99 7.999H12.01C12.01 7.98986 12.0079 7.98134 12.0058 7.97287C12.0034 7.96282 12.0009 7.95286 12.002 7.942C12.022 7.596 12.242 4.515 13.879 2.878C15.014 1.745 16.986 1.746 18.121 2.877C19.29 4.049 19.29 5.952 18.121 7.121C17.764 7.477 17.337 7.764 16.886 7.999ZM7.293 5.707C6.903 5.316 6.903 4.682 7.293 4.292C7.481 4.103 7.732 4 8 4C8.268 4 8.519 4.103 8.707 4.292C9.297 4.882 9.641 5.94 9.825 6.822C8.945 6.639 7.879 6.293 7.293 5.707ZM14.174 6.824C14.359 5.941 14.702 4.883 15.293 4.293C15.481 4.103 15.732 4 16 4C16.268 4 16.519 4.103 16.706 4.291C17.096 4.682 17.097 5.316 16.707 5.707C16.116 6.298 15.057 6.642 14.174 6.824ZM3 13.999V19.999C3 21.102 3.897 21.999 5 21.999H11V13.999H3ZM13 13.999V21.999H19C20.104 21.999 21 21.102 21 19.999V13.999H13Z"></path>
</svg>
<span>Gift</span>
</div>
</button>
</div>
</div>
<h3 class="featuresHeader-4YwLcc base-1x0h_U size32-o_H79z">Also Includes:</h3>
<div class="featureGrid-3-fNl-">
<li class="feature-2w65J5 featureEmoji-3pTtR2">
<h3 class="featureTitle-W5O6R1 base-1x0h_U size20-17Iy80">More Emoji Power</h3>
<div class="colorStandard-2KCXvj size14-e6ZScH featureDescription-1wp-zJ">Use your favorite emoji anywhere and make them animated.</div>
<div class="featureImageWrapper-pPDLjm"><img class="featureImage-2L9kA0" src="assets/8a32af01aac6cd8e34445b6cc5576fbc.svg" alt=""></div>
</li>
<li class="feature-2w65J5 featureProfile-tTo0C-">
<h3 class="featureTitle-W5O6R1 base-1x0h_U size20-17Iy80">Personalized Profile</h3>
<div class="colorStandard-2KCXvj size14-e6ZScH featureDescription-1wp-zJ">Personalize your profile with an animated avatar and custom tag.</div>
<div class="featureImageWrapper-pPDLjm"><img class="featureImage-2L9kA0" src="assets/844d97f0961fcfd35bb12d450f21b076.svg" alt=""></div>
</li>
<li class="feature-2w65J5 featurePremiumGuild-2KpCr6">
<h3 class="featureTitle-W5O6R1 base-1x0h_U size20-17Iy80">Support your Server</h3>
<div class="colorStandard-2KCXvj size14-e6ZScH featureDescription-1wp-zJ">Get 2 Server Boosts and 30% off extra Boosts. <span class="learnMoreLink-21wlRq" role="button" tabindex="0">Learn more</span>.</div>
<div class="featureImageWrapper-pPDLjm"><img class="featureImage-2L9kA0" src="assets/21f08348c17a2688b6d38bd554dc94a8.svg" alt=""></div>
</li>
<li class="feature-2w65J5 featureBadge-3ZA-Ca">
<h3 class="featureTitle-W5O6R1 base-1x0h_U size20-17Iy80">Rep Your Status</h3>
<div class="colorStandard-2KCXvj size14-e6ZScH featureDescription-1wp-zJ">Custom profile badge to show off your Nitro status.</div>
<div class="featureImageWrapper-pPDLjm"><img class="featureImage-2L9kA0" src="assets/25dac0771e36be5fb9888a3d00672d75.svg" alt=""></div>
</li>
<li class="feature-2w65J5 featureUploadSize-2CAVFL">
<h3 class="featureTitle-W5O6R1 base-1x0h_U size20-17Iy80">Bigger Uploads</h3>
<div class="colorStandard-2KCXvj size14-e6ZScH featureDescription-1wp-zJ">Upload what you want with increased 100MB upload size.</div>
<div class="featureImageWrapper-pPDLjm"><img class="featureImage-2L9kA0" src="assets/c0fffd0dab1e09995038a03dfb3e4f6b.png" alt=""></div>
</li>
<li class="feature-2w65J5 featureGoLive-30cvVw">
<h3 class="featureTitle-W5O6R1 base-1x0h_U size20-17Iy80">HD Video</h3>
<div class="colorStandard-2KCXvj size14-e6ZScH featureDescription-1wp-zJ">
Better video resolutions for all your streams.
<svg aria-label="Up to 4K source resolution and up to 60fps screen share." class="itemInfoIcon-3tr1nj" aria-hidden="false" width="16" height="16" viewBox="0 0 12 12">
<path fill="currentColor" d="M6 1C3.243 1 1 3.244 1 6c0 2.758 2.243 5 5 5s5-2.242 5-5c0-2.756-2.243-5-5-5zm0 2.376a.625.625 0 110 1.25.625.625 0 010-1.25zM7.5 8.5h-3v-1h1V6H5V5h1a.5.5 0 01.5.5v2h1v1z"></path>
</svg>
</div>
<div class="featureImageWrapper-pPDLjm"><img class="featureImage-2L9kA0" src="assets/d14825a72be9bc05e41a5579c03d8e94.png" alt=""></div>
</li>
</div>
<div class="marketingRefreshTier2Cta-bw9Vyc">
<p class="marketingRefreshTitle-3pOyQb">Ready to upgrade to Nitro?</p>
<p class="marketingRefreshSubtitle-3jft-o">Pick the plan that works best for you and start your emoji collection.</p>
<div class="tier2Buttons-RBEMRE buttons-2-EdE8 buttonsCenter-11FqDP">
<button type="button" disabled="" class="shinyButton-3uFlM- button-1PXUl0 button-38aScr lookFilled-1Gx00P colorGreen-29iAKY sizeMedium-1AC_Sl grow-q77ONN">
<div class="contents-18-Yxp premiumSubscribeButton-3TowJw">
<svg class="premiumIcon-YgHhed" aria-hidden="false" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M2.98966977,9.35789159 C2.98966977,9.77582472 2.63442946,10.1240466 2.20807287,10.1240466 L1.78171628,10.1240466 C1.35535969,10.1240466 0.999948837,9.77582472 0.999948837,9.35789159 C0.999948837,8.93995846 1.35535969,8.59173658 1.78171628,8.59173658 L2.20807287,8.59173658 C2.63442946,8.59173658 2.98966977,8.93995846 2.98966977,9.35789159 Z M22.2467643,9.14892503 C24.0942527,12.9800344 22.3888264,17.5772989 18.3384388,19.3882867 C14.4302837,21.1297305 9.74036124,19.457998 7.9638186,15.6268886 C7.60857829,14.8607335 7.3954,14.0248673 7.32428372,13.189001 L5.76091938,13.189001 C5.33456279,13.189001 4.97932248,12.840612 4.97932248,12.4226788 C4.97932248,12.0047457 5.33456279,11.6565238 5.76091938,11.6565238 L8.03493488,11.6565238 C8.46129147,11.6565238 8.81653178,11.3083019 8.81653178,10.8903688 C8.81653178,10.4724357 8.46129147,10.1240466 8.03493488,10.1240466 L4.41090388,10.1240466 C3.98454729,10.1240466 3.62913643,9.77582472 3.62913643,9.35789159 C3.62913643,8.93995846 3.98454729,8.59173658 4.41090388,8.59173658 L9.45606667,8.59173658 C9.88242326,8.59173658 10.2376636,8.24334752 10.2376636,7.82541439 C10.2376636,7.40748126 9.88242326,7.05925937 9.45606667,7.05925937 L7.3954,7.05925937 C6.75586512,7.05925937 6.18727597,6.57161499 6.18727597,5.87517123 C6.18727597,5.24827153 6.68474884,4.69091591 7.3954,4.69091591 L15.4250589,4.69091591 C18.267493,4.8303384 20.9676946,6.43235968 22.2467643,9.14892503 Z M13.2662961,8.38056332 C11.0193969,9.3919615 10.0341721,11.9973566 11.065955,14.1998642 C12.097738,16.4023718 14.755645,17.3681317 17.0025442,16.3567335 C19.249614,15.3453354 20.2346682,12.7399402 19.2028853,10.5374326 C18.1711023,8.33492503 15.5131953,7.36916515 13.2662961,8.38056332 Z M16.8462589,9.84548582 L18.2673907,12.2138293 C18.338507,12.3530846 18.338507,12.4227958 18.2673907,12.5620512 L16.8462589,14.9303946 C16.7751426,15.0696499 16.6330806,15.0696499 16.5619643,15.0696499 L13.7906465,15.0696499 C13.6485845,15.0696499 13.5774682,14.9999387 13.5065225,14.9303946 L12.0852202,12.5620512 C12.0142744,12.4227958 12.0142744,12.3530846 12.0852202,12.2138293 L13.5065225,9.84548582 C13.5774682,9.7062305 13.7197008,9.7062305 13.7906465,9.7062305 L16.5619643,9.7062305 C16.7041969,9.63651925 16.7751426,9.7062305 16.8462589,9.84548582 Z"></path>
</svg>
<span class="buttonText-3LvUCc">Subscribe</span>
</div>
</button>
<button type="button" class="button-1PXUl0 button-38aScr lookFilled-1Gx00P colorPrimary-3b3xI6 sizeMedium-1AC_Sl grow-q77ONN">
<div class="contents-18-Yxp giftButton-2uAsFo">
<svg width="24" height="24" class="giftIcon-1DsQ4W" aria-hidden="false" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.886 7.999H20C21.104 7.999 22 8.896 22 9.999V11.999H2V9.999C2 8.896 2.897 7.999 4 7.999H7.114C6.663 7.764 6.236 7.477 5.879 7.121C4.709 5.951 4.709 4.048 5.879 2.879C7.012 1.746 8.986 1.746 10.121 2.877C11.758 4.514 11.979 7.595 11.998 7.941C11.9991 7.9525 11.9966 7.96279 11.9941 7.97304C11.992 7.98151 11.99 7.98995 11.99 7.999H12.01C12.01 7.98986 12.0079 7.98134 12.0058 7.97287C12.0034 7.96282 12.0009 7.95286 12.002 7.942C12.022 7.596 12.242 4.515 13.879 2.878C15.014 1.745 16.986 1.746 18.121 2.877C19.29 4.049 19.29 5.952 18.121 7.121C17.764 7.477 17.337 7.764 16.886 7.999ZM7.293 5.707C6.903 5.316 6.903 4.682 7.293 4.292C7.481 4.103 7.732 4 8 4C8.268 4 8.519 4.103 8.707 4.292C9.297 4.882 9.641 5.94 9.825 6.822C8.945 6.639 7.879 6.293 7.293 5.707ZM14.174 6.824C14.359 5.941 14.702 4.883 15.293 4.293C15.481 4.103 15.732 4 16 4C16.268 4 16.519 4.103 16.706 4.291C17.096 4.682 17.097 5.316 16.707 5.707C16.116 6.298 15.057 6.642 14.174 6.824ZM3 13.999V19.999C3 21.102 3.897 21.999 5 21.999H11V13.999H3ZM13 13.999V21.999H19C20.104 21.999 21 21.102 21 19.999V13.999H13Z"></path>
</svg>
<span>Gift</span>
</div>
</button>
</div>
</div>
<section class="marketingRefreshSectionTier1-dRwS-6">
<img alt="" class="marketingRefreshTier1Graphic-9B12wx" src="assets/5a4ac7879fb43bc2509169b8fac68a4a.svg">
<div>
<svg class="marketingRefreshTier1Logo-sY6Lgd" aria-hidden="false" width="194" height="20" viewBox="0 0 194 20">
<title>Nitro Classic</title>
<g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" aria-hidden="true">
<path d="M75.4829 6.68251L74.5173 13.1841C74.2956 14.7208 72.5637 15.4357 70.9694 15.4357C69.4817 15.4357 68.025 14.7208 68.2186 13.322L69.1842 6.68251C69.406 5.23022 71.1378 4.48437 72.7321 4.48437C74.3236 4.48437 75.7046 5.23022 75.4829 6.68251ZM73.49 0.0120925H63.1185C62.849 0.0120925 62.6273 0.203479 62.5908 0.46523L62.0856 3.90176C62.0406 4.22543 62.2849 4.5097 62.6133 4.5097H64.5051C64.696 4.5097 64.8279 4.70109 64.7493 4.8784C64.5107 5.43286 64.3423 6.03236 64.2441 6.67688L63.2785 13.3163C62.6582 17.7745 66.3745 19.9952 70.4136 19.9952C74.652 19.9952 78.8063 17.7745 79.4434 13.3248L80.409 6.68533C81.0321 2.32563 77.4449 0.104972 73.49 0.0120925ZM11.7242 8.7343L11.7775 11.9232C11.7775 11.9935 11.7326 12.047 11.6708 12.0611L10.5986 8.21924C10.5986 8.2108 10.5986 8.20517 10.5902 8.20517L7.27242 0.332948C7.18821 0.133117 7.00296 0.00927734 6.78963 0.00927734H3.02558C2.76454 0.00927734 2.55121 0.200665 2.51192 0.462416L0.00535493 18.6245C-0.0395555 18.9398 0.204645 19.224 0.519018 19.224H4.26623C4.52727 19.224 4.74902 19.0326 4.77989 18.7709L5.76231 11.5545C5.76231 11.546 5.76231 11.5404 5.76231 11.5319L5.70898 7.82802L5.81564 7.79706L6.9412 11.6389C6.9412 11.6473 6.9412 11.6473 6.94963 11.653L10.0541 18.9004C10.1383 19.0917 10.3235 19.2156 10.5284 19.2156H14.59C14.851 19.2156 15.0728 19.0242 15.1037 18.7624L17.6187 0.603142C17.6636 0.296359 17.4194 0.0120925 17.105 0.0120925H13.3802C13.1192 0.0120925 12.8974 0.203479 12.8666 0.46523L11.7242 8.71178C11.7242 8.72023 11.7242 8.72586 11.7242 8.7343ZM18.9379 19.2268H22.8788C23.1539 19.2268 23.384 19.0355 23.4233 18.7737L26.059 0.611585C26.0983 0.296359 25.8457 0.0120925 25.5145 0.0120925H21.5736C21.2985 0.0120925 21.0683 0.203479 21.029 0.46523L18.3934 18.6273C18.3541 18.9426 18.6067 19.2268 18.9379 19.2268ZM28.8715 0.456787L28.3663 3.85392C28.3214 4.16914 28.574 4.45341 28.894 4.45341H32.9499C33.2783 4.45341 33.5254 4.73768 33.4776 5.0529L31.5689 18.6273C31.5296 18.9426 31.7767 19.2268 32.1051 19.2268H36.0375C36.307 19.2268 36.5372 19.0355 36.5652 18.7737L38.5132 4.90936C38.5525 4.64761 38.7743 4.45622 39.0409 4.45622H43.4028C43.6723 4.45622 43.894 4.26484 43.9305 4.01153L44.4358 0.622844C44.4891 0.299173 44.2449 0.0149065 43.9137 0.0149065H29.3964C29.1382 0.012092 28.908 0.203479 28.8715 0.456787ZM56.2584 6.71347C56.1209 7.82802 55.2395 8.94257 53.721 8.94257H51.4446C51.1218 8.94257 50.8692 8.65831 50.9169 8.34308L51.3997 4.99943C51.4306 4.73768 51.6607 4.54629 51.9274 4.54629H54.3582C55.8121 4.54629 56.396 5.54544 56.2584 6.71347ZM54.9083 0.0120925H47.5739C47.3044 0.0120925 47.0827 0.203479 47.0462 0.46523L44.4638 18.6273C44.4189 18.9426 44.6631 19.2268 44.9915 19.2268H48.9016C49.171 19.2268 49.3928 19.0355 49.4292 18.7737L50.1871 13.3473C50.2011 13.2178 50.3162 13.1165 50.4566 13.1165H50.9618C51.0544 13.1165 51.1387 13.1615 51.1836 13.2404L54.9167 18.982C55.015 19.1368 55.1862 19.2268 55.3686 19.2268H60.1965C60.626 19.2268 60.887 18.7512 60.6344 18.3966L56.7188 12.8857C56.6261 12.7563 56.6739 12.5705 56.817 12.5001C59.3151 11.2927 60.7719 10.0628 61.2463 6.63467C61.7993 2.1258 58.9334 0.0120925 54.9083 0.0120925Z"></path>
<path d="M97.7021 13.8447L100.93 15.4434C101.107 15.5278 101.174 15.7417 101.09 15.919C101.082 15.9331 101.068 15.9584 101.059 15.9725C98.7379 19.0995 96.0629 19.9917 93.7163 19.9917C89.9214 19.9917 86.4268 17.771 87.0247 13.3522L87.9509 6.65645C88.5488 2.26016 92.6946 0.00854492 96.5737 0.00854492C98.8417 0.00854492 101.432 0.931708 102.592 4.02768C102.684 4.27255 102.561 4.55118 102.317 4.64969L98.968 5.94156C98.7379 6.02599 98.4852 5.94156 98.3561 5.73328C97.8284 4.89456 96.8236 4.5343 95.8103 4.5343C94.4152 4.56526 93.0286 5.33362 92.8349 6.648L91.9087 13.3409C91.7178 14.6018 92.9192 15.4012 94.2861 15.4012C95.2966 15.4012 96.4165 14.979 97.107 13.9855C97.2362 13.8081 97.4944 13.7378 97.7021 13.8447Z"></path>
<path d="M188.225 13.8447L191.453 15.4434C191.63 15.5278 191.697 15.7417 191.613 15.919C191.604 15.9331 191.59 15.9584 191.582 15.9725C189.261 19.0995 186.586 19.9917 184.239 19.9917C180.444 19.9917 176.95 17.771 177.547 13.3522L178.474 6.65645C179.072 2.26016 183.22 0.00854492 187.097 0.00854492C189.367 0.00854492 191.958 0.931708 193.115 4.02768C193.207 4.27255 193.084 4.55118 192.839 4.64969L189.488 5.94156C189.258 6.02599 189.005 5.94156 188.876 5.73328C188.346 4.89456 187.344 4.5343 186.33 4.5343C184.935 4.56526 183.549 5.33362 183.355 6.648L182.429 13.3409C182.238 14.6018 183.439 15.4012 184.803 15.4012C185.817 15.4012 186.934 14.979 187.624 13.9855C187.759 13.8081 188.02 13.7378 188.225 13.8447Z"></path>
<path d="M102.724 18.6885L105.177 1.07236C105.239 0.627666 105.621 0.287109 106.075 0.287109H109.157C109.654 0.287109 110.061 0.695214 110.061 1.19338C110.061 1.23842 110.061 1.27782 110.053 1.31722L108.298 13.8221C108.228 14.3203 108.573 14.7763 109.073 14.8523C109.112 14.8607 109.157 14.8607 109.197 14.8607H114.984C115.481 14.8607 115.888 15.2688 115.888 15.767C115.888 15.8064 115.888 15.8514 115.88 15.8908L115.467 18.9333C115.405 19.3865 115.024 19.7186 114.569 19.7186H103.622C103.122 19.7186 102.718 19.3105 102.718 18.8123C102.715 18.7729 102.715 18.725 102.724 18.6885Z"></path>
<path d="M135 18.6181L131.191 1.002C131.099 0.588262 130.731 0.287109 130.31 0.287109H127.152C126.807 0.287109 126.493 0.48694 126.341 0.793723L117.78 18.4098C117.718 18.5337 117.687 18.6716 117.687 18.8095C117.687 19.3105 118.094 19.7158 118.591 19.7158H121.794C122.153 19.7158 122.476 19.499 122.622 19.1782L123.863 16.3665C124.009 16.0372 124.331 15.8289 124.691 15.8289H128.508C128.946 15.8289 129.322 16.1357 129.398 16.5663L129.858 18.9868C129.942 19.4174 130.313 19.7242 130.748 19.7242H134.122C134.184 19.7242 134.254 19.7158 134.313 19.7017C134.796 19.5947 135.107 19.1106 135 18.6181ZM125.816 11.4551L127.947 5.77543H128.138L128.713 11.4551H125.816Z"></path>
<path d="M136.988 15.9809L139.157 14.1739C139.534 13.8587 140.078 13.8728 140.446 14.2049C141.341 15.0183 142.624 15.4348 143.794 15.4348C145.105 15.4348 146.256 14.9648 146.447 13.9516C146.663 12.7442 144.976 12.2235 143.421 11.9983C140.392 11.5058 137.656 9.06277 138.341 5.38137C139.076 1.39882 142.571 0 146.121 0C148.235 0 150.222 0.537574 151.817 2.43738C152.083 2.76105 152.047 3.24514 151.724 3.52097C151.71 3.53504 151.685 3.55193 151.671 3.566L149.363 5.17309C149.041 5.39544 148.611 5.38137 148.305 5.14213C147.508 4.51168 146.472 4.2049 145.552 4.18238C144.325 4.15142 143.284 4.62145 143.177 5.61216C143.039 6.73515 144.019 7.23332 145.498 7.56544C148.855 8.19589 152.137 9.48776 151.233 14.3203C150.52 18.1086 147.247 20 143.07 20C140.985 20 138.456 19.0459 136.892 17.1573C136.589 16.7971 136.634 16.2736 136.988 15.9809Z"></path>
<path d="M153.419 15.9809L155.589 14.1739C155.965 13.8587 156.518 13.8728 156.877 14.2049C157.776 15.0183 159.053 15.4348 160.226 15.4348C161.537 15.4348 162.685 14.9648 162.879 13.9516C163.095 12.7442 161.408 12.2235 159.85 11.9983C156.824 11.5058 154.087 9.06277 154.769 5.38137C155.505 1.39882 158.999 0 162.55 0C164.664 0 166.651 0.537574 168.245 2.43738C168.512 2.76105 168.475 3.24514 168.153 3.52097C168.139 3.53504 168.113 3.55193 168.099 3.566L165.792 5.17309C165.469 5.39544 165.04 5.38137 164.734 5.14213C163.937 4.51168 162.904 4.2049 161.983 4.18238C160.757 4.15142 159.715 4.62145 159.608 5.61216C159.471 6.73515 160.451 7.23332 161.93 7.56544C165.287 8.19589 168.568 9.48776 167.664 14.3203C166.951 18.1086 163.678 20 159.502 20C157.419 20 154.887 19.0459 153.324 17.1573C153.021 16.7971 153.066 16.2736 153.419 15.9809Z"></path>
<path d="M176.537 1.31722L174.084 18.9333C174.022 19.378 173.64 19.7186 173.186 19.7186H170.129C169.629 19.7186 169.225 19.3105 169.225 18.8123C169.225 18.7729 169.225 18.7279 169.234 18.6885L171.687 1.07236C171.748 0.627666 172.13 0.287109 172.585 0.287109H175.642C176.138 0.287109 176.548 0.695214 176.548 1.19338C176.545 1.23279 176.545 1.27782 176.537 1.31722Z"></path>
</g>
</svg>
<p class="marketingRefreshDescription-UL0ZTA">
Want to keep it simple? Enjoy a light plan with fewer perks
<svg aria-label="Does not include 2 Server Boosts. Has 50MB upload instead of 100MB and, up to 1080p resolution and up to 60fps." class="tier1InfoIcon-3Voc4Y" aria-hidden="false" width="16" height="16" viewBox="0 0 12 12">
<path fill="currentColor" d="M6 1C3.243 1 1 3.244 1 6c0 2.758 2.243 5 5 5s5-2.242 5-5c0-2.756-2.243-5-5-5zm0 2.376a.625.625 0 110 1.25.625.625 0 010-1.25zM7.5 8.5h-3v-1h1V6H5V5h1a.5.5 0 01.5.5v2h1v1z"></path>
</svg>
, continue to support Discord, and get 30% off Server Boosts. Choose between <strong>$4.99 per month</strong> or <strong>$49.99 per year</strong>.
</p>
<div class="buttons-2-EdE8">
<button type="button" disabled="" class="shinyButton-3uFlM- button-1PXUl0 button-38aScr lookFilled-1Gx00P colorPrimary-3b3xI6 sizeMedium-1AC_Sl grow-q77ONN">
<div class="contents-18-Yxp premiumSubscribeButton-3TowJw">
<svg class="premiumIcon-YgHhed" aria-hidden="false" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M2.98966977,9.35789159 C2.98966977,9.77582472 2.63442946,10.1240466 2.20807287,10.1240466 L1.78171628,10.1240466 C1.35535969,10.1240466 0.999948837,9.77582472 0.999948837,9.35789159 C0.999948837,8.93995846 1.35535969,8.59173658 1.78171628,8.59173658 L2.20807287,8.59173658 C2.63442946,8.59173658 2.98966977,8.93995846 2.98966977,9.35789159 Z M22.2467643,9.14892503 C24.0942527,12.9800344 22.3888264,17.5772989 18.3384388,19.3882867 C14.4302837,21.1297305 9.74036124,19.457998 7.9638186,15.6268886 C7.60857829,14.8607335 7.3954,14.0248673 7.32428372,13.189001 L5.76091938,13.189001 C5.33456279,13.189001 4.97932248,12.840612 4.97932248,12.4226788 C4.97932248,12.0047457 5.33456279,11.6565238 5.76091938,11.6565238 L8.03493488,11.6565238 C8.46129147,11.6565238 8.81653178,11.3083019 8.81653178,10.8903688 C8.81653178,10.4724357 8.46129147,10.1240466 8.03493488,10.1240466 L4.41090388,10.1240466 C3.98454729,10.1240466 3.62913643,9.77582472 3.62913643,9.35789159 C3.62913643,8.93995846 3.98454729,8.59173658 4.41090388,8.59173658 L9.45606667,8.59173658 C9.88242326,8.59173658 10.2376636,8.24334752 10.2376636,7.82541439 C10.2376636,7.40748126 9.88242326,7.05925937 9.45606667,7.05925937 L7.3954,7.05925937 C6.75586512,7.05925937 6.18727597,6.57161499 6.18727597,5.87517123 C6.18727597,5.24827153 6.68474884,4.69091591 7.3954,4.69091591 L15.4250589,4.69091591 C18.267493,4.8303384 20.9676946,6.43235968 22.2467643,9.14892503 Z M13.2662961,8.38056332 C11.0193969,9.3919615 10.0341721,11.9973566 11.065955,14.1998642 C12.097738,16.4023718 14.755645,17.3681317 17.0025442,16.3567335 C19.249614,15.3453354 20.2346682,12.7399402 19.2028853,10.5374326 C18.1711023,8.33492503 15.5131953,7.36916515 13.2662961,8.38056332 Z M16.8462589,9.84548582 L18.2673907,12.2138293 C18.338507,12.3530846 18.338507,12.4227958 18.2673907,12.5620512 L16.8462589,14.9303946 C16.7751426,15.0696499 16.6330806,15.0696499 16.5619643,15.0696499 L13.7906465,15.0696499 C13.6485845,15.0696499 13.5774682,14.9999387 13.5065225,14.9303946 L12.0852202,12.5620512 C12.0142744,12.4227958 12.0142744,12.3530846 12.0852202,12.2138293 L13.5065225,9.84548582 C13.5774682,9.7062305 13.7197008,9.7062305 13.7906465,9.7062305 L16.5619643,9.7062305 C16.7041969,9.63651925 16.7751426,9.7062305 16.8462589,9.84548582 Z"></path>
</svg>
<span class="buttonText-3LvUCc">Subscribe</span>
</div>
</button>
<button type="button" class="button-1PXUl0 button-38aScr lookFilled-1Gx00P colorPrimary-3b3xI6 sizeMedium-1AC_Sl grow-q77ONN">
<div class="contents-18-Yxp giftButton-2uAsFo">
<svg width="24" height="24" class="giftIcon-1DsQ4W" aria-hidden="false" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.886 7.999H20C21.104 7.999 22 8.896 22 9.999V11.999H2V9.999C2 8.896 2.897 7.999 4 7.999H7.114C6.663 7.764 6.236 7.477 5.879 7.121C4.709 5.951 4.709 4.048 5.879 2.879C7.012 1.746 8.986 1.746 10.121 2.877C11.758 4.514 11.979 7.595 11.998 7.941C11.9991 7.9525 11.9966 7.96279 11.9941 7.97304C11.992 7.98151 11.99 7.98995 11.99 7.999H12.01C12.01 7.98986 12.0079 7.98134 12.0058 7.97287C12.0034 7.96282 12.0009 7.95286 12.002 7.942C12.022 7.596 12.242 4.515 13.879 2.878C15.014 1.745 16.986 1.746 18.121 2.877C19.29 4.049 19.29 5.952 18.121 7.121C17.764 7.477 17.337 7.764 16.886 7.999ZM7.293 5.707C6.903 5.316 6.903 4.682 7.293 4.292C7.481 4.103 7.732 4 8 4C8.268 4 8.519 4.103 8.707 4.292C9.297 4.882 9.641 5.94 9.825 6.822C8.945 6.639 7.879 6.293 7.293 5.707ZM14.174 6.824C14.359 5.941 14.702 4.883 15.293 4.293C15.481 4.103 15.732 4 16 4C16.268 4 16.519 4.103 16.706 4.291C17.096 4.682 17.097 5.316 16.707 5.707C16.116 6.298 15.057 6.642 14.174 6.824ZM3 13.999V19.999C3 21.102 3.897 21.999 5 21.999H11V13.999H3ZM13 13.999V21.999H19C20.104 21.999 21 21.102 21 19.999V13.999H13Z"></path>
</svg>
<span>Gift</span>
</div>
</button>
</div>
</div>
</section>
</div>
</div>
</div>
<div aria-hidden="true" style="position: absolute; pointer-events: none; min-height: 0; min-width: 1px; flex: 0 0 auto; height: 0;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="pageLoader">
<div class="container-16j22k fixClipping-3qAKRb" style="opacity: 1;">
<div class="content-1-zrf2">
<img src="img/pyroFlames.gif" alt="Pyro Campfire GIF">
<div class="text-3c9Zq1">
<div class="tipTitle-GL9qAt"><br>Pyro is loading, give us a sec.</div>
<div class="tip-2cgoli" id="didYouKnowLabel"></div>
<div class="body-2Vra9D contentBase-11jeVK"></div>
</div>
</div>
<div class="problems-3mgf6w slideIn-sCvzGz">
<div class="problemsText-1Yx-Kl">Trouble connecting? Check Pyro's status.</div>
<div>
<a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB links-3Ldd4A" href="https://status.pyrochat.app" rel="noreferrer noopener" target="_blank">
<svg class="icon-3N9Bhy" width="14" height="14" viewBox="0 0 14 14">
<path fill="currentColor" d="M6.99471698,9.67522659 C8.47108874,9.67522659 9.66792453,8.47748685 9.66792453,7 C9.66792453,5.52251315 8.47108874,4.32477341 6.99471698,4.32477341 C5.51834522,4.32477341 4.32150943,5.52251315 4.32150943,7 C4.32150943,8.47748685 5.51834522,9.67522659 6.99471698,9.67522659 Z M6.99471698,2.67522659 C8.18867925,2.67522659 9.26641509,3.16163142 10.0483019,3.94410876 L11.9396226,2.05135952 C10.6822642,0.782477341 8.92830189,0 6.99471698,0 C3.12754717,0 0,3.14048338 0,7 L2.67320755,7 C2.67320755,4.6102719 4.60679245,2.67522659 6.99471698,2.67522659 Z M11.3267925,7 C11.3267925,9.3897281 9.39320755,11.3247734 7.00528302,11.3247734 C5.81132075,11.3247734 4.73358491,10.8383686 3.94113208,10.0558912 L2.04981132,11.9486405 C3.31773585,13.2175227 5.06113208,14 6.99471698,14 C10.8618868,14 14,10.8595166 14,7 L11.3267925,7 Z"></path>
</svg>Status
</a>
</div>
</div>
</div>
</div>
<div class="layerContainer-yqaFcK"></div>
</div>
<!-- Twemoji Library -->
<script src="https://twemoji.maxcdn.com/v/latest/twemoji.min.js"></script>
<!-- Firebase Core SDK -->
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-app.js"></script>
<!-- Firebase Libraries -->
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-storage.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-messaging.js"></script>
<!-- Additional Frameworks -->
<script src="js/frameworks/moment.min.js"></script>
<script src="js/frameworks/axios.min.js"></script>
<!-- Main Helpers -->
<script src="js/helpers/main.js"></script>
<!-- Firebase Configuration -->
<script src="js/firebase/config.js"></script>
<!-- Helpers -->
<script src="js/helpers/globals.js"></script>
<script src="js/helpers/forms.js"></script>
<script src="js/helpers/user.js"></script>
<script src="js/helpers/interface.js"></script>
<script src="js/helpers/modals.js"></script>
<script src="js/helpers/files.js"></script>
<!-- Parsing -->
<script src="js/app/parsing/parse_text.js"></script>
<script src="js/app/parsing/emojis.js"></script>
<script src="js/app/parsing/parse_emoji.js"></script>
<script src="js/app/parsing/parse_embeds.js"></script>
<!-- App -->
<script src="js/app/status.js"></script>
<script src="js/app/authentication.js"></script>
<script src="js/app/friends.js"></script>
<script src="js/app/private_channels.js"></script>
<script src="js/app/chats.js"></script>
<script src="js/app/messages.js"></script>
<script src="js/app/group_dms.js"></script>
<script src="js/app/notifications.js"></script>
<script src="js/app/typing.js"></script>
</body>
</html>