-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcore.css
10199 lines (8073 loc) · 239 KB
/
core.css
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
/* Twitch - core.css (Archived) */
/*
FILE ARCHIVED ON 10:07:05 Jun 06, 2021 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 00:01:51 Jul 27, 2021.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)).
*/
.tt-button, .tt-button-icon {
-webkit-user-select: none;
-ms-user-select: none
}
.tt-button--secondary[data-focus-visible-added], .tt-button--text[data-focus-visible-added], .tt-button[data-focus-visible-added] {
box-shadow: 0 0 6px 0 #772ce8;
box-shadow: var(--shadow-button-focus)
}
.tt-button:disabled, .tt-core-button:disabled {
cursor: not-allowed
}
.tt-root--theme-dark {
--color-background-button: var(--color-twitch-purple-7);
--color-background-button-hover: var(--color-twitch-purple-8);
--color-background-button-focus: var(--color-twitch-purple-8);
--color-background-button-active: var(--color-twitch-purple-7);
--color-background-button-purchase: var(--color-opac-b-5);
--color-background-button-status: var(--color-green);
--color-background-button-status-hover: var(--color-red-darker);
--color-background-button-status-focus: var(--color-red-darker);
--color-background-button-status-active: var(--color-red);
--color-background-button-success-focus: var(--color-green-darker);
--color-background-button-alert: var(--color-red);
--color-background-button-alert-hover: var(--color-red-darker);
--color-background-button-alert-focus: var(--color-red-darker);
--color-background-button-alert-active: var(--color-red);
--color-background-button-overlay: var(--color-transparent);
--color-background-button-overlay-hover: var(--color-opac-w-1);
--color-background-button-overlay-focus: var(--color-opac-w-1);
--color-background-button-overlay-active: transparent;
--color-background-interactable-alpha-hover: var(--color-opac-w-4);
--color-background-interactable-alpha-active: var(--color-opac-w-5);
--color-background-interactable-alpha-selected: var(--color-opac-w-3);
--color-text-button: var(--color-white);
--color-text-button-hover: var(--color-white);
--color-text-button-focus: var(--color-white);
--color-text-button-active: var(--color-white);
--color-text-button-secondary-hover: var(--color-hinted-grey-6);
--color-text-button-secondary-focus: var(--color-hinted-grey-6);
--color-text-button-secondary-active: var(--color-hinted-grey-6);
--color-text-button-text-hover: var(--color-opac-w-1);
--color-text-button-text-focus: var(--color-opac-w-1);
--color-text-button-text-active: var(--color-opac-p-2);
--color-text-button-status: var(--color-white);
--color-text-button-status-hover: var(--color-white);
--color-text-button-status-focus: var(--color-white);
--color-text-button-status-active: var(--color-white);
--color-text-button-success-hover: var(--color-black);
--color-text-button-success-focus: var(--color-black);
--color-text-button-success-active: var(--color-black);
--color-text-button-alert: var(--color-white);
--color-text-button-alert-hover: var(--color-white);
--color-text-button-alert-focus: var(--color-white);
--color-text-button-alert-active: var(--color-white);
--color-text-button-overlay: var(--color-white);
--color-text-button-overlay-hover: var(--color-white);
--color-text-button-overlay-focus: var(--color-white);
--color-text-button-overlay-active: var(--color-white);
--color-text-interactable: currentColor;
--color-text-interactable-hover: var(--color-white);
--color-text-interactable-active: var(--color-white);
--color-text-interactable-inverted: var(--color-white);
--color-text-input-focus: transparent;
--color-border-button: var(--color-twitch-purple-7);
--color-border-button-hover: var(--color-twitch-purple-8);
--color-border-button-focus: var(--color-twitch-purple-9);
--color-border-button-active: var(--color-twitch-purple-8);
--color-border-button-disabled: var(--color-opac-w-1);
--color-border-button-status: var(--color-green);
--color-border-button-status-hover: var(--color-red-darker);
--color-border-button-status-focus: var(--color-red-darker);
--color-border-button-status-active: var(--color-red);
--color-border-button-success: var(--color-green);
--color-border-button-success-hover: var(--color-green);
--color-border-button-success-focus: var(--color-green);
--color-border-button-success-active: var(--color-green);
--color-border-button-alert: var(--color-red);
--color-border-button-alert-hover: var(--color-red-darker);
--color-border-button-alert-focus: var(--color-red-darker);
--color-border-button-alert-active: var(--color-red);
--color-border-button-overlay: var(--color-transparent);
--color-border-button-overlay-hover: var(--color-transparent);
--color-border-button-overlay-focus: var(--color-opac-w-6);
--color-border-button-overlay-active: var(--color-opac-w-9);
--color-border-button-overlay-bordered: var(--color-white);
--color-border-interactable-selected: var(--color-twitch-purple-10);
--shadow-interactable-focus: 0 0 6px 0 var(--color-twitch-purple-8);
--color-background-subscriber-stream-tag-default: var(--color-twitch-purple-4);
--color-background-subscriber-stream-tag-hover: var(--color-twitch-purple-3);
--color-background-subscriber-stream-tag-active: var(--color-twitch-purple-4);
--color-border-subscriber-stream-tag: var(--color-twitch-purple-5);
--color-background-body: var(--color-hinted-grey-1);
--color-background-base: var(--color-hinted-grey-2);
--color-background-alt: var(--color-hinted-grey-3);
--color-background-alt-2: var(--color-hinted-grey-4);
--color-background-float: var(--color-hinted-grey-3);
--color-background-accent: var(--color-twitch-purple-8);
--color-background-accent-alt: var(--color-twitch-purple-7);
--color-background-accent-alt-2: var(--color-twitch-purple-6);
--color-background-placeholder: var(--color-opac-w-1);
--color-background-overlay-placeholder: var(--color-opac-w-3);
--color-background-live: var(--color-red);
--color-background-prime: var(--color-prime-blue);
--color-background-error: var(--color-red-10);
--color-background-warn: var(--color-orange-12);
--color-background-success: var(--color-green-12);
--color-background-info: var(--color-blue-10);
--color-background-brand: var(--color-twitch-purple-11);
--color-background-overlay-error: var(--color-red-11);
--color-background-overlay-warn: var(--color-orange-12);
--color-background-overlay-success: var(--color-green-13);
--color-background-overlay-info: var(--color-blue-12);
--color-background-overlay-brand: var(--color-twitch-purple-11);
--color-background-interactable-hover: var(--color-opac-w-4);
--color-background-interactable-active: var(--color-opac-w-3);
--color-background-interactable-selected: var(--color-twitch-purple-9);
--color-background-interactable-overlay-hover: var(--color-opac-w-4);
--color-background-interactable-overlay-active: var(--color-opac-w-3);
--color-background-interactable-overlay-selected: var(--color-white);
--color-background-interactable-destructive-hover: var(--color-red-darker);
--color-background-interactable-destructive-active: var(--color-red);
--color-background-button-primary-default: var(--color-twitch-purple-9);
--color-background-button-primary-hover: var(--color-twitch-purple-8);
--color-background-button-primary-active: var(--color-twitch-purple-7);
--color-background-button-secondary-default: var(--color-opac-w-3);
--color-background-button-secondary-hover: var(--color-background-interactable-hover);
--color-background-button-secondary-active: var(--color-background-interactable-active);
--color-background-button-text-default: var(--color-transparent);
--color-background-button-text-hover: var(--color-background-interactable-hover);
--color-background-button-text-active: var(--color-background-interactable-active);
--color-background-button-destructive-default: var(--color-red);
--color-background-button-destructive-hover: var(--color-background-interactable-destructive-hover);
--color-background-button-destructive-active: var(--color-background-interactable-destructive-active);
--color-background-button-error: var(--color-red-10);
--color-background-button-error-hover: var(--color-red-12);
--color-background-button-error-active: var(--color-background-button-error);
--color-background-button-warn: var(--color-orange-12);
--color-background-button-warn-hover: var(--color-orange-14);
--color-background-button-warn-active: var(--color-background-button-warn);
--color-background-button-success: var(--color-green);
--color-background-button-success-hover: var(--color-green-darker);
--color-background-button-success-active: var(--color-background-button-success);
--color-background-button-info: var(--color-blue-11);
--color-background-button-info-hover: var(--color-blue-13);
--color-background-button-info-active: var(--color-background-button-info);
--color-background-button-brand: var(--color-twitch-purple-9);
--color-background-button-brand-hover: var(--color-twitch-purple-8);
--color-background-button-brand-active: var(--color-background-button-brand);
--color-background-button-overlay-primary-default: var(--color-white);
--color-background-button-overlay-primary-hover: var(--color-opac-w-14);
--color-background-button-overlay-primary-active: var(--color-opac-w-13);
--color-background-button-overlay-secondary-default: var(--color-opac-w-3);
--color-background-button-overlay-secondary-hover: var(--color-background-interactable-overlay-hover);
--color-background-button-overlay-secondary-active: var(--color-background-interactable-overlay-active);
--color-background-button-overlay-text-default: var(--color-transparent);
--color-background-button-overlay-text-hover: var(--color-background-interactable-overlay-hover);
--color-background-button-overlay-text-active: var(--color-background-interactable-overlay-active);
--color-background-button-overlay-error: var(--color-red-10);
--color-background-button-overlay-error-hover: var(--color-red-12);
--color-background-button-overlay-error-active: var(--color-background-button-overlay-error);
--color-background-button-overlay-warn: var(--color-orange-12);
--color-background-button-overlay-warn-hover: var(--color-orange-14);
--color-background-button-overlay-warn-active: var(--color-background-button-overlay-warn);
--color-background-button-overlay-success: var(--color-green-12);
--color-background-button-overlay-success-hover: var(--color-green-14);
--color-background-button-overlay-success-active: var(--color-background-button-overlay-success);
--color-background-button-overlay-info: var(--color-blue-11);
--color-background-button-overlay-info-hover: var(--color-blue-13);
--color-background-button-overlay-info-active: var(--color-background-button-overlay-info);
--color-background-button-overlay-brand: var(--color-white);
--color-background-button-overlay-brand-hover: var(--color-opac-w-14);
--color-background-button-overlay-brand-active: var(--color-background-button-overlay-brand);
--color-background-button-icon-overlay-default: var(--color-transparent);
--color-background-button-icon-overlay-hover: var(--color-background-interactable-overlay-hover);
--color-background-button-icon-overlay-active: var(--color-background-interactable-overlay-active);
--color-background-button-disabled: var(--color-opac-w-3);
--color-background-button-overlay-disabled: var(--color-opac-w-2);
--color-background-image-selector-overlay: var(--color-transparent);
--color-background-input: var(--color-opac-w-4);
--color-background-input-focus: var(--color-black);
--color-background-input-checked: var(--color-twitch-purple-8);
--color-background-input-overlay: var(--color-opac-b-4);
--color-background-input-overlay-focus: var(--color-black);
--color-background-input-checkbox-checked: var(--color-twitch-purple-10);
--color-background-input-checkbox-checked-background: var(--color-black);
--color-background-input-checkbox-checked-background-overlay: var(--color-black);
--color-background-input-checkbox-checked-overlay: var(--color-white);
--color-background-tag-default: var(--color-opac-w-3);
--color-background-tag-hover: var(--color-background-interactable-hover);
--color-background-tag-active: var(--color-background-interactable-active);
--color-background-toggle: var(--color-black);
--color-background-toggle-handle: var(--color-white);
--color-background-toggle-handle-overlay: var(--color-white);
--color-background-toggle-hover: var(--color-opac-w-5);
--color-background-toggle-focus: var(--color-opac-w-5);
--color-background-toggle-checked: var(--color-twitch-purple-9);
--color-background-toggle-overlay: var(--color-opac-b-4);
--color-background-toggle-overlay-checked: var(--color-white);
--color-background-tooltip: var(--color-white);
--color-background-overlay: var(--color-opac-b-9);
--color-background-progress: var(--color-opac-w-4);
--color-background-progress-status: var(--color-twitch-purple-9);
--color-background-progress-status-error: var(--color-red);
--color-background-progress-status-caution: var(--color-orange);
--color-background-progress-status-success: var(--color-green);
--color-background-progress-overlay-status: var(--color-opac-w-12);
--color-background-progress-overlay-mask: var(--color-opac-b-7);
--color-background-progress-countdown: none;
--color-background-progress-countdown-status: var(--color-twitch-purple-9);
--color-background-pill: var(--color-hinted-grey-7);
--color-background-pill-notification: var(--color-red);
--color-background-range: var(--color-opac-w-4);
--color-background-range-fill: var(--color-twitch-purple-10);
--color-background-range-overlay: var(--color-opac-w-6);
--color-background-range-overlay-fill: var(--color-white);
--color-background-social-column: var(--color-hinted-grey-2);
--color-background-top-nav: var(--color-twitch-purple-6);
--color-background-chat: var(--color-twitch-purple-1);
--color-background-chat-alt: var(--color-twitch-purple-3);
--color-background-chat-header: var(--color-twitch-purple-2);
--color-background-chat-line-mentioning: var(--color-hinted-grey-5);
--color-background-chat-line-mentioned: var(--color-hinted-grey-15);
--color-background-modal-overlay: var(--color-opac-b-13);
--color-background-modal: var(--color-twitch-purple-3);
--color-background-graph: var(--color-twitch-purple-2);
--color-background-graph-fill: var(--color-twitch-purple-8);
--color-background-scrollbar: var(--color-hinted-grey-3);
--color-text-base: var(--color-hinted-grey-14);
--color-text-alt: var(--color-hinted-grey-12);
--color-text-alt-2: var(--color-hinted-grey-9);
--color-text-link: var(--color-twitch-purple-10);
--color-text-link-hover: var(--color-twitch-purple-10);
--color-text-link-active: var(--color-twitch-purple-10);
--color-text-link-focus: var(--color-twitch-purple-10);
--color-text-link-visited: var(--color-twitch-purple-10);
--color-text-live: var(--color-text-accessible-red);
--color-text-alert: var(--color-text-accessible-red);
--color-text-prime: var(--color-prime-blue);
--color-text-error: var(--color-red-11);
--color-text-warn: var(--color-orange-11);
--color-text-success: var(--color-green-11);
--color-text-info: var(--color-blue-11);
--color-text-brand: var(--color-twitch-purple-9);
--color-text-overlay-error: var(--color-red-11);
--color-text-overlay-warn: var(--color-orange-11);
--color-text-overlay-success: var(--color-green-11);
--color-text-overlay-info: var(--color-blue-11);
--color-text-overlay-brand: var(--color-white);
--color-text-accessible-red: var(--color-red-11);
--color-text-accessible-green: var(--color-green-11);
--color-text-accessible-blue: var(--color-blue-11);
--color-text-tab: var(--color-text-base);
--color-text-tab-active: var(--color-twitch-purple-11);
--color-text-badge-alt: var(--color-black);
--color-text-badge-alt-2: var(--color-black);
--color-text-button-primary: var(--color-white);
--color-text-button-secondary: var(--color-text-base);
--color-text-button-text: var(--color-text-link);
--color-text-button-destructive: var(--color-text-button-primary);
--color-text-button-error: var(--color-black);
--color-text-button-warn: var(--color-black);
--color-text-button-success: var(--color-black);
--color-text-button-info: var(--color-black);
--color-text-button-brand: var(--color-white);
--color-text-button-overlay-primary: var(--color-black);
--color-text-button-overlay-secondary: var(--color-white);
--color-text-button-overlay-text: var(--color-white);
--color-text-button-overlay-error: var(--color-black);
--color-text-button-overlay-warn: var(--color-black);
--color-text-button-overlay-success: var(--color-black);
--color-text-button-overlay-info: var(--color-black);
--color-text-button-overlay-brand: var(--color-black);
--color-text-button-disabled: var(--color-opac-w-8);
--color-text-interactable-selected: var(--color-text-overlay);
--color-text-interactable-overlay-selected: var(--color-black);
--color-text-input: var(--color-text-base);
--color-text-input-placeholder: var(--color-opac-w-10);
--color-text-input-placeholder-overlay: var(--color-opac-w-10);
--color-text-input-checked-icon: var(--color-white);
--color-text-label: var(--color-hinted-grey-15);
--color-text-label-optional: var(--color-hinted-grey-8);
--color-text-hint: var(--color-hinted-grey-8);
--color-text-tag: var(--color-opac-w-10);
--color-text-toggle-checked-icon: var(--color-twitch-purple-10);
--color-text-toggle-checked-icon-overlay: var(--color-white);
--color-text-tooltip: var(--color-twitch-purple-1);
--color-text-overlay: var(--color-white);
--color-text-overlay-alt: var(--color-opac-w-13);
--color-text-overlay-link: var(--color-white);
--color-text-overlay-link-hover: var(--color-twitch-purple-13);
--color-text-overlay-link-active: var(--color-twitch-purple-13);
--color-text-overlay-link-focus: var(--color-twitch-purple-13);
--color-text-overlay-link-visited: var(--color-white);
--color-text-pill: var(--color-black);
--color-text-chat-line-mentioning: var(--color-white);
--color-text-chat-line-mentioned: var(--color-hinted-grey-2);
--color-text-channel-status-text-indicator-hosting: var(--color-black);
--color-text-channel-status-text-indicator-rerun: var(--color-black);
--color-text-channel-status-text-indicator-offline: var(--color-black);
--color-text-channel-status-text-indicator-hosting-overlay: var(--color-black);
--color-text-channel-status-text-indicator-rerun-overlay: var(--color-black);
--color-text-channel-status-text-indicator-offline-overlay: var(--color-black);
--color-border-base: var(--color-opac-w-2);
--color-border-region: var(--color-black);
--color-border-overlay: var(--color-opac-w-5);
--color-border-alert: var(--color-red);
--color-border-error: var(--color-red);
--color-border-warn: var(--color-orange-12);
--color-border-success: var(--color-green-12);
--color-border-info: var(--color-blue-10);
--color-border-brand: var(--color-twitch-purple-9);
--color-border-error-decorative: var(--color-red-10);
--color-border-warn-decorative: var(--color-orange-12);
--color-border-success-decorative: var(--color-green-12);
--color-border-info-decorative: var(--color-blue-10);
--color-border-brand-decorative: var(--color-twitch-purple-10);
--color-border-overlay-error: var(--color-red-10);
--color-border-overlay-warn: var(--color-orange-12);
--color-border-overlay-success: var(--color-green-12);
--color-border-overlay-info: var(--color-blue-10);
--color-border-overlay-brand: var(--color-white);
--color-border-overlay-error-decorative: var(--color-red-10);
--color-border-overlay-warn-decorative: var(--color-orange-12);
--color-border-overlay-success-decorative: var(--color-green-12);
--color-border-overlay-info-decorative: var(--color-blue-10);
--color-border-overlay-brand-decorative: var(--color-twitch-purple-10);
--color-border-balloon-overlay: var(--color-opac-w-4);
--color-border-tab: var(--color-border-base);
--color-border-tab-hover: var(--color-twitch-purple-11);
--color-border-tab-focus: var(--color-twitch-purple-11);
--color-border-tab-active: var(--color-twitch-purple-11);
--color-border-image-selector: var(--color-opac-b-6);
--color-border-image-selector-overlay: var(--color-opac-w-6);
--color-border-image-selector-overlay-selected: var(--color-white);
--color-border-input: var(--color-opac-w-4);
--color-border-input-hover: var(--color-opac-w-6);
--color-border-input-focus: var(--color-twitch-purple-10);
--color-border-input-error: var(--color-red);
--color-border-input-overlay: var(--color-opac-w-6);
--color-border-input-overlay-hover: var(--color-opac-w-8);
--color-border-input-overlay-focus: var(--color-white);
--color-border-input-checkbox: var(--color-opac-w-10);
--color-border-input-checkbox-hover: var(--color-white);
--color-border-input-checkbox-focus: var(--color-twitch-purple-10);
--color-border-input-checkbox-checked: var(--color-twitch-purple-10);
--color-border-input-checkbox-error: var(--color-red);
--color-border-input-checkbox-overlay: var(--color-opac-w-10);
--color-border-input-checkbox-hover-overlay: var(--color-white);
--color-border-input-checkbox-checked-overlay: var(--color-white);
--color-border-input-checkbox-overlay-focus: var(--color-white);
--color-border-range-handle: var(--color-twitch-purple-10);
--color-border-range-handle-focus: var(--color-white);
--color-border-tag: var(--color-opac-w-3);
--color-border-toggle: var(--color-opac-w-10);
--color-border-toggle-hover: var(--color-white);
--color-border-toggle-focus: var(--color-twitch-purple-10);
--color-border-toggle-checked: var(--color-twitch-purple-10);
--color-border-toggle-overlay: var(--color-opac-w-10);
--color-border-toggle-overlay-hover: var(--color-white);
--color-border-toggle-overlay-focus: var(--color-white);
--color-border-toggle-overlay-checked: var(--color-white);
--color-border-whisper-incoming: var(--color-twitch-purple-10);
--color-border-whisper-outgoing: var(--color-hinted-grey-9);
--color-border-selectable: var(--color-opac-w-3);
--color-border-selectable-hover: var(--color-opac-w-4);
--color-border-selectable-hover-selected: var(--color-opac-b-3);
--color-border-selectable-selected-outer: var(--color-white);
--color-border-selectable-selected-inner: var(--color-black);
--color-border-selectable-overlay: var(--color-opac-w-3);
--color-border-selectable-overlay-hover: var(--color-opac-w-4);
--color-border-selectable-overlay-selected: var(--color-white);
--color-border-spinner: var(--color-opac-w-3);
--color-border-spinner-fill: var(--color-hinted-grey-12);
--color-border-quote: var(--color-hinted-grey-6);
--color-icon-input-checked: var(--color-white);
--color-icon-input-radio-checked: var(--color-white);
--color-fill-base: var(--color-text-base);
--color-fill-current: currentColor;
--color-fill-alt: var(--color-text-alt);
--color-fill-alt-2: var(--color-text-alt-2);
--color-fill-offline: var(--color-hinted-grey-7);
--color-fill-hosting: var(--color-yellow);
--color-fill-live: var(--color-red);
--color-fill-alert: var(--color-error);
--color-fill-error: var(--color-red-10);
--color-fill-warn: var(--color-warn);
--color-fill-success: var(--color-success);
--color-fill-info: var(--color-info);
--color-fill-brand: var(--color-twitch-purple-9);
--color-fill-error-overlay: var(--color-red-10);
--color-fill-warn-overlay: var(--color-orange-12);
--color-fill-success-overlay: var(--color-green-13);
--color-fill-info-overlay: var(--color-blue-10);
--color-fill-brand-overlay: var(--color-twitch-purple-10);
--color-fill-prime: var(--color-prime-blue);
--color-fill-drops: var(--color-green);
--color-fill-crate: var(--color-green);
--color-fill-range-notch: var(--color-hinted-grey-7);
--color-fill-button-icon: var(--color-text-base);
--color-fill-button-icon-hover: var(--color-text-base);
--color-fill-button-icon-focus: var(--color-text-base);
--color-fill-button-icon-active: var(--color-text-base);
--color-fill-channel-status-text-indicator-hosting: var(--color-opac-w-10);
--color-fill-channel-status-text-indicator-rerun: var(--color-opac-w-10);
--color-fill-channel-status-text-indicator-offline: var(--color-white);
--color-fill-channel-status-text-indicator-hosting-overlay: var(--color-opac-w-10);
--color-fill-channel-status-text-indicator-rerun-overlay: var(--color-opac-w-10);
--color-fill-channel-status-text-indicator-offline-overlay: var(--color-white);
--color-fill-presence-offline: var(--color-hinted-grey-9);
--color-fill-presence-invisible: var(--color-hinted-grey-9);
--color-fill-presence-online: var(--color-success);
--color-fill-presence-away: var(--color-warn);
--color-fill-presence-busy: var(--color-red-11);
--color-fill-presence-idle: var(--color-warn);
--color-social-twitter: var(--color-twitter);
--color-social-facebook: var(--color-facebook);
--color-social-reddit: var(--color-reddit);
--color-social-snapchat: var(--color-snapchat);
--color-social-instagram: var(--color-instagram);
--color-social-youtube: var(--color-youtube);
--color-social-paypal: var(--color-paypal);
--color-social-vk: var(--color-vk);
--shadow-elevation-umbra: 0.34;
--shadow-elevation-penumbra: 0.26;
--shadow-elevation-ambient: 0.28;
--shadow-elevation-1: 0 1px 2px var(--color-opac-b-14), 0 0px 2px var(--color-opac-b-14);
--shadow-elevation-2: 0 4px 8px var(--color-opac-b-7), 0 0px 4px var(--color-opac-b-7);
--shadow-elevation-3: 0 6px 16px var(--color-opac-b-8), 0 0px 4px var(--color-opac-b-7);
--shadow-elevation-4: 0 12px 32px var(--color-opac-b-8), 0 0px 8px var(--color-opac-b-7);
--shadow-elevation-5: 0 32px 64px var(--color-opac-b-9), 0 0px 16px var(--color-opac-b-7);
--shadow-button-focus: 0 0 6px 0 var(--color-twitch-purple-8);
--shadow-button-active: 0 0 6px 0 var(--color-twitch-purple-8);
--shadow-button-disabled: none;
--shadow-button-overlay-focus: 0 0 6px 0 var(--color-opac-w-6);
--shadow-button-overlay-active: 0 0 6px 0 var(--color-opac-w-6);
--shadow-input: inset 0 0 0 1px var(--color-twitch-purple-5);
--shadow-input-error: 0 0 0 1px var(--color-red);
--shadow-input-focus: 0 0 10px -2px var(--color-twitch-purple-8);
--shadow-input-error-focus: 0 0 6px -2px var(--color-red);
--shadow-tab-focus: 0 4px 6px -4px var(--color-twitch-purple-11);
--shadow-balloon: 0 1px 1px var(--color-opac-b-5);
--shadow-scrollbar: 0 0 1px 1px var(--color-opac-w-5)
}
.tt-root--theme-light {
--color-background-button: var(--color-twitch-purple-7);
--color-background-button-hover: var(--color-twitch-purple-8);
--color-background-button-focus: var(--color-twitch-purple-8);
--color-background-button-active: var(--color-twitch-purple-7);
--color-background-button-purchase: var(--color-opac-b-5);
--color-background-button-status: var(--color-green);
--color-background-button-status-hover: var(--color-red-darker);
--color-background-button-status-focus: var(--color-red-darker);
--color-background-button-status-active: var(--color-red);
--color-background-button-success-focus: var(--color-green-darker);
--color-background-button-alert: var(--color-red);
--color-background-button-alert-hover: var(--color-red-darker);
--color-background-button-alert-focus: var(--color-red-darker);
--color-background-button-alert-active: var(--color-red);
--color-background-button-overlay: var(--color-transparent);
--color-background-button-overlay-hover: var(--color-opac-w-1);
--color-background-button-overlay-focus: var(--color-opac-w-1);
--color-background-button-overlay-active: var(--color-opac-w-2);
--color-background-interactable-alpha-hover: var(--color-opac-b-1);
--color-background-interactable-alpha-active: var(--color-opac-b-2);
--color-background-interactable-alpha-selected: var(--color-opac-b-1);
--color-text-button: var(--color-white);
--color-text-button-hover: var(--color-white);
--color-text-button-focus: var(--color-white);
--color-text-button-active: var(--color-white);
--color-text-button-secondary-hover: var(--color-hinted-grey-9);
--color-text-button-secondary-focus: var(--color-hinted-grey-9);
--color-text-button-secondary-active: var(--color-hinted-grey-9);
--color-text-button-text-hover: var(--color-opac-p-1);
--color-text-button-text-focus: var(--color-opac-p-1);
--color-text-button-text-active: var(--color-transparent);
--color-text-button-status: var(--color-white);
--color-text-button-status-hover: var(--color-white);
--color-text-button-status-focus: var(--color-white);
--color-text-button-status-active: var(--color-white);
--color-text-button-success-hover: var(--color-black);
--color-text-button-success-focus: var(--color-black);
--color-text-button-success-active: var(--color-black);
--color-text-button-alert: var(--color-white);
--color-text-button-alert-hover: var(--color-white);
--color-text-button-alert-focus: var(--color-white);
--color-text-button-alert-active: var(--color-white);
--color-text-button-overlay: var(--color-white);
--color-text-button-overlay-hover: var(--color-white);
--color-text-button-overlay-focus: var(--color-white);
--color-text-button-overlay-active: var(--color-white);
--color-text-interactable: currentColor;
--color-text-interactable-hover: var(--color-white);
--color-text-interactable-active: var(--color-white);
--color-text-interactable-inverted: var(--color-white);
--color-text-input-focus: transparent;
--color-border-button: var(--color-twitch-purple-7);
--color-border-button-hover: var(--color-twitch-purple-8);
--color-border-button-focus: var(--color-twitch-purple-9);
--color-border-button-active: var(--color-twitch-purple-8);
--color-border-button-disabled: var(--color-opac-b-1);
--color-border-button-status: var(--color-green);
--color-border-button-status-hover: var(--color-red-darker);
--color-border-button-status-focus: var(--color-red-darker);
--color-border-button-status-active: var(--color-red);
--color-border-button-success: var(--color-green);
--color-border-button-success-hover: var(--color-green);
--color-border-button-success-focus: var(--color-green);
--color-border-button-success-active: var(--color-green);
--color-border-button-alert: var(--color-red);
--color-border-button-alert-hover: var(--color-red-darker);
--color-border-button-alert-focus: var(--color-red-darker);
--color-border-button-alert-active: var(--color-red);
--color-border-button-overlay: var(--color-transparent);
--color-border-button-overlay-hover: var(--color-transparent);
--color-border-button-overlay-focus: var(--color-opac-w-6);
--color-border-button-overlay-active: var(--color-opac-w-9);
--color-border-button-overlay-bordered: var(--color-white);
--color-border-interactable-selected: var(--color-twitch-purple-9);
--shadow-interactable-focus: 0 0 6px 1px var(--color-twitch-purple-8);
--color-background-subscriber-stream-tag-default: var(--color-twitch-purple-13);
--color-background-subscriber-stream-tag-hover: var(--color-twitch-purple-14);
--color-background-subscriber-stream-tag-active: var(--color-twitch-purple-13);
--color-border-subscriber-stream-tag: var(--color-twitch-purple-10);
--color-background-body: var(--color-hinted-grey-15);
--color-background-base: var(--color-white);
--color-background-alt: var(--color-hinted-grey-14);
--color-background-alt-2: var(--color-hinted-grey-13);
--color-background-float: var(--color-white);
--color-background-accent: var(--color-twitch-purple-8);
--color-background-accent-alt: var(--color-twitch-purple-7);
--color-background-accent-alt-2: var(--color-twitch-purple-6);
--color-background-placeholder: var(--color-opac-b-1);
--color-background-overlay-placeholder: var(--color-opac-w-3);
--color-background-live: var(--color-red);
--color-background-prime: var(--color-prime-blue);
--color-background-error: var(--color-red-10);
--color-background-warn: var(--color-orange-12);
--color-background-success: var(--color-green-12);
--color-background-info: var(--color-blue-10);
--color-background-brand: var(--color-twitch-purple-11);
--color-background-overlay-error: var(--color-red-11);
--color-background-overlay-warn: var(--color-orange-12);
--color-background-overlay-success: var(--color-green-13);
--color-background-overlay-info: var(--color-blue-12);
--color-background-overlay-brand: var(--color-twitch-purple-11);
--color-background-interactable-hover: var(--color-opac-b-2);
--color-background-interactable-active: var(--color-opac-b-1);
--color-background-interactable-selected: var(--color-twitch-purple-9);
--color-background-interactable-overlay-hover: var(--color-opac-w-4);
--color-background-interactable-overlay-active: var(--color-opac-w-3);
--color-background-interactable-overlay-selected: var(--color-white);
--color-background-interactable-destructive-hover: var(--color-red-darker);
--color-background-interactable-destructive-active: var(--color-red);
--color-background-button-primary-default: var(--color-twitch-purple-9);
--color-background-button-primary-hover: var(--color-twitch-purple-8);
--color-background-button-primary-active: var(--color-twitch-purple-7);
--color-background-button-secondary-default: var(--color-opac-b-1);
--color-background-button-secondary-hover: var(--color-background-interactable-hover);
--color-background-button-secondary-active: var(--color-background-interactable-active);
--color-background-button-text-default: var(--color-transparent);
--color-background-button-text-hover: var(--color-background-interactable-hover);
--color-background-button-text-active: var(--color-background-interactable-active);
--color-background-button-destructive-default: var(--color-red);
--color-background-button-destructive-hover: var(--color-background-interactable-destructive-hover);
--color-background-button-destructive-active: var(--color-background-interactable-destructive-active);
--color-background-button-error: var(--color-red-10);
--color-background-button-error-hover: var(--color-red-12);
--color-background-button-error-active: var(--color-background-button-error);
--color-background-button-warn: var(--color-orange-12);
--color-background-button-warn-hover: var(--color-orange-14);
--color-background-button-warn-active: var(--color-background-button-warn);
--color-background-button-success: var(--color-green);
--color-background-button-success-hover: var(--color-green-darker);
--color-background-button-success-active: var(--color-background-button-success);
--color-background-button-info: var(--color-blue-11);
--color-background-button-info-hover: var(--color-blue-13);
--color-background-button-info-active: var(--color-background-button-info);
--color-background-button-brand: var(--color-twitch-purple-9);
--color-background-button-brand-hover: var(--color-twitch-purple-8);
--color-background-button-brand-active: var(--color-background-button-brand);
--color-background-button-overlay-primary-default: var(--color-white);
--color-background-button-overlay-primary-hover: var(--color-opac-w-14);
--color-background-button-overlay-primary-active: var(--color-opac-w-13);
--color-background-button-overlay-secondary-default: var(--color-opac-w-3);
--color-background-button-overlay-secondary-hover: var(--color-background-interactable-overlay-hover);
--color-background-button-overlay-secondary-active: var(--color-background-interactable-overlay-active);
--color-background-button-overlay-text-default: var(--color-transparent);
--color-background-button-overlay-text-hover: var(--color-background-interactable-overlay-hover);
--color-background-button-overlay-text-active: var(--color-background-interactable-overlay-active);
--color-background-button-overlay-error: var(--color-red-10);
--color-background-button-overlay-error-hover: var(--color-red-12);
--color-background-button-overlay-error-active: var(--color-background-button-overlay-error);
--color-background-button-overlay-warn: var(--color-orange-12);
--color-background-button-overlay-warn-hover: var(--color-orange-14);
--color-background-button-overlay-warn-active: var(--color-background-button-overlay-warn);
--color-background-button-overlay-success: var(--color-green-12);
--color-background-button-overlay-success-hover: var(--color-green-14);
--color-background-button-overlay-success-active: var(--color-background-button-overlay-success);
--color-background-button-overlay-info: var(--color-blue-11);
--color-background-button-overlay-info-hover: var(--color-blue-13);
--color-background-button-overlay-info-active: var(--color-background-button-overlay-info);
--color-background-button-overlay-brand: var(--color-white);
--color-background-button-overlay-brand-hover: var(--color-opac-w-14);
--color-background-button-overlay-brand-active: var(--color-background-button-overlay-brand);
--color-background-button-icon-overlay-default: var(--color-transparent);
--color-background-button-icon-overlay-hover: var(--color-background-interactable-overlay-hover);
--color-background-button-icon-overlay-active: var(--color-background-interactable-overlay-active);
--color-background-button-disabled: var(--color-opac-b-1);
--color-background-button-overlay-disabled: var(--color-opac-w-2);
--color-background-image-selector-overlay: var(--color-transparent);
--color-background-input: var(--color-opac-b-2);
--color-background-input-focus: var(--color-white);
--color-background-input-checked: var(--color-twitch-purple-8);
--color-background-input-overlay: var(--color-opac-b-4);
--color-background-input-overlay-focus: var(--color-black);
--color-background-input-checkbox-checked: var(--color-twitch-purple-9);
--color-background-input-checkbox-checked-background: var(--color-white);
--color-background-input-checkbox-checked-background-overlay: var(--color-black);
--color-background-input-checkbox-checked-overlay: var(--color-white);
--color-background-tag-default: var(--color-opac-b-1);
--color-background-tag-hover: var(--color-background-interactable-hover);
--color-background-tag-active: var(--color-background-interactable-active);
--color-background-toggle: var(--color-white);
--color-background-toggle-handle: var(--color-black);
--color-background-toggle-handle-overlay: var(--color-white);
--color-background-toggle-hover: var(--color-opac-b-9);
--color-background-toggle-focus: var(--color-opac-b-7);
--color-background-toggle-checked: var(--color-twitch-purple-9);
--color-background-toggle-overlay: var(--color-opac-b-4);
--color-background-toggle-overlay-checked: var(--color-white);
--color-background-tooltip: var(--color-twitch-purple-1);
--color-background-overlay: var(--color-opac-b-9);
--color-background-progress: var(--color-hinted-grey-12);
--color-background-progress-status: var(--color-twitch-purple-8);
--color-background-progress-status-error: var(--color-red);
--color-background-progress-status-caution: var(--color-orange);
--color-background-progress-status-success: var(--color-green);
--color-background-progress-overlay-status: var(--color-opac-w-12);
--color-background-progress-overlay-mask: var(--color-opac-b-7);
--color-background-progress-countdown: none;
--color-background-progress-countdown-status: var(--color-twitch-purple-8);
--color-background-pill: var(--color-hinted-grey-7);
--color-background-pill-notification: var(--color-red);
--color-background-range: var(--color-opac-b-4);
--color-background-range-fill: var(--color-twitch-purple-9);
--color-background-range-overlay: var(--color-opac-w-6);
--color-background-range-overlay-fill: var(--color-white);
--color-background-social-column: var(--color-hinted-grey-15);
--color-background-top-nav: var(--color-twitch-purple-7);
--color-background-chat: var(--color-hinted-grey-15);
--color-background-chat-alt: var(--color-hinted-grey-14);
--color-background-chat-header: var(--color-hinted-grey-15);
--color-background-chat-line-mentioning: var(--color-hinted-grey-12);
--color-background-chat-line-mentioned: var(--color-hinted-grey-1);
--color-background-modal-overlay: var(--color-opac-b-13);
--color-background-modal: var(--color-white);
--color-background-graph: var(--color-twitch-purple-15);
--color-background-graph-fill: var(--color-twitch-purple-9);
--color-background-scrollbar: var(--color-opac-b-3);
--color-text-base: var(--color-hinted-grey-1);
--color-text-alt: var(--color-hinted-grey-3);
--color-text-alt-2: var(--color-hinted-grey-7);
--color-text-link: var(--color-twitch-purple-8);
--color-text-link-hover: var(--color-twitch-purple-9);
--color-text-link-active: var(--color-twitch-purple-9);
--color-text-link-focus: var(--color-twitch-purple-9);
--color-text-link-visited: var(--color-twitch-purple-9);
--color-text-live: var(--color-text-accessible-red);
--color-text-alert: var(--color-text-accessible-red);
--color-text-prime: var(--color-prime-blue);
--color-text-error: var(--color-red-7);
--color-text-warn: var(--color-orange-7);
--color-text-success: var(--color-green-7);
--color-text-info: var(--color-blue-7);
--color-text-brand: var(--color-twitch-purple-9);
--color-text-overlay-error: var(--color-red-11);
--color-text-overlay-warn: var(--color-orange-11);
--color-text-overlay-success: var(--color-green-11);
--color-text-overlay-info: var(--color-blue-11);
--color-text-overlay-brand: var(--color-white);
--color-text-accessible-red: var(--color-red-7);
--color-text-accessible-green: var(--color-green-7);
--color-text-accessible-blue: var(--color-blue-7);
--color-text-tab: var(--color-text-base);
--color-text-tab-active: var(--color-twitch-purple-8);
--color-text-badge-alt: var(--color-white);
--color-text-badge-alt-2: var(--color-white);
--color-text-button-primary: var(--color-white);
--color-text-button-secondary: var(--color-text-base);
--color-text-button-text: var(--color-twitch-purple-8);
--color-text-button-destructive: var(--color-text-button-primary);
--color-text-button-error: var(--color-black);
--color-text-button-warn: var(--color-black);
--color-text-button-success: var(--color-black);
--color-text-button-info: var(--color-black);
--color-text-button-brand: var(--color-white);
--color-text-button-overlay-primary: var(--color-black);
--color-text-button-overlay-secondary: var(--color-text-overlay);
--color-text-button-overlay-text: var(--color-white);
--color-text-button-overlay-error: var(--color-black);
--color-text-button-overlay-warn: var(--color-black);
--color-text-button-overlay-success: var(--color-black);
--color-text-button-overlay-info: var(--color-black);
--color-text-button-overlay-brand: var(--color-black);
--color-text-button-disabled: var(--color-opac-b-6);
--color-text-interactable-selected: var(--color-text-overlay);
--color-text-interactable-overlay-selected: var(--color-text-base);
--color-text-input: var(--color-text-base);
--color-text-input-placeholder: var(--color-opac-b-10);
--color-text-input-placeholder-overlay: var(--color-opac-w-10);
--color-text-input-checked-icon: var(--color-white);
--color-text-label: var(--color-hinted-grey-2);
--color-text-label-optional: var(--color-hinted-grey-7);
--color-text-hint: var(--color-hinted-grey-7);
--color-text-tag: var(--color-opac-b-10);
--color-text-toggle-checked-icon: var(--color-twitch-purple-9);
--color-text-toggle-checked-icon-overlay: var(--color-white);
--color-text-tooltip: var(--color-white);
--color-text-overlay: var(--color-white);
--color-text-overlay-alt: var(--color-opac-w-13);
--color-text-overlay-link: var(--color-white);
--color-text-overlay-link-hover: var(--color-twitch-purple-13);
--color-text-overlay-link-active: var(--color-twitch-purple-13);
--color-text-overlay-link-focus: var(--color-twitch-purple-13);
--color-text-overlay-link-visited: var(--color-white);
--color-text-pill: var(--color-black);
--color-text-chat-line-mentioning: var(--color-hinted-grey-2);
--color-text-chat-line-mentioned: var(--color-white);
--color-text-channel-status-text-indicator-hosting: var(--color-white);
--color-text-channel-status-text-indicator-rerun: var(--color-white);
--color-text-channel-status-text-indicator-offline: var(--color-white);
--color-text-channel-status-text-indicator-hosting-overlay: var(--color-black);
--color-text-channel-status-text-indicator-rerun-overlay: var(--color-black);
--color-text-channel-status-text-indicator-offline-overlay: var(--color-black);
--color-border-base: var(--color-opac-b-2);
--color-border-region: var(--color-hinted-grey-13);
--color-border-overlay: var(--color-opac-w-5);
--color-border-alert: var(--color-red);
--color-border-error: var(--color-red);
--color-border-warn: var(--color-orange-8);
--color-border-success: var(--color-green-8);
--color-border-info: var(--color-blue-8);
--color-border-brand: var(--color-twitch-purple-9);
--color-border-error-decorative: var(--color-red-10);
--color-border-warn-decorative: var(--color-orange-12);
--color-border-success-decorative: var(--color-green-12);
--color-border-info-decorative: var(--color-blue-10);
--color-border-brand-decorative: var(--color-twitch-purple-9);
--color-border-overlay-error: var(--color-red-10);
--color-border-overlay-warn: var(--color-orange-12);
--color-border-overlay-success: var(--color-green-12);
--color-border-overlay-info: var(--color-blue-10);
--color-border-overlay-brand: var(--color-white);
--color-border-overlay-error-decorative: var(--color-red-10);
--color-border-overlay-warn-decorative: var(--color-orange-12);
--color-border-overlay-success-decorative: var(--color-green-12);
--color-border-overlay-info-decorative: var(--color-blue-10);
--color-border-overlay-brand-decorative: var(--color-twitch-purple-10);
--color-border-balloon-overlay: var(--color-opac-w-4);
--color-border-tab: var(--color-border-base);
--color-border-tab-hover: var(--color-twitch-purple-8);
--color-border-tab-focus: var(--color-twitch-purple-8);
--color-border-tab-active: var(--color-twitch-purple-8);
--color-border-image-selector: var(--color-opac-b-6);
--color-border-image-selector-overlay: var(--color-opac-w-6);
--color-border-image-selector-overlay-selected: var(--color-white);
--color-border-input: var(--color-opac-b-2);
--color-border-input-hover: var(--color-opac-b-4);
--color-border-input-focus: var(--color-twitch-purple-9);
--color-border-input-error: var(--color-red);
--color-border-input-overlay: var(--color-opac-w-6);
--color-border-input-overlay-hover: var(--color-opac-w-8);
--color-border-input-overlay-focus: var(--color-white);
--color-border-input-checkbox: var(--color-opac-b-10);
--color-border-input-checkbox-hover: var(--color-black);
--color-border-input-checkbox-focus: var(--color-twitch-purple-9);
--color-border-input-checkbox-checked: var(--color-twitch-purple-9);
--color-border-input-checkbox-error: var(--color-red);
--color-border-input-checkbox-overlay: var(--color-opac-w-10);
--color-border-input-checkbox-hover-overlay: var(--color-white);
--color-border-input-checkbox-checked-overlay: var(--color-white);
--color-border-input-checkbox-overlay-focus: var(--color-white);
--color-border-range-handle: var(--color-twitch-purple-9);
--color-border-range-handle-focus: var(--color-black);
--color-border-tag: var(--color-opac-b-1);
--color-border-toggle: var(--color-opac-b-10);
--color-border-toggle-hover: var(--color-black);
--color-border-toggle-focus: var(--color-twitch-purple-9);
--color-border-toggle-checked: var(--color-twitch-purple-9);
--color-border-toggle-overlay: var(--color-opac-w-10);
--color-border-toggle-overlay-hover: var(--color-white);
--color-border-toggle-overlay-focus: var(--color-white);
--color-border-toggle-overlay-checked: var(--color-white);
--color-border-whisper-incoming: var(--color-twitch-purple-10);
--color-border-whisper-outgoing: var(--color-hinted-grey-9);
--color-border-selectable: var(--color-opac-b-1);
--color-border-selectable-hover: var(--color-opac-b-2);
--color-border-selectable-hover-selected: var(--color-opac-b-3);
--color-border-selectable-selected-outer: var(--color-black);
--color-border-selectable-selected-inner: var(--color-white);
--color-border-selectable-overlay: var(--color-opac-w-3);
--color-border-selectable-overlay-hover: var(--color-opac-w-4);
--color-border-selectable-overlay-selected: var(--color-white);
--color-border-spinner: var(--color-opac-b-3);
--color-border-spinner-fill: var(--color-hinted-grey-2);
--color-border-quote: var(--color-hinted-grey-7);
--color-icon-input-checked: var(--color-white);
--color-icon-input-radio-checked: var(--color-white);
--color-fill-base: var(--color-text-base);
--color-fill-current: currentColor;
--color-fill-alt: var(--color-text-alt);
--color-fill-alt-2: var(--color-text-alt-2);
--color-fill-offline: var(--color-hinted-grey-9);
--color-fill-hosting: var(--color-yellow);
--color-fill-live: var(--color-red);
--color-fill-alert: var(--color-error);
--color-fill-error: var(--color-red-9);
--color-fill-warn: var(--color-warn);
--color-fill-success: var(--color-success);
--color-fill-info: var(--color-info);
--color-fill-brand: var(--color-twitch-purple-9);
--color-fill-error-overlay: var(--color-red-10);
--color-fill-warn-overlay: var(--color-orange-12);
--color-fill-success-overlay: var(--color-green-13);
--color-fill-info-overlay: var(--color-blue-10);
--color-fill-brand-overlay: var(--color-twitch-purple-10);
--color-fill-prime: var(--color-prime-blue);
--color-fill-drops: var(--color-green);
--color-fill-crate: var(--color-green);
--color-fill-range-notch: var(--color-hinted-grey-9);
--color-fill-button-icon: var(--color-text-base);
--color-fill-button-icon-hover: var(--color-text-base);
--color-fill-button-icon-focus: var(--color-text-base);
--color-fill-button-icon-active: var(--color-text-base);
--color-fill-channel-status-text-indicator-hosting: var(--color-opac-b-10);
--color-fill-channel-status-text-indicator-rerun: var(--color-opac-b-10);
--color-fill-channel-status-text-indicator-offline: var(--color-black);
--color-fill-channel-status-text-indicator-hosting-overlay: var(--color-opac-w-10);
--color-fill-channel-status-text-indicator-rerun-overlay: var(--color-opac-w-10);
--color-fill-channel-status-text-indicator-offline-overlay: var(--color-white);
--color-fill-presence-offline: var(--color-hinted-grey-8);
--color-fill-presence-invisible: var(--color-hinted-grey-8);
--color-fill-presence-online: var(--color-success);
--color-fill-presence-away: var(--color-warn);
--color-fill-presence-busy: var(--color-red-7);
--color-fill-presence-idle: var(--color-warn);
--color-social-twitter: var(--color-twitter);
--color-social-facebook: var(--color-facebook);
--color-social-reddit: var(--color-reddit);
--color-social-snapchat: var(--color-snapchat);
--color-social-instagram: var(--color-instagram);
--color-social-youtube: var(--color-youtube);
--color-social-paypal: var(--color-paypal);
--color-social-vk: var(--color-vk);
--shadow-elevation-umbra: 0.1;
--shadow-elevation-penumbra: 0.02;
--shadow-elevation-ambient: 0.04;
--shadow-elevation-1: 0 1px 2px var(--color-opac-b-3), 0 0px 2px var(--color-opac-b-2);
--shadow-elevation-2: 0 4px 8px var(--color-opac-b-4), 0 0px 4px var(--color-opac-b-1);
--shadow-elevation-3: 0 6px 16px var(--color-opac-b-4), 0 0px 4px var(--color-opac-b-1);
--shadow-elevation-4: 0 12px 32px var(--color-opac-b-4), 0 0px 8px var(--color-opac-b-1);
--shadow-elevation-5: 0 32px 64px var(--color-opac-b-4), 0 0px 16px var(--color-opac-b-1);
--shadow-button-focus: 0 0 6px 0 var(--color-twitch-purple-8);
--shadow-button-active: 0 0 6px 0 var(--color-twitch-purple-8);
--shadow-button-disabled: none;
--shadow-button-overlay-focus: 0 0 6px 0 var(--color-opac-w-6);
--shadow-button-overlay-active: 0 0 6px 0 var(--color-opac-w-6);
--shadow-input: inset 0 0 0 1px var(--color-hinted-grey-12);
--shadow-input-error: 0 0 8px -2px var(--color-red);
--shadow-input-focus: 0 0 10px -2px var(--color-twitch-purple-10);
--shadow-input-error-focus: 0 0 6px -3px var(--color-red);
--shadow-tab-focus: 0 4px 6px -4px var(--color-twitch-purple-8);
--shadow-balloon: 0 1px 1px var(--color-opac-b-5);
--shadow-scrollbar: 0 0 1px 1px var(--color-opac-w-5)
}
.tt-line-height-body {
line-height: 1.5!important
}
.tt-line-height-heading {
line-height: 1.2!important
}
.tt-regular {
font-weight: 400!important
}
.tt-semibold, .tt-strong {
font-weight: 600!important
}
.tt-bold {
font-weight: 700!important
}
.tt-italic {
font-style: italic!important
}
.tt-strikethrough {
text-decoration: line-through!important
}
.tt-white-space-nowrap {
white-space: nowrap!important
}
.tt-white-space-pre-wrap {
white-space: pre-wrap!important
}
.tt-underline {
text-decoration: underline!important
}
.tt-upcase {
text-transform: uppercase!important
}
.tt-capcase {
text-transform: capitalize!important
}
.tt-word-break-normal {
word-break: normal!important
}
.tt-word-break-all {
word-break: break-all!important
}
.tt-word-break-keep-all {
word-break: keep-all!important
}
.tt-word-break-word {
word-break: break-word!important
}
.tt-tabular-nums {
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums
}
.tt-align-center {
text-align: center!important
}
.tt-align-left {
text-align: left!important
}
.tt-align-right {
text-align: right!important
}
.tt-align-justify {
text-align: justify!important
}
.tt-initial {
display: initial!important
}
.tt-inline {
display: inline!important
}
.tt-inline-block {
display: inline-block!important
}
.tt-block {
display: block!important
}
.tt-hide {
display: none!important
}
.tt-overflow-hidden {
overflow: hidden!important
}
.tt-overflow-auto {
overflow: auto!important
}