-
Notifications
You must be signed in to change notification settings - Fork 200
/
Copy pathglobal-vars.css
1055 lines (1045 loc) · 69.7 KB
/
global-vars.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
/*!
* Copyright 2024 Adobe. All rights reserved.
*
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at <http://www.apache.org/licenses/LICENSE-2.0>
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
.spectrum {
--spectrum-focus-indicator-color: var(--spectrum-blue-800);
--spectrum-static-white-focus-indicator-color: var(--spectrum-white);
--spectrum-static-black-focus-indicator-color: var(--spectrum-black);
--spectrum-overlay-color: var(--spectrum-black);
--spectrum-drop-shadow-color: var(--spectrum-drop-shadow-color-100);
--spectrum-opacity-disabled: 0.3;
--spectrum-background-base-color: var(--spectrum-gray-25);
--spectrum-background-layer-1-color: var(--spectrum-gray-50);
--spectrum-neutral-background-color-default: var(--spectrum-gray-800);
--spectrum-neutral-background-color-hover: var(--spectrum-gray-900);
--spectrum-neutral-background-color-down: var(--spectrum-gray-900);
--spectrum-neutral-background-color-key-focus: var(--spectrum-gray-900);
--spectrum-neutral-background-color-selected-default: var(--spectrum-gray-800);
--spectrum-neutral-background-color-selected-hover: var(--spectrum-gray-900);
--spectrum-neutral-background-color-selected-down: var(--spectrum-gray-900);
--spectrum-neutral-background-color-selected-key-focus: var(--spectrum-gray-900);
--spectrum-neutral-subdued-content-color-selected: var(--spectrum-neutral-subdued-content-color-down);
--spectrum-accent-content-color-selected: var(--spectrum-accent-content-color-down);
--spectrum-disabled-background-color: var(--spectrum-gray-100);
--spectrum-disabled-static-white-background-color: var(--spectrum-transparent-white-100);
--spectrum-disabled-static-black-background-color: var(--spectrum-transparent-black-100);
--spectrum-background-opacity-default: 0;
--spectrum-background-opacity-hover: 0.1;
--spectrum-background-opacity-down: 0.1;
--spectrum-background-opacity-key-focus: 0.1;
--spectrum-neutral-content-color-default: var(--spectrum-gray-800);
--spectrum-neutral-content-color-hover: var(--spectrum-gray-900);
--spectrum-neutral-content-color-down: var(--spectrum-gray-900);
--spectrum-neutral-content-color-focus-hover: var(--spectrum-neutral-content-color-down);
--spectrum-neutral-content-color-focus: var(--spectrum-neutral-content-color-down);
--spectrum-neutral-content-color-key-focus: var(--spectrum-gray-900);
--spectrum-neutral-subdued-content-color-default: var(--spectrum-gray-700);
--spectrum-neutral-subdued-content-color-hover: var(--spectrum-gray-800);
--spectrum-neutral-subdued-content-color-down: var(--spectrum-gray-800);
--spectrum-neutral-subdued-content-color-key-focus: var(--spectrum-gray-800);
--spectrum-accent-content-color-default: var(--spectrum-accent-color-900);
--spectrum-accent-content-color-hover: var(--spectrum-accent-color-1000);
--spectrum-accent-content-color-down: var(--spectrum-accent-color-1000);
--spectrum-accent-content-color-key-focus: var(--spectrum-accent-color-1000);
--spectrum-negative-content-color-default: var(--spectrum-negative-color-900);
--spectrum-negative-content-color-hover: var(--spectrum-negative-color-1000);
--spectrum-negative-content-color-down: var(--spectrum-negative-color-1000);
--spectrum-negative-content-color-key-focus: var(--spectrum-negative-color-1000);
--spectrum-disabled-content-color: var(--spectrum-gray-400);
--spectrum-disabled-static-white-content-color: var(--spectrum-transparent-white-400);
--spectrum-disabled-static-black-content-color: var(--spectrum-transparent-black-400);
--spectrum-disabled-border-color: var(--spectrum-gray-300);
--spectrum-disabled-static-white-border-color: var(--spectrum-transparent-white-300);
--spectrum-disabled-static-black-border-color: var(--spectrum-transparent-black-300);
--spectrum-negative-border-color-default: var(--spectrum-negative-color-900);
--spectrum-negative-border-color-hover: var(--spectrum-negative-color-1000);
--spectrum-negative-border-color-down: var(--spectrum-negative-color-1100);
--spectrum-negative-border-color-focus-hover: var(--spectrum-negative-border-color-down);
--spectrum-negative-border-color-focus: var(--spectrum-negative-color-1000);
--spectrum-negative-border-color-key-focus: var(--spectrum-negative-color-1000);
--spectrum-title-color: var(--spectrum-gray-900);
--spectrum-drop-shadow-emphasized-default-color: var(--spectrum-drop-shadow-color-100);
--spectrum-drop-shadow-emphasized-hover-color: var(--spectrum-drop-shadow-color-200);
--spectrum-drop-shadow-elevated-color: var(--spectrum-drop-shadow-color-200);
--spectrum-static-black-text-color: var(--spectrum-black);
--spectrum-static-white-text-color: var(--spectrum-white);
--spectrum-track-color: var(--spectrum-gray-300);
--spectrum-static-black-track-color: var(--spectrum-transparent-black-300);
--spectrum-static-white-track-color: var(--spectrum-transparent-white-300);
--spectrum-static-black-track-indicator-color: var(--spectrum-transparent-black-900);
--spectrum-static-white-track-indicator-color: var(--spectrum-transparent-white-900);
--spectrum-drop-shadow-dragged-color: var(--spectrum-drop-shadow-color-300);
--spectrum-swatch-border-color: var(--spectrum-gray-1000);
--spectrum-swatch-border-opacity: 0.42;
--spectrum-swatch-disabled-icon-border-color: var(--spectrum-black);
--spectrum-swatch-disabled-icon-border-opacity: 0.42;
--spectrum-thumbnail-border-color: var(--spectrum-gray-800);
--spectrum-thumbnail-border-opacity: 0.1;
--spectrum-thumbnail-opacity-disabled: var(--spectrum-opacity-disabled);
--spectrum-opacity-checkerboard-square-light: var(--spectrum-white);
--spectrum-avatar-opacity-disabled: var(--spectrum-opacity-disabled);
--spectrum-color-area-border-color: var(--spectrum-gray-1000);
--spectrum-color-area-border-opacity: 0.1;
--spectrum-color-slider-border-color: var(--spectrum-gray-1000);
--spectrum-color-slider-border-opacity: 0.1;
--spectrum-color-loupe-drop-shadow-color: var(--spectrum-drop-shadow-elevated-color);
--spectrum-color-loupe-drop-shadow-y: var(--spectrum-drop-shadow-elevated-y);
--spectrum-color-loupe-drop-shadow-blur: var(--spectrum-drop-shadow-elevated-blur);
--spectrum-color-loupe-inner-border: var(--spectrum-transparent-black-200);
--spectrum-color-loupe-outer-border: var(--spectrum-white);
--spectrum-card-selection-background-color: var(--spectrum-gray-100);
--spectrum-card-selection-background-color-opacity: 0.95;
--spectrum-drop-zone-background-color: var(--spectrum-accent-visual-color);
--spectrum-drop-zone-background-color-opacity: 0.1;
--spectrum-drop-zone-background-color-opacity-filled: 0.3;
--spectrum-coach-mark-pagination-color: var(--spectrum-gray-600);
--spectrum-color-handle-inner-border-color: var(--spectrum-black);
--spectrum-color-handle-inner-border-opacity: 0.42;
--spectrum-color-handle-outer-border-color: var(--spectrum-black);
--spectrum-color-handle-outer-border-opacity: var(--spectrum-color-handle-inner-border-opacity);
--spectrum-color-handle-drop-shadow-color: var(--spectrum-drop-shadow-color);
--spectrum-floating-action-button-drop-shadow-color: var(--spectrum-transparent-black-300);
--spectrum-floating-action-button-shadow-color: var(--spectrum-floating-action-button-drop-shadow-color);
--spectrum-table-row-hover-color: var(--spectrum-gray-900);
--spectrum-table-row-hover-opacity: 0.07;
--spectrum-table-selected-row-background-color: var(--spectrum-informative-background-color-default);
--spectrum-table-selected-row-background-opacity: 0.1;
--spectrum-table-selected-row-background-color-non-emphasized: var(--spectrum-neutral-background-color-selected-default);
--spectrum-table-selected-row-background-opacity-non-emphasized: 0.1;
--spectrum-table-row-down-opacity: 0.1;
--spectrum-table-selected-row-background-opacity-hover: 0.15;
--spectrum-table-selected-row-background-opacity-non-emphasized-hover: 0.15;
--spectrum-popover-border-color: var(--spectrum-gray-200);
--spectrum-coach-indicator-color: var(--spectrum-blue-800);
--spectrum-swatch-group-border-color: var(--spectrum-gray-1000);
--spectrum-avatar-border-color: var(--spectrum-gray-25);
--spectrum-standard-panel-gripper-color-drag: var(--spectrum-gray-800);
--spectrum-standard-panel-gripper-color: var(--spectrum-gray-200);
--spectrum-bar-panel-gripper-color: var(--spectrum-gray-200);
--spectrum-bar-panel-gripper-color-drag: var(--spectrum-gray-800);
--spectrum-select-box-selected-border-color: var(--spectrum-gray-800);
--spectrum-tree-view-row-background-hover: var(--spectrum-gray-100);
--spectrum-tree-view-selected-row-background-color-emphasized: var(--spectrum-informative-background-color-default);
--spectrum-tree-view-selected-row-background-default: var(--spectrum-gray-100);
--spectrum-tree-view-selected-row-background-hover: var(--spectrum-gray-100);
--spectrum-color-wheel-border-color: var(--spectrum-gray-1000);
--spectrum-color-wheel-border-opacity: 0.1;
--spectrum-white-rgb: 255, 255, 255;
--spectrum-white: rgba(var(--spectrum-white-rgb));
--spectrum-transparent-white-25-rgb: 255, 255, 255;
--spectrum-transparent-white-25-opacity: 0;
--spectrum-transparent-white-25: rgba(var(--spectrum-transparent-white-25-rgb), var(--spectrum-transparent-white-25-opacity));
--spectrum-transparent-white-50-rgb: 255, 255, 255;
--spectrum-transparent-white-50-opacity: 0.04;
--spectrum-transparent-white-50: rgba(var(--spectrum-transparent-white-50-rgb), var(--spectrum-transparent-white-50-opacity));
--spectrum-transparent-white-75-rgb: 255, 255, 255;
--spectrum-transparent-white-75-opacity: 0.07;
--spectrum-transparent-white-75: rgba(var(--spectrum-transparent-white-75-rgb), var(--spectrum-transparent-white-75-opacity));
--spectrum-transparent-white-100-rgb: 255, 255, 255;
--spectrum-transparent-white-100-opacity: 0.11;
--spectrum-transparent-white-100: rgba(var(--spectrum-transparent-white-100-rgb), var(--spectrum-transparent-white-100-opacity));
--spectrum-transparent-white-200-rgb: 255, 255, 255;
--spectrum-transparent-white-200-opacity: 0.14;
--spectrum-transparent-white-200: rgba(var(--spectrum-transparent-white-200-rgb), var(--spectrum-transparent-white-200-opacity));
--spectrum-transparent-white-300-rgb: 255, 255, 255;
--spectrum-transparent-white-300-opacity: 0.17;
--spectrum-transparent-white-300: rgba(var(--spectrum-transparent-white-300-rgb), var(--spectrum-transparent-white-300-opacity));
--spectrum-transparent-white-400-rgb: 255, 255, 255;
--spectrum-transparent-white-400-opacity: 0.21;
--spectrum-transparent-white-400: rgba(var(--spectrum-transparent-white-400-rgb), var(--spectrum-transparent-white-400-opacity));
--spectrum-transparent-white-500-rgb: 255, 255, 255;
--spectrum-transparent-white-500-opacity: 0.39;
--spectrum-transparent-white-500: rgba(var(--spectrum-transparent-white-500-rgb), var(--spectrum-transparent-white-500-opacity));
--spectrum-transparent-white-600-rgb: 255, 255, 255;
--spectrum-transparent-white-600-opacity: 0.51;
--spectrum-transparent-white-600: rgba(var(--spectrum-transparent-white-600-rgb), var(--spectrum-transparent-white-600-opacity));
--spectrum-transparent-white-700-rgb: 255, 255, 255;
--spectrum-transparent-white-700-opacity: 0.66;
--spectrum-transparent-white-700: rgba(var(--spectrum-transparent-white-700-rgb), var(--spectrum-transparent-white-700-opacity));
--spectrum-transparent-white-800-rgb: 255, 255, 255;
--spectrum-transparent-white-800-opacity: 0.85;
--spectrum-transparent-white-800: rgba(var(--spectrum-transparent-white-800-rgb), var(--spectrum-transparent-white-800-opacity));
--spectrum-transparent-white-900-rgb: 255, 255, 255;
--spectrum-transparent-white-900-opacity: 0.94;
--spectrum-transparent-white-900: rgba(var(--spectrum-transparent-white-900-rgb), var(--spectrum-transparent-white-900-opacity));
--spectrum-transparent-white-1000-rgb: 255, 255, 255;
--spectrum-transparent-white-1000: rgba(var(--spectrum-transparent-white-1000-rgb));
--spectrum-black-rgb: 0, 0, 0;
--spectrum-black: rgba(var(--spectrum-black-rgb));
--spectrum-transparent-black-25-rgb: 0, 0, 0;
--spectrum-transparent-black-25-opacity: 0;
--spectrum-transparent-black-25: rgba(var(--spectrum-transparent-black-25-rgb), var(--spectrum-transparent-black-25-opacity));
--spectrum-transparent-black-50-rgb: 0, 0, 0;
--spectrum-transparent-black-50-opacity: 0.03;
--spectrum-transparent-black-50: rgba(var(--spectrum-transparent-black-50-rgb), var(--spectrum-transparent-black-50-opacity));
--spectrum-transparent-black-75-rgb: 0, 0, 0;
--spectrum-transparent-black-75-opacity: 0.05;
--spectrum-transparent-black-75: rgba(var(--spectrum-transparent-black-75-rgb), var(--spectrum-transparent-black-75-opacity));
--spectrum-transparent-black-100-rgb: 0, 0, 0;
--spectrum-transparent-black-100-opacity: 0.09;
--spectrum-transparent-black-100: rgba(var(--spectrum-transparent-black-100-rgb), var(--spectrum-transparent-black-100-opacity));
--spectrum-transparent-black-200-rgb: 0, 0, 0;
--spectrum-transparent-black-200-opacity: 0.12;
--spectrum-transparent-black-200: rgba(var(--spectrum-transparent-black-200-rgb), var(--spectrum-transparent-black-200-opacity));
--spectrum-transparent-black-300-rgb: 0, 0, 0;
--spectrum-transparent-black-300-opacity: 0.15;
--spectrum-transparent-black-300: rgba(var(--spectrum-transparent-black-300-rgb), var(--spectrum-transparent-black-300-opacity));
--spectrum-transparent-black-400-rgb: 0, 0, 0;
--spectrum-transparent-black-400-opacity: 0.22;
--spectrum-transparent-black-400: rgba(var(--spectrum-transparent-black-400-rgb), var(--spectrum-transparent-black-400-opacity));
--spectrum-transparent-black-500-rgb: 0, 0, 0;
--spectrum-transparent-black-500-opacity: 0.44;
--spectrum-transparent-black-500: rgba(var(--spectrum-transparent-black-500-rgb), var(--spectrum-transparent-black-500-opacity));
--spectrum-transparent-black-600-rgb: 0, 0, 0;
--spectrum-transparent-black-600-opacity: 0.56;
--spectrum-transparent-black-600: rgba(var(--spectrum-transparent-black-600-rgb), var(--spectrum-transparent-black-600-opacity));
--spectrum-transparent-black-700-rgb: 0, 0, 0;
--spectrum-transparent-black-700-opacity: 0.69;
--spectrum-transparent-black-700: rgba(var(--spectrum-transparent-black-700-rgb), var(--spectrum-transparent-black-700-opacity));
--spectrum-transparent-black-800-rgb: 0, 0, 0;
--spectrum-transparent-black-800-opacity: 0.84;
--spectrum-transparent-black-800: rgba(var(--spectrum-transparent-black-800-rgb), var(--spectrum-transparent-black-800-opacity));
--spectrum-transparent-black-900-rgb: 0, 0, 0;
--spectrum-transparent-black-900-opacity: 0.93;
--spectrum-transparent-black-900: rgba(var(--spectrum-transparent-black-900-rgb), var(--spectrum-transparent-black-900-opacity));
--spectrum-transparent-black-1000-rgb: 0, 0, 0;
--spectrum-transparent-black-1000: rgba(var(--spectrum-transparent-black-1000-rgb));
--spectrum-static-blue-900-rgb: 59, 99, 251;
--spectrum-static-blue-900: rgba(var(--spectrum-static-blue-900-rgb));
--spectrum-static-blue-1000-rgb: 39, 77, 234;
--spectrum-static-blue-1000: rgba(var(--spectrum-static-blue-1000-rgb));
--spectrum-static-fuchsia-900-rgb: 181, 57, 200;
--spectrum-static-fuchsia-900: rgba(var(--spectrum-static-fuchsia-900-rgb));
--spectrum-static-fuchsia-1000-rgb: 156, 40, 175;
--spectrum-static-fuchsia-1000: rgba(var(--spectrum-static-fuchsia-1000-rgb));
--spectrum-static-indigo-900-rgb: 113, 85, 250;
--spectrum-static-indigo-900: rgba(var(--spectrum-static-indigo-900-rgb));
--spectrum-static-indigo-1000-rgb: 99, 56, 238;
--spectrum-static-indigo-1000: rgba(var(--spectrum-static-indigo-1000-rgb));
--spectrum-static-magenta-900-rgb: 217, 35, 97;
--spectrum-static-magenta-900: rgba(var(--spectrum-static-magenta-900-rgb));
--spectrum-static-magenta-1000-rgb: 186, 22, 80;
--spectrum-static-magenta-1000: rgba(var(--spectrum-static-magenta-1000-rgb));
--spectrum-static-red-900-rgb: 215, 50, 32;
--spectrum-static-red-900: rgba(var(--spectrum-static-red-900-rgb));
--spectrum-static-red-1000-rgb: 183, 40, 24;
--spectrum-static-red-1000: rgba(var(--spectrum-static-red-1000-rgb));
--spectrum-icon-color-inverse: var(--spectrum-gray-50);
--spectrum-icon-color-primary-default: var(--spectrum-neutral-content-color-default);
--spectrum-icon-color-green-primary-default: var(--spectrum-green-800);
--spectrum-icon-color-primary-hover: var(--spectrum-neutral-content-color-hover);
--spectrum-icon-color-primary-down: var(--spectrum-neutral-content-color-down);
--spectrum-icon-color-cinnamon-primary-default: var(--spectrum-cinnamon-800);
--spectrum-icon-color-cinnamon-primary-hover: var(--spectrum-cinnamon-900);
--spectrum-icon-color-cinnamon-primary-down: var(--spectrum-cinnamon-1000);
--spectrum-icon-color-cyan-primary-default: var(--spectrum-cyan-800);
--spectrum-icon-color-cyan-primary-hover: var(--spectrum-cyan-900);
--spectrum-icon-color-cyan-primary-down: var(--spectrum-cyan-1000);
--spectrum-icon-color-green-primary-hover: var(--spectrum-green-900);
--spectrum-icon-color-green-primary-down: var(--spectrum-green-1000);
--spectrum-icon-color-seafoam-primary-default: var(--spectrum-seafoam-800);
--spectrum-icon-color-seafoam-primary-hover: var(--spectrum-seafoam-900);
--spectrum-icon-color-seafoam-primary-down: var(--spectrum-seafoam-1000);
--spectrum-icon-color-disabled-primary: var(--spectrum-gray-400);
--spectrum-icon-color-fuchsia-background: var(--spectrum-fuchsia-200);
--spectrum-icon-color-magenta-background: var(--spectrum-magenta-200);
--spectrum-icon-color-pink-background: var(--spectrum-pink-200);
--spectrum-icon-color-purple-background: var(--spectrum-purple-200);
--spectrum-icon-color-inverse-background: var(--spectrum-gray-50);
--spectrum-icon-color-emphasized-background: var(--spectrum-gray-900);
--spectrum-radio-button-selection-indicator: 4px;
--spectrum-field-label-top-margin-small: 0px;
--spectrum-field-label-top-margin-medium: 0px;
--spectrum-field-label-top-margin-large: 0px;
--spectrum-field-label-top-margin-extra-large: 0px;
--spectrum-field-label-to-component: 0px;
--spectrum-help-text-to-component: 0px;
--spectrum-action-button-edge-to-hold-icon-extra-small: 3px;
--spectrum-action-button-edge-to-hold-icon-small: 3px;
--spectrum-button-minimum-width-multiplier: 2.25;
--spectrum-divider-thickness-small: 1px;
--spectrum-divider-thickness-medium: 2px;
--spectrum-divider-thickness-large: 4px;
--spectrum-action-bar-height: var(--spectrum-component-height-400);
--spectrum-action-bar-top-to-item-counter: var(--spectrum-component-top-to-text-300);
--spectrum-swatch-rectangle-width-multiplier: 2;
--spectrum-swatch-slash-thickness-extra-small: 2px;
--spectrum-swatch-slash-thickness-small: 3px;
--spectrum-swatch-slash-thickness-medium: 4px;
--spectrum-swatch-slash-thickness-large: 5px;
--spectrum-progress-bar-minimum-width: 48px;
--spectrum-progress-bar-maximum-width: 768px;
--spectrum-meter-minimum-width: 48px;
--spectrum-meter-maximum-width: 768px;
--spectrum-meter-default-width: var(--spectrum-meter-width);
--spectrum-in-line-alert-minimum-width: 240px;
--spectrum-popover-tip-width: 16px;
--spectrum-popover-tip-height: 8px;
--spectrum-popover-top-to-content-area: var(--spectrum-popover-edge-to-content-area);
--spectrum-popover-edge-to-content-area: var(--spectrum-spacing-100);
--spectrum-menu-item-label-to-description: var(--spectrum-menu-item-label-to-description-medium);
--spectrum-menu-item-section-divider-height: 12px;
--spectrum-slider-track-thickness: 2px;
--spectrum-slider-handle-gap: 4px;
--spectrum-picker-minimum-width-multiplier: 2;
--spectrum-picker-border-width: var(--spectrum-border-width-100);
--spectrum-picker-end-edge-to-disclousure-icon-quiet: var(--spectrum-picker-end-edge-to-disclosure-icon-quiet);
--spectrum-picker-end-edge-to-disclosure-icon-quiet: 0px;
--spectrum-text-field-minimum-width-multiplier: 1.5;
--spectrum-combo-box-minimum-width-multiplier: 2.5;
--spectrum-combo-box-quiet-minimum-width-multiplier: 2;
--spectrum-combo-box-visual-to-field-button-small: var(--spectrum-combo-box-visual-to-field-button);
--spectrum-combo-box-visual-to-field-button-medium: var(--spectrum-combo-box-visual-to-field-button);
--spectrum-combo-box-visual-to-field-button-large: var(--spectrum-combo-box-visual-to-field-button);
--spectrum-combo-box-visual-to-field-button-extra-large: var(--spectrum-combo-box-visual-to-field-button);
--spectrum-combo-box-visual-to-field-button-quiet: var(--spectrum-combo-box-visual-to-field-button);
--spectrum-alert-dialog-minimum-width: 288px;
--spectrum-alert-dialog-maximum-width: 480px;
--spectrum-alert-dialog-title-size: var(--spectrum-alert-dialog-title-font-size);
--spectrum-alert-dialog-description-size: var(--spectrum-alert-dialog-description-font-size);
--spectrum-contextual-help-minimum-width: 268px;
--spectrum-contextual-help-title-size: var(--spectrum-contextual-help-title-font-size);
--spectrum-contextual-help-body-size: var(--spectrum-contextual-help-body-font-size);
--spectrum-breadcrumbs-height: var(--spectrum-component-height-200);
--spectrum-breadcrumbs-height-compact: var(--spectrum-component-height-100);
--spectrum-breadcrumbs-top-to-text: var(--spectrum-component-top-to-text-200);
--spectrum-breadcrumbs-top-to-text-compact: var(--spectrum-component-top-to-text-100);
--spectrum-breadcrumbs-bottom-to-text: var(--spectrum-component-bottom-to-text-200);
--spectrum-breadcrumbs-bottom-to-text-compact: var(--spectrum-component-bottom-to-text-100);
--spectrum-breadcrumbs-start-edge-to-text: var(--spectrum-breadcrumbs-start-edge-to-text-large);
--spectrum-breadcrumbs-end-edge-to-text: 0px;
--spectrum-breadcrumbs-top-to-separator-icon: var(--spectrum-breadcrumbs-top-to-separator-large);
--spectrum-breadcrumbs-top-to-separator-icon-compact: var(--spectrum-breadcrumbs-top-to-separator-medium);
--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline: var(--spectrum-breadcrumbs-separator-to-bottom-text-multiline);
--spectrum-breadcrumbs-truncated-menu-to-separator-icon: var(--spectrum-breadcrumbs-truncated-menu-to-separator);
--spectrum-breadcrumbs-top-to-truncated-menu: 0px;
--spectrum-breadcrumbs-top-to-truncated-menu-compact: var(--spectrum-breadcrumbs-top-to-truncated-menu);
--spectrum-breadcrumbs-start-edge-to-truncated-menu: 0px;
--spectrum-alert-banner-to-top-workflow-icon: var(--spectrum-alert-banner-top-to-workflow-icon);
--spectrum-alert-banner-to-top-text: var(--spectrum-alert-banner-top-to-text);
--spectrum-alert-banner-to-bottom-text: var(--spectrum-alert-banner-bottom-to-text);
--spectrum-color-area-border-width: var(--spectrum-border-width-100);
--spectrum-color-area-border-rounding: var(--spectrum-corner-radius-medium-size-small);
--spectrum-color-wheel-color-area-margin: 12px;
--spectrum-color-slider-border-width: 1px;
--spectrum-color-slider-border-rounding: var(--spectrum-corner-radius-medium-size-small);
--spectrum-floating-action-button-drop-shadow-blur: 12px;
--spectrum-floating-action-button-drop-shadow-y: 4px;
--spectrum-illustrated-message-maximum-width: var(--spectrum-illustrated-message-vertical-maximum-width);
--spectrum-illustrated-message-title-size: var(--spectrum-illustrated-message-large-title-font-size);
--spectrum-illustrated-message-cjk-title-size: var(--spectrum-illustrated-message-large-cjk-title-font-size);
--spectrum-illustrated-message-body-size: var(--spectrum-illustrated-message-large-body-font-size);
--spectrum-search-field-minimum-width-multiplier: 4;
--spectrum-color-loupe-height: 64px;
--spectrum-color-loupe-width: 48px;
--spectrum-color-loupe-bottom-to-color-handle: 12px;
--spectrum-color-loupe-outer-border-width: var(--spectrum-border-width-200);
--spectrum-color-loupe-inner-border-width: 1px;
--spectrum-card-minimum-width: 100px;
--spectrum-card-preview-minimum-height: 130px;
--spectrum-card-selection-background-size: 40px;
--spectrum-drop-zone-width: 428px;
--spectrum-drop-zone-content-maximum-width: var(--spectrum-illustrated-message-maximum-width);
--spectrum-drop-zone-border-dash-length: 8px;
--spectrum-drop-zone-border-dash-gap: 6px;
--spectrum-drop-zone-title-size: var(--spectrum-drop-zone-title-font-size);
--spectrum-drop-zone-cjk-title-size: var(--spectrum-drop-zone-cjk-title-font-size);
--spectrum-drop-zone-body-size: var(--spectrum-drop-zone-body-font-size);
--spectrum-coach-mark-title-size: var(--spectrum-coach-mark-title-font-size);
--spectrum-coach-mark-body-size: var(--spectrum-coach-mark-body-font-size);
--spectrum-coach-mark-pagination-body-size: var(--spectrum-coach-mark-pagination-body-font-size);
--spectrum-accordion-top-to-text-compact-small: 2px;
--spectrum-accordion-top-to-text-compact-medium: 4px;
--spectrum-accordion-disclosure-indicator-to-text: 0px;
--spectrum-accordion-edge-to-disclosure-indicator: 0px;
--spectrum-accordion-edge-to-text: 0px;
--spectrum-accordion-focus-indicator-gap: 0px;
--spectrum-color-handle-border-width: var(--spectrum-border-width-200);
--spectrum-color-handle-inner-border-width: 1px;
--spectrum-color-handle-outer-border-width: 1px;
--spectrum-color-handle-drop-shadow-x: 0;
--spectrum-color-handle-drop-shadow-y: 0;
--spectrum-color-handle-drop-shadow-blur: 0;
--spectrum-table-row-height-small-compact: var(--spectrum-component-height-75);
--spectrum-table-row-height-medium-compact: var(--spectrum-component-height-100);
--spectrum-table-row-height-large-compact: var(--spectrum-component-height-200);
--spectrum-table-row-height-extra-large-compact: var(--spectrum-component-height-300);
--spectrum-table-row-top-to-text-small-compact: var(--spectrum-component-top-to-text-75);
--spectrum-table-row-top-to-text-medium-compact: var(--spectrum-component-top-to-text-100);
--spectrum-table-row-top-to-text-large-compact: var(--spectrum-component-top-to-text-200);
--spectrum-table-row-top-to-text-extra-large-compact: var(--spectrum-component-top-to-text-300);
--spectrum-table-row-bottom-to-text-small-compact: var(--spectrum-component-bottom-to-text-75);
--spectrum-table-row-bottom-to-text-medium-compact: var(--spectrum-component-bottom-to-text-100);
--spectrum-table-row-bottom-to-text-large-compact: var(--spectrum-component-bottom-to-text-200);
--spectrum-table-row-bottom-to-text-extra-large-compact: var(--spectrum-component-bottom-to-text-300);
--spectrum-table-edge-to-content: 16px;
--spectrum-table-border-divider-width: 1px;
--spectrum-tab-item-height-small: var(--spectrum-component-height-200);
--spectrum-tab-item-height-medium: var(--spectrum-component-height-300);
--spectrum-tab-item-height-large: var(--spectrum-component-height-400);
--spectrum-tab-item-height-extra-large: var(--spectrum-component-height-500);
--spectrum-tab-item-compact-height-small: var(--spectrum-component-height-75);
--spectrum-tab-item-compact-height-medium: var(--spectrum-component-height-100);
--spectrum-tab-item-compact-height-large: var(--spectrum-component-height-200);
--spectrum-tab-item-compact-height-extra-large: var(--spectrum-component-height-300);
--spectrum-tab-item-start-to-edge-quiet: 0px;
--spectrum-in-field-button-width-stacked-small: 20px;
--spectrum-in-field-button-width-stacked-medium: 28px;
--spectrum-in-field-button-width-stacked-large: 36px;
--spectrum-in-field-button-width-stacked-extra-large: 44px;
--spectrum-in-field-button-fill-stacked-inner-border-rounding: 0px;
--spectrum-in-field-button-edge-to-fill: 0px;
--spectrum-in-field-button-stacked-inner-edge-to-fill: 0px;
--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small: 7px;
--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium: 9px;
--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large: 13px;
--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large: 16px;
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small: 3px;
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium: 3px;
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large: 4px;
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large: 5px;
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small);
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium);
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large);
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large);
--spectrum-asterisk-icon-size-75: 8px;
--spectrum-divider-vertical-minimum-height: 200px;
--spectrum-divider-horizontal-minimum-width: 200px;
--spectrum-tooltip-tip-corner-radius: 1px;
--spectrum-tag-minimum-width-multiplier: 1;
--spectrum-tag-maximum-width-multiplier: 7;
--spectrum-title-cjk-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-title-cjk-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-title-cjk-font-family: var(--spectrum-cjk-font-family);
--spectrum-title-cjk-font-style: var(--spectrum-default-font-style);
--spectrum-title-cjk-font-weight: var(--spectrum-bold-font-weight);
--spectrum-title-cjk-line-height: var(--spectrum-cjk-line-height-100);
--spectrum-title-cjk-size-l: var(--spectrum-font-size-200);
--spectrum-title-cjk-size-m: var(--spectrum-font-size-100);
--spectrum-title-cjk-size-s: var(--spectrum-font-size-75);
--spectrum-title-cjk-size-xl: var(--spectrum-font-size-300);
--spectrum-title-cjk-size-xs: var(--spectrum-font-size-50);
--spectrum-title-cjk-size-xxl: var(--spectrum-font-size-400);
--spectrum-title-cjk-size-xxxl: var(--spectrum-font-size-500);
--spectrum-title-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-title-cjk-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-title-cjk-strong-font-style: var(--spectrum-default-font-style);
--spectrum-title-cjk-strong-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-title-line-height: var(--spectrum-line-height-100);
--spectrum-title-margin-bottom-multiplier: 0.25;
--spectrum-title-margin-top-multiplier: 0.88888889;
--spectrum-title-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-title-sans-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-title-sans-serif-font-family: var(--spectrum-sans-serif-font-family);
--spectrum-title-sans-serif-font-style: var(--spectrum-default-font-style);
--spectrum-title-sans-serif-font-weight: var(--spectrum-bold-font-weight);
--spectrum-title-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-title-sans-serif-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-title-sans-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-title-sans-serif-strong-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-title-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-title-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-title-serif-font-family: var(--spectrum-serif-font-family);
--spectrum-title-serif-font-style: var(--spectrum-default-font-style);
--spectrum-title-serif-font-weight: var(--spectrum-bold-font-weight);
--spectrum-title-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-title-serif-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-title-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-title-serif-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-title-size-l: var(--spectrum-font-size-300);
--spectrum-title-size-m: var(--spectrum-font-size-200);
--spectrum-title-size-s: var(--spectrum-font-size-100);
--spectrum-title-size-xl: var(--spectrum-font-size-400);
--spectrum-title-size-xs: var(--spectrum-font-size-75);
--spectrum-title-size-xxl: var(--spectrum-font-size-500);
--spectrum-title-size-xxxl: var(--spectrum-font-size-600);
--spectrum-combo-box-visual-to-field-button: 0px;
--spectrum-in-field-button-edge-to-fill-medium: 6px;
--spectrum-in-field-button-edge-to-fill-large: 8px;
--spectrum-standard-dialog-maximum-width-small: 400px;
--spectrum-standard-dialog-minimum-width: 288px;
--spectrum-standard-dialog-maximum-width-medium: 480px;
--spectrum-standard-dialog-maximum-width-large: 640px;
--spectrum-status-light-text-to-visual-75: var(--spectrum-text-to-visual-75);
--spectrum-status-light-text-to-visual-100: var(--spectrum-text-to-visual-100);
--spectrum-status-light-text-to-visual-200: var(--spectrum-text-to-visual-200);
--spectrum-status-light-text-to-visual-300: var(--spectrum-text-to-visual-300);
--spectrum-menu-item-label-to-description-small: 1px;
--spectrum-menu-item-label-to-description-medium: 1px;
--spectrum-menu-item-label-to-description-large: 2px;
--spectrum-menu-item-label-to-description-extra-large: 2px;
--spectrum-menu-section-header-to-description-small: 1px;
--spectrum-menu-section-header-to-description-medium: 1px;
--spectrum-menu-section-header-to-description-large: 2px;
--spectrum-menu-section-header-to-description-extra-large: 2px;
--spectrum-menu-item-background-opacity: 0;
--spectrum-illustrated-message-small-body-font-size: var(--spectrum-body-size-xs);
--spectrum-drop-zone-title-font-size: var(--spectrum-illustrated-message-medium-title-font-size);
--spectrum-drop-zone-cjk-title-font-size: var(--spectrum-illustrated-message-medium-cjk-title-font-size);
--spectrum-drop-zone-body-font-size: var(--spectrum-illustrated-message-medium-body-font-size);
--spectrum-breadcrumbs-truncated-menu-to-separator: 0px;
--spectrum-coach-indicator-collapsed-ring-rounding-increment: 6px;
--spectrum-coach-indicator-expanded-ring-rounding-increment: 14px;
--spectrum-coach-indicator-collapsed-ring-thickness: 4px;
--spectrum-coach-indicator-expanded-ring-thickness: 8px;
--spectrum-coach-indicator-collapsed-gap: 2px;
--spectrum-coach-indicator-expanded-gap: 6px;
--spectrum-coach-indicator-opacity: 0.2;
--spectrum-accordion-item-to-divider: 0px;
--spectrum-thumbnail-opacity-checkerboard-square-size: 4px;
--spectrum-thumbnail-corner-radius: var(--spectrum-corner-radius-75);
--spectrum-action-bar-top-to-content-area: var(--spectrum-spacing-200);
--spectrum-action-bar-bottom-to-content-area: var(--spectrum-spacing-200);
--spectrum-action-bar-edge-to-content-area: var(--spectrum-spacing-100);
--spectrum-action-bar-close-button-to-counter: var(--spectrum-text-to-control-50);
--spectrum-action-bar-counter-font-size: var(--spectrum-font-size-100);
--spectrum-swatch-group-spacing-spacious: 6px;
--spectrum-swatch-group-border-opacity: 0.2;
--spectrum-avatar-border-width: var(--spectrum-border-width-100);
--spectrum-avatar-group-size-50: var(--spectrum-avatar-size-50);
--spectrum-avatar-group-size-75: var(--spectrum-avatar-size-75);
--spectrum-avatar-group-size-100: var(--spectrum-avatar-size-100);
--spectrum-avatar-group-size-200: var(--spectrum-avatar-size-200);
--spectrum-avatar-group-size-300: var(--spectrum-avatar-size-300);
--spectrum-avatar-group-size-400: var(--spectrum-avatar-size-400);
--spectrum-avatar-group-size-500: var(--spectrum-avatar-size-500);
--spectrum-code-cjk-size-xl: var(--spectrum-code-size-xl);
--spectrum-code-cjk-size-l: var(--spectrum-code-size-l);
--spectrum-code-cjk-size-m: var(--spectrum-code-size-m);
--spectrum-code-cjk-size-s: var(--spectrum-code-size-s);
--spectrum-code-cjk-size-xs: var(--spectrum-code-size-xs);
--spectrum-standard-panel-width: 260px;
--spectrum-standard-panel-minimum-width: 200px;
--spectrum-standard-panel-maximum-width: 400px;
--spectrum-standard-panel-top-to-close-button-compact: 5px;
--spectrum-standard-panel-top-to-close-button-regular: 9px;
--spectrum-standard-panel-top-to-close-button-spacious: 17px;
--spectrum-standard-panel-edge-to-close-button-compact: 3px;
--spectrum-standard-panel-edge-to-close-button-regular: 7px;
--spectrum-standard-panel-edge-to-close-button-spacious: 15px;
--spectrum-standard-panel-title-font-size: var(--spectrum-title-size-s);
--spectrum-illustrated-message-horizontal-maximum-width: 535px;
--spectrum-illustrated-message-vertical-maximum-width: 380px;
--spectrum-bar-panel-width: 56px;
--spectrum-bar-panel-minimum-width: 40px;
--spectrum-bar-panel-maximum-width: 72px;
--spectrum-bar-panel-spacing-extra-spacious: 20px;
--spectrum-rating-top-to-content-area-small: var(--spectrum-spacing-75);
--spectrum-rating-bottom-to-content-area-small: var(--spectrum-spacing-75);
--spectrum-rating-edge-to-content-area-small: var(--spectrum-spacing-75);
--spectrum-rating-top-to-content-area-medium: 6px;
--spectrum-rating-bottom-to-content-area-medium: 6px;
--spectrum-rating-edge-to-content-area-medium: 6px;
--spectrum-rating-width-small: 104px;
--spectrum-rating-height-small: var(--spectrum-component-height-75);
--spectrum-rating-width-medium: 128px;
--spectrum-rating-height-medium: var(--spectrum-component-height-100);
--spectrum-segmented-control-selection-border-width: var(--spectrum-border-width-200);
--spectrum-slider-handle-precision-width: 6px;
--spectrum-slider-track-height-medium: 4px;
--spectrum-slider-track-height-large: 16px;
--spectrum-segmented-control-item-height: var(--spectrum-component-height-100);
--spectrum-in-field-stepper-to-end-medium: 3px;
--spectrum-in-field-stepper-to-end-large: 4px;
--spectrum-number-field-minimum-width-multiplier: 1.25;
--spectrum-takeover-dialog-height: 100%;
--spectrum-takeover-dialog-width: 100%;
--spectrum-tree-view-header-to-item: -1px;
--spectrum-tree-view-item-to-item: -1px;
--spectrum-tree-view-item-to-item-detached: 2px;
--spectrum-tree-view-selected-row-background-opacity-emphasized: 0.1;
--spectrum-tree-view-selected-row-background-opacity-emphasized-hover: 0.15;
--spectrum-action-bar-minimum-width: 176px;
--spectrum-action-bar-label-to-action-group-area: var(--spectrum-spacing-300);
--spectrum-corner-radius-0: 0px;
--spectrum-corner-radius-75: 3px;
--spectrum-corner-radius-100: 4px;
--spectrum-corner-radius-200: 5px;
--spectrum-corner-radius-300: 6px;
--spectrum-corner-radius-400: 7px;
--spectrum-corner-radius-500: 8px;
--spectrum-corner-radius-600: 9px;
--spectrum-corner-radius-700: 10px;
--spectrum-corner-radius-800: 16px;
--spectrum-corner-radius-1000: 0.5;
--spectrum-drop-shadow-x: var(--spectrum-drop-shadow-x-100);
--spectrum-drop-shadow-y: var(--spectrum-drop-shadow-y-100);
--spectrum-drop-shadow-blur: var(--spectrum-drop-shadow-blur-100);
--spectrum-android-elevation: 2dp;
--spectrum-spacing-50: 2px;
--spectrum-spacing-75: 4px;
--spectrum-spacing-100: 8px;
--spectrum-spacing-200: 12px;
--spectrum-spacing-300: 16px;
--spectrum-spacing-400: 24px;
--spectrum-spacing-500: 32px;
--spectrum-spacing-600: 40px;
--spectrum-spacing-700: 48px;
--spectrum-spacing-800: 64px;
--spectrum-spacing-900: 80px;
--spectrum-spacing-1000: 96px;
--spectrum-focus-indicator-thickness: 2px;
--spectrum-focus-indicator-gap: 2px;
--spectrum-side-focus-indicator: 4px;
--spectrum-border-width-100: 1px;
--spectrum-border-width-200: 2px;
--spectrum-border-width-400: 4px;
--spectrum-field-edge-to-text-quiet: 0px;
--spectrum-field-edge-to-visual-quiet: 0px;
--spectrum-field-edge-to-border-quiet: 0px;
--spectrum-field-edge-to-alert-icon-quiet: 0px;
--spectrum-field-edge-to-validation-icon-quiet: 0px;
--spectrum-field-width-small: var(--spectrum-field-default-width-small);
--spectrum-side-label-character-count-top-margin-small: 0px;
--spectrum-side-label-character-count-top-margin-medium: 0px;
--spectrum-side-label-character-count-top-margin-large: 0px;
--spectrum-side-label-character-count-top-margin-extra-large: 0px;
--spectrum-text-underline-thickness: 1px;
--spectrum-text-underline-gap: 1px;
--spectrum-component-size-width-ratio-down: 0.3333;
--spectrum-component-size-minimum-perspective-down: 24px;
--spectrum-component-size-difference-down: -2px;
--spectrum-corner-radius-none: var(--spectrum-corner-radius-0);
--spectrum-corner-radius-small-default: var(--spectrum-corner-radius-100);
--spectrum-corner-radius-medium-default: var(--spectrum-corner-radius-500);
--spectrum-corner-radius-large-default: var(--spectrum-corner-radius-700);
--spectrum-corner-radius-extra-large-default: var(--spectrum-corner-radius-800);
--spectrum-corner-radius-full: var(--spectrum-corner-radius-1000);
--spectrum-corner-radius-small-size-small: var(--spectrum-corner-radius-75);
--spectrum-corner-radius-small-size-medium: var(--spectrum-corner-radius-100);
--spectrum-corner-radius-small-size-large: var(--spectrum-corner-radius-200);
--spectrum-corner-radius-small-size-extra-large: var(--spectrum-corner-radius-300);
--spectrum-corner-radius-medium-size-extra-small: var(--spectrum-corner-radius-300);
--spectrum-corner-radius-medium-size-small: var(--spectrum-corner-radius-400);
--spectrum-corner-radius-medium-size-medium: var(--spectrum-corner-radius-500);
--spectrum-corner-radius-medium-size-large: var(--spectrum-corner-radius-600);
--spectrum-corner-radius-medium-size-extra-large: var(--spectrum-corner-radius-700);
--spectrum-field-width-medium: var(--spectrum-field-default-width-medium);
--spectrum-field-width-large: var(--spectrum-field-default-width-large);
--spectrum-field-width-extra-large: var(--spectrum-field-default-width-extra-large);
--spectrum-drop-shadow-x-100: 0px;
--spectrum-drop-shadow-x-200: 0px;
--spectrum-drop-shadow-x-300: 0px;
--spectrum-drop-shadow-y-100: 1px;
--spectrum-drop-shadow-y-200: 2px;
--spectrum-drop-shadow-y-300: 6px;
--spectrum-drop-shadow-blur-100: 6px;
--spectrum-drop-shadow-blur-200: 8px;
--spectrum-drop-shadow-blur-300: 16px;
--spectrum-drop-shadow-emphasized-default-x: var(--spectrum-drop-shadow-x-100);
--spectrum-drop-shadow-emphasized-default-y: var(--spectrum-drop-shadow-y-100);
--spectrum-drop-shadow-emphasized-default-blur: var(--spectrum-drop-shadow-blur-100);
--spectrum-drop-shadow-emphasized-hover-x: var(--spectrum-drop-shadow-x-200);
--spectrum-drop-shadow-emphasized-hover-y: var(--spectrum-drop-shadow-y-200);
--spectrum-drop-shadow-emphasized-hover-blur: var(--spectrum-drop-shadow-blur-200);
--spectrum-drop-shadow-elevated-x: var(--spectrum-drop-shadow-x-200);
--spectrum-drop-shadow-elevated-y: var(--spectrum-drop-shadow-y-200);
--spectrum-drop-shadow-elevated-blur: var(--spectrum-drop-shadow-blur-200);
--spectrum-drop-shadow-dragged-x: var(--spectrum-drop-shadow-x-300);
--spectrum-drop-shadow-dragged-y: var(--spectrum-drop-shadow-y-300);
--spectrum-drop-shadow-dragged-blur: var(--spectrum-drop-shadow-blur-300);
--spectrum-gradient-stop-1-genai: 0;
--spectrum-gradient-stop-2-genai: 0.3333;
--spectrum-gradient-stop-3-genai: 1;
--spectrum-gradient-stop-1-premium: 0;
--spectrum-gradient-stop-2-premium: 0.6666;
--spectrum-gradient-stop-3-premium: 1;
--spectrum-window-to-edge: var(--spectrum-spacing-600);
--spectrum-component-size-maximum-perspective-down: 96px;
--spectrum-accent-color-100: var(--spectrum-blue-100);
--spectrum-accent-color-200: var(--spectrum-blue-200);
--spectrum-accent-color-300: var(--spectrum-blue-300);
--spectrum-accent-color-400: var(--spectrum-blue-400);
--spectrum-accent-color-500: var(--spectrum-blue-500);
--spectrum-accent-color-600: var(--spectrum-blue-600);
--spectrum-accent-color-700: var(--spectrum-blue-700);
--spectrum-accent-color-800: var(--spectrum-blue-800);
--spectrum-accent-color-900: var(--spectrum-blue-900);
--spectrum-accent-color-1000: var(--spectrum-blue-1000);
--spectrum-accent-color-1100: var(--spectrum-blue-1100);
--spectrum-accent-color-1200: var(--spectrum-blue-1200);
--spectrum-accent-color-1300: var(--spectrum-blue-1300);
--spectrum-accent-color-1400: var(--spectrum-blue-1400);
--spectrum-accent-color-1500: var(--spectrum-blue-1500);
--spectrum-accent-color-1600: var(--spectrum-blue-1600);
--spectrum-informative-color-100: var(--spectrum-blue-100);
--spectrum-informative-color-200: var(--spectrum-blue-200);
--spectrum-informative-color-300: var(--spectrum-blue-300);
--spectrum-informative-color-400: var(--spectrum-blue-400);
--spectrum-informative-color-500: var(--spectrum-blue-500);
--spectrum-informative-color-600: var(--spectrum-blue-600);
--spectrum-informative-color-700: var(--spectrum-blue-700);
--spectrum-informative-color-800: var(--spectrum-blue-800);
--spectrum-informative-color-900: var(--spectrum-blue-900);
--spectrum-informative-color-1000: var(--spectrum-blue-1000);
--spectrum-informative-color-1100: var(--spectrum-blue-1100);
--spectrum-informative-color-1200: var(--spectrum-blue-1200);
--spectrum-informative-color-1300: var(--spectrum-blue-1300);
--spectrum-informative-color-1400: var(--spectrum-blue-1400);
--spectrum-informative-color-1500: var(--spectrum-blue-1500);
--spectrum-informative-color-1600: var(--spectrum-blue-1600);
--spectrum-negative-color-100: var(--spectrum-red-100);
--spectrum-negative-color-200: var(--spectrum-red-200);
--spectrum-negative-color-300: var(--spectrum-red-300);
--spectrum-negative-color-400: var(--spectrum-red-400);
--spectrum-negative-color-500: var(--spectrum-red-500);
--spectrum-negative-color-600: var(--spectrum-red-600);
--spectrum-negative-color-700: var(--spectrum-red-700);
--spectrum-negative-color-800: var(--spectrum-red-800);
--spectrum-negative-color-900: var(--spectrum-red-900);
--spectrum-negative-color-1000: var(--spectrum-red-1000);
--spectrum-negative-color-1100: var(--spectrum-red-1100);
--spectrum-negative-color-1200: var(--spectrum-red-1200);
--spectrum-negative-color-1300: var(--spectrum-red-1300);
--spectrum-negative-color-1400: var(--spectrum-red-1400);
--spectrum-negative-color-1500: var(--spectrum-red-1500);
--spectrum-negative-color-1600: var(--spectrum-red-1600);
--spectrum-notice-color-100: var(--spectrum-orange-100);
--spectrum-notice-color-200: var(--spectrum-orange-200);
--spectrum-notice-color-300: var(--spectrum-orange-300);
--spectrum-notice-color-400: var(--spectrum-orange-400);
--spectrum-notice-color-500: var(--spectrum-orange-500);
--spectrum-notice-color-600: var(--spectrum-orange-600);
--spectrum-notice-color-700: var(--spectrum-orange-700);
--spectrum-notice-color-800: var(--spectrum-orange-800);
--spectrum-notice-color-900: var(--spectrum-orange-900);
--spectrum-notice-color-1000: var(--spectrum-orange-1000);
--spectrum-notice-color-1100: var(--spectrum-orange-1100);
--spectrum-notice-color-1200: var(--spectrum-orange-1200);
--spectrum-notice-color-1300: var(--spectrum-orange-1300);
--spectrum-notice-color-1400: var(--spectrum-orange-1400);
--spectrum-notice-color-1500: var(--spectrum-orange-1500);
--spectrum-notice-color-1600: var(--spectrum-orange-1600);
--spectrum-positive-color-100: var(--spectrum-green-100);
--spectrum-positive-color-200: var(--spectrum-green-200);
--spectrum-positive-color-300: var(--spectrum-green-300);
--spectrum-positive-color-400: var(--spectrum-green-400);
--spectrum-positive-color-500: var(--spectrum-green-500);
--spectrum-positive-color-600: var(--spectrum-green-600);
--spectrum-positive-color-700: var(--spectrum-green-700);
--spectrum-positive-color-800: var(--spectrum-green-800);
--spectrum-positive-color-900: var(--spectrum-green-900);
--spectrum-positive-color-1000: var(--spectrum-green-1000);
--spectrum-positive-color-1100: var(--spectrum-green-1100);
--spectrum-positive-color-1200: var(--spectrum-green-1200);
--spectrum-positive-color-1300: var(--spectrum-green-1300);
--spectrum-positive-color-1400: var(--spectrum-green-1400);
--spectrum-positive-color-1500: var(--spectrum-green-1500);
--spectrum-positive-color-1600: var(--spectrum-green-1600);
--spectrum-negative-subdued-background-color-default: var(--spectrum-negative-subtle-background-color-default);
--spectrum-negative-subdued-background-color-hover: var(--spectrum-negative-color-300);
--spectrum-negative-subdued-background-color-down: var(--spectrum-negative-color-300);
--spectrum-negative-subdued-background-color-key-focus: var(--spectrum-negative-color-300);
--spectrum-icon-color-informative: var(--spectrum-informative-visual-color);
--spectrum-icon-color-neutral: var(--spectrum-neutral-visual-color);
--spectrum-icon-color-positive: var(--spectrum-positive-visual-color);
--spectrum-icon-color-notice: var(--spectrum-notice-visual-color);
--spectrum-icon-color-negative: var(--spectrum-negative-visual-color);
--spectrum-default-font-family: var(--spectrum-sans-serif-font-family);
--spectrum-letter-spacing: 0em;
--spectrum-text-align-start: start;
--spectrum-text-align-center: center;
--spectrum-text-align-end: end;
--spectrum-sans-serif-font-family: Adobe Clean;
--spectrum-serif-font-family: Adobe Clean Serif;
--spectrum-cjk-font-family: Adobe Clean Han;
--spectrum-light-font-weight: 300;
--spectrum-regular-font-weight: 400;
--spectrum-medium-font-weight: 500;
--spectrum-bold-font-weight: 700;
--spectrum-extra-bold-font-weight: 800;
--spectrum-black-font-weight: 900;
--spectrum-italic-font-style: italic;
--spectrum-default-font-style: normal;
--spectrum-line-height-100: 1.3;
--spectrum-line-height-200: 1.5;
--spectrum-cjk-line-height-100: 1.5;
--spectrum-cjk-line-height-200: 1.7;
--spectrum-cjk-letter-spacing: var(--spectrum-letter-spacing);
--spectrum-heading-sans-serif-font-family: var(--spectrum-sans-serif-font-family);
--spectrum-heading-serif-font-family: var(--spectrum-serif-font-family);
--spectrum-heading-cjk-font-family: var(--spectrum-cjk-font-family);
--spectrum-heading-sans-serif-light-font-weight: var(--spectrum-light-font-weight);
--spectrum-heading-sans-serif-light-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-light-font-weight: var(--spectrum-regular-font-weight);
--spectrum-heading-serif-light-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-light-font-weight: var(--spectrum-light-font-weight);
--spectrum-heading-cjk-light-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-sans-serif-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-serif-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-cjk-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-heavy-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-heavy-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-heavy-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-heavy-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-heavy-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-cjk-heavy-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-light-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-sans-serif-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-light-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-serif-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-light-strong-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-cjk-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-heavy-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-heavy-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-heavy-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-heavy-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-heavy-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-heavy-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-light-emphasized-font-weight: var(--spectrum-light-font-weight);
--spectrum-heading-sans-serif-light-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-serif-light-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-heading-serif-light-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-light-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-heading-cjk-light-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-heavy-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-heavy-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-serif-heavy-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-heavy-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-heavy-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-heavy-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-light-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-sans-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-serif-light-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-light-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-cjk-light-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-serif-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-serif-heavy-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-heavy-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-heavy-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-heavy-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-heading-size-xxxl: var(--spectrum-font-size-1300);
--spectrum-heading-size-xxl: var(--spectrum-font-size-1100);
--spectrum-heading-size-xl: var(--spectrum-font-size-900);
--spectrum-heading-size-l: var(--spectrum-font-size-700);
--spectrum-heading-size-m: var(--spectrum-font-size-500);
--spectrum-heading-size-s: var(--spectrum-font-size-400);
--spectrum-heading-size-xs: var(--spectrum-font-size-300);
--spectrum-heading-size-xxs: var(--spectrum-font-size-100);
--spectrum-heading-cjk-size-xxxxl: var(--spectrum-font-size-1400);
--spectrum-heading-size-xxxxl: var(--spectrum-font-size-1500);
--spectrum-heading-cjk-size-xxxl: var(--spectrum-font-size-1200);
--spectrum-heading-cjk-size-xxl: var(--spectrum-font-size-1000);
--spectrum-heading-cjk-size-xl: var(--spectrum-font-size-800);
--spectrum-heading-cjk-size-l: var(--spectrum-font-size-600);
--spectrum-heading-cjk-size-m: var(--spectrum-font-size-400);
--spectrum-heading-cjk-size-s: var(--spectrum-font-size-300);
--spectrum-heading-cjk-size-xs: var(--spectrum-font-size-200);
--spectrum-heading-cjk-size-xxs: var(--spectrum-font-size-100);
--spectrum-heading-line-height: var(--spectrum-line-height-100);
--spectrum-heading-cjk-line-height: var(--spectrum-cjk-line-height-100);
--spectrum-heading-margin-top-multiplier: 0.88888889;
--spectrum-heading-margin-bottom-multiplier: 0.25;
--spectrum-heading-color: var(--spectrum-gray-900);
--spectrum-body-sans-serif-font-family: var(--spectrum-sans-serif-font-family);
--spectrum-body-serif-font-family: var(--spectrum-serif-font-family);
--spectrum-body-cjk-font-family: var(--spectrum-cjk-font-family);
--spectrum-body-sans-serif-font-weight: var(--spectrum-regular-font-weight);
--spectrum-body-sans-serif-font-style: var(--spectrum-default-font-style);
--spectrum-body-serif-font-weight: var(--spectrum-regular-font-weight);
--spectrum-body-serif-font-style: var(--spectrum-default-font-style);
--spectrum-body-cjk-font-weight: var(--spectrum-regular-font-weight);
--spectrum-body-cjk-font-style: var(--spectrum-default-font-style);
--spectrum-body-sans-serif-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-body-sans-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-body-serif-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-body-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-body-cjk-strong-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-body-cjk-strong-font-style: var(--spectrum-default-font-style);
--spectrum-body-sans-serif-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-body-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-body-serif-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-body-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-body-cjk-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-body-cjk-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-body-sans-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-body-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-body-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-body-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-body-cjk-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-body-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-body-size-xxxl: var(--spectrum-font-size-600);
--spectrum-body-size-xxl: var(--spectrum-font-size-500);
--spectrum-body-size-xl: var(--spectrum-font-size-400);
--spectrum-body-size-xxs: var(--spectrum-font-size-50);
--spectrum-body-cjk-size-xxxl: var(--spectrum-font-size-500);
--spectrum-body-cjk-size-xxl: var(--spectrum-font-size-400);
--spectrum-body-cjk-size-xl: var(--spectrum-font-size-300);
--spectrum-body-cjk-size-l: var(--spectrum-font-size-200);
--spectrum-body-cjk-size-m: var(--spectrum-font-size-100);
--spectrum-body-cjk-size-s: var(--spectrum-font-size-75);
--spectrum-body-cjk-size-xs: var(--spectrum-font-size-50);
--spectrum-body-cjk-size-xxs: var(--spectrum-font-size-25);
--spectrum-body-size-l: var(--spectrum-font-size-300);
--spectrum-body-size-m: var(--spectrum-font-size-200);
--spectrum-body-size-s: var(--spectrum-font-size-100);
--spectrum-body-size-xs: var(--spectrum-font-size-75);
--spectrum-body-line-height: var(--spectrum-line-height-200);
--spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-200);
--spectrum-body-margin-multiplier: 0.75;
--spectrum-body-color: var(--spectrum-gray-800);
--spectrum-detail-sans-serif-font-family: var(--spectrum-sans-serif-font-family);
--spectrum-detail-serif-font-family: var(--spectrum-serif-font-family);
--spectrum-detail-cjk-font-family: var(--spectrum-cjk-font-family);
--spectrum-detail-sans-serif-font-weight: var(--spectrum-medium-font-weight);
--spectrum-detail-sans-serif-font-style: var(--spectrum-default-font-style);
--spectrum-detail-serif-font-weight: var(--spectrum-medium-font-weight);
--spectrum-detail-serif-font-style: var(--spectrum-default-font-style);
--spectrum-detail-cjk-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-cjk-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-light-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-light-font-style: var(--spectrum-default-font-style);
--spectrum-detail-serif-light-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-serif-light-font-style: var(--spectrum-default-font-style);
--spectrum-detail-cjk-light-font-weight: var(--spectrum-light-font-weight);
--spectrum-detail-cjk-light-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-sans-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-serif-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-cjk-strong-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-light-strong-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-serif-light-strong-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-serif-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-cjk-light-strong-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-serif-emphasized-font-weight: var(--spectrum-medium-font-weight);
--spectrum-detail-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-cjk-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-light-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-light-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-serif-light-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-serif-light-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-cjk-light-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-cjk-light-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-cjk-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-light-strong-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-serif-light-strong-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-cjk-light-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-light-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-detail-size-xl: var(--spectrum-font-size-300);
--spectrum-detail-size-l: var(--spectrum-font-size-200);
--spectrum-detail-size-m: var(--spectrum-font-size-100);
--spectrum-detail-size-s: var(--spectrum-font-size-75);
--spectrum-detail-line-height: var(--spectrum-line-height-100);
--spectrum-detail-cjk-line-height: var(--spectrum-cjk-line-height-100);
--spectrum-detail-margin-top-multiplier: 0.88888889;
--spectrum-detail-margin-bottom-multiplier: 0.25;
--spectrum-detail-letter-spacing: 0.06em;
--spectrum-detail-sans-serif-text-transform: uppercase;
--spectrum-detail-serif-text-transform: uppercase;
--spectrum-detail-color: var(--spectrum-gray-600);
--spectrum-detail-cjk-size-xs: var(--spectrum-font-size-25);
--spectrum-detail-cjk-size-s: var(--spectrum-font-size-50);
--spectrum-detail-cjk-size-m: var(--spectrum-font-size-75);
--spectrum-detail-cjk-size-l: var(--spectrum-font-size-100);
--spectrum-detail-cjk-size-xl: var(--spectrum-font-size-200);
--spectrum-detail-size-xs: var(--spectrum-font-size-50);
--spectrum-code-font-family: Source Code Pro;
--spectrum-code-cjk-font-family: var(--spectrum-code-font-family);
--spectrum-code-font-weight: var(--spectrum-regular-font-weight);
--spectrum-code-font-style: var(--spectrum-default-font-style);
--spectrum-code-cjk-font-weight: var(--spectrum-regular-font-weight);
--spectrum-code-cjk-font-style: var(--spectrum-default-font-style);
--spectrum-code-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-code-strong-font-style: var(--spectrum-default-font-style);
--spectrum-code-cjk-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-code-cjk-strong-font-style: var(--spectrum-default-font-style);
--spectrum-code-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-code-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-code-cjk-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-code-cjk-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-code-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-code-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-code-cjk-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-code-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);