Badge:Icon Only

Build 854 on test_chromatic
1200px
Reviewing disabled
View latest build
chromechrome
Changed
BaselineBuild 549 on main
Baseline
View Storybook
LatestBuild 854 on test_chromatic
LatestLatestLatest
View Storybook
firefoxfirefox
Changed
Baseline History
Build 85450c7ada current baseline
Current build. Accepted by Daniel Lu.
Build 853adae13c
Ancestor build. There were unaccepted changes, so this was not used as a baseline.
Build 849b4ed1d4
Inherited baseline identical to build 549
Build 549424432c
Auto-accepted
Build 4644a75768
Auto-accepted
Build 415a47c268
Accepted by Robert Snow.
Build 41322d52cf
Accepted by Robert Snow.
Commenting is disabled because there's a newer build on this branch
Go to Build 859 now
DOM Diff
file.html a CHANGED
@@ -1,11 +1,772 @@
1
  <div style="display: flex; flex-direction: column; min-height: 1000px;">
2
- <div class="spectrum_b37d53 spectrum_2a241c spectrum--light_a40724 spectrum--medium_4b172c spectrum_9e130c spectrum--medium_9e130c spectrum--large_9e130c spectrum--darkest_9e130c spectrum--dark_9e130c spectrum--light_9e130c spectrum--lightest_9e130c"
3
  lang="en-US" dir="ltr" style="isolation: isolate; color-scheme: light;">
4
  <div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
5
  <h1 style="margin: 0px; padding: 0px;">light, medium, en-US</h1>
6
  <div class="react-spectrum-story" style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
7
- <div class="flex_e15493" style="flex-wrap: wrap; gap: 8px;">
8
- <span class="spectrum-Badge_a70f1a spectrum-Badge--positive_a70f1a" role="presentation">
9
- <svg viewBox="0 0 36 36" class="spectrum-Icon_368b34 spectrum-Icon--sizeS_368b34 spectrum-Badge-icon_a70f1a"
10
  focusable="false" aria-hidden="true" role="img">
11
- <path fill-ru
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <div style="display: flex; flex-direction: column; min-height: 1000px;">
2
+ <div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily YqfL3a_spectrum--light rfm_fq_spectrum--medium XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium"
3
  lang="en-US" dir="ltr" style="isolation: isolate; color-scheme: light;">
4
  <div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
5
  <h1 style="margin: 0px; padding: 0px;">light, medium, en-US</h1>
6
  <div class="react-spectrum-story" style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
7
+ <div class="vi3c6W_flex" style="flex-wrap: wrap; gap: 8px;">
8
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--positive" role="presentation">
9
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
10
  focusable="false" aria-hidden="true" role="img">
11
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
12
+ </svg>
13
+ </span>
14
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--info" role="presentation">
15
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
16
+ focusable="false" aria-hidden="true" role="img">
17
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
18
+ </svg>
19
+ </span>
20
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--negative" role="presentation">
21
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
22
+ focusable="false" aria-hidden="true" role="img">
23
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
24
+ </svg>
25
+ </span>
26
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--neutral" role="presentation">
27
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
28
+ focusable="false" aria-hidden="true" role="img">
29
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
30
+ </svg>
31
+ </span>
32
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--yellow" role="presentation">
33
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
34
+ focusable="false" aria-hidden="true" role="img">
35
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
36
+ </svg>
37
+ </span>
38
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--fuchsia" role="presentation">
39
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
40
+ focusable="false" aria-hidden="true" role="img">
41
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
42
+ </svg>
43
+ </span>
44
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--indigo" role="presentation">
45
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
46
+ focusable="false" aria-hidden="true" role="img">
47
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
48
+ </svg>
49
+ </span>
50
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--seafoam" role="presentation">
51
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
52
+ focusable="false" aria-hidden="true" role="img">
53
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
54
+ </svg>
55
+ </span>
56
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--magenta" role="presentation">
57
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
58
+ focusable="false" aria-hidden="true" role="img">
59
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
60
+ </svg>
61
+ </span>
62
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--purple" role="presentation">
63
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
64
+ focusable="false" aria-hidden="true" role="img">
65
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
66
+ </svg>
67
+ </span>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ </div>
72
+ <div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily YqfL3a_spectrum--light rfm_fq_spectrum--medium XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium"
73
+ lang="ar-AE" dir="rtl" style="isolation: isolate; color-scheme: light;">
74
+ <div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
75
+ <h1 style="margin: 0px; padding: 0px;">light, medium, ar-AE</h1>
76
+ <div class="react-spectrum-story" style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
77
+ <div class="vi3c6W_flex" style="flex-wrap: wrap; gap: 8px;">
78
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--positive" role="presentation">
79
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
80
+ focusable="false" aria-hidden="true" role="img">
81
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
82
+ </svg>
83
+ </span>
84
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--info" role="presentation">
85
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
86
+ focusable="false" aria-hidden="true" role="img">
87
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
88
+ </svg>
89
+ </span>
90
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--negative" role="presentation">
91
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
92
+ focusable="false" aria-hidden="true" role="img">
93
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
94
+ </svg>
95
+ </span>
96
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--neutral" role="presentation">
97
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
98
+ focusable="false" aria-hidden="true" role="img">
99
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
100
+ </svg>
101
+ </span>
102
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--yellow" role="presentation">
103
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
104
+ focusable="false" aria-hidden="true" role="img">
105
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
106
+ </svg>
107
+ </span>
108
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--fuchsia" role="presentation">
109
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
110
+ focusable="false" aria-hidden="true" role="img">
111
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
112
+ </svg>
113
+ </span>
114
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--indigo" role="presentation">
115
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
116
+ focusable="false" aria-hidden="true" role="img">
117
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
118
+ </svg>
119
+ </span>
120
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--seafoam" role="presentation">
121
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
122
+ focusable="false" aria-hidden="true" role="img">
123
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
124
+ </svg>
125
+ </span>
126
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--magenta" role="presentation">
127
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
128
+ focusable="false" aria-hidden="true" role="img">
129
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
130
+ </svg>
131
+ </span>
132
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--purple" role="presentation">
133
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
134
+ focusable="false" aria-hidden="true" role="img">
135
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
136
+ </svg>
137
+ </span>
138
+ </div>
139
+ </div>
140
+ </div>
141
+ </div>
142
+ <div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily YqfL3a_spectrum--light _1DrGeG_spectrum--large XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium"
143
+ lang="en-US" dir="ltr" style="isolation: isolate; color-scheme: light;">
144
+ <div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
145
+ <h1 style="margin: 0px; padding: 0px;">light, large, en-US</h1>
146
+ <div class="react-spectrum-story" style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
147
+ <div class="vi3c6W_flex" style="flex-wrap: wrap; gap: 8px;">
148
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--positive" role="presentation">
149
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
150
+ focusable="false" aria-hidden="true" role="img">
151
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
152
+ </svg>
153
+ </span>
154
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--info" role="presentation">
155
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
156
+ focusable="false" aria-hidden="true" role="img">
157
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
158
+ </svg>
159
+ </span>
160
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--negative" role="presentation">
161
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
162
+ focusable="false" aria-hidden="true" role="img">
163
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
164
+ </svg>
165
+ </span>
166
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--neutral" role="presentation">
167
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
168
+ focusable="false" aria-hidden="true" role="img">
169
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
170
+ </svg>
171
+ </span>
172
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--yellow" role="presentation">
173
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
174
+ focusable="false" aria-hidden="true" role="img">
175
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
176
+ </svg>
177
+ </span>
178
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--fuchsia" role="presentation">
179
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
180
+ focusable="false" aria-hidden="true" role="img">
181
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
182
+ </svg>
183
+ </span>
184
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--indigo" role="presentation">
185
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
186
+ focusable="false" aria-hidden="true" role="img">
187
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
188
+ </svg>
189
+ </span>
190
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--seafoam" role="presentation">
191
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
192
+ focusable="false" aria-hidden="true" role="img">
193
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
194
+ </svg>
195
+ </span>
196
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--magenta" role="presentation">
197
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
198
+ focusable="false" aria-hidden="true" role="img">
199
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
200
+ </svg>
201
+ </span>
202
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--purple" role="presentation">
203
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
204
+ focusable="false" aria-hidden="true" role="img">
205
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
206
+ </svg>
207
+ </span>
208
+ </div>
209
+ </div>
210
+ </div>
211
+ </div>
212
+ <div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily YqfL3a_spectrum--light _1DrGeG_spectrum--large XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium"
213
+ lang="ar-AE" dir="rtl" style="isolation: isolate; color-scheme: light;">
214
+ <div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
215
+ <h1 style="margin: 0px; padding: 0px;">light, large, ar-AE</h1>
216
+ <div class="react-spectrum-story" style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
217
+ <div class="vi3c6W_flex" style="flex-wrap: wrap; gap: 8px;">
218
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--positive" role="presentation">
219
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
220
+ focusable="false" aria-hidden="true" role="img">
221
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
222
+ </svg>
223
+ </span>
224
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--info" role="presentation">
225
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
226
+ focusable="false" aria-hidden="true" role="img">
227
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
228
+ </svg>
229
+ </span>
230
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--negative" role="presentation">
231
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
232
+ focusable="false" aria-hidden="true" role="img">
233
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
234
+ </svg>
235
+ </span>
236
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--neutral" role="presentation">
237
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
238
+ focusable="false" aria-hidden="true" role="img">
239
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
240
+ </svg>
241
+ </span>
242
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--yellow" role="presentation">
243
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
244
+ focusable="false" aria-hidden="true" role="img">
245
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
246
+ </svg>
247
+ </span>
248
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--fuchsia" role="presentation">
249
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
250
+ focusable="false" aria-hidden="true" role="img">
251
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
252
+ </svg>
253
+ </span>
254
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--indigo" role="presentation">
255
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
256
+ focusable="false" aria-hidden="true" role="img">
257
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
258
+ </svg>
259
+ </span>
260
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--seafoam" role="presentation">
261
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
262
+ focusable="false" aria-hidden="true" role="img">
263
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
264
+ </svg>
265
+ </span>
266
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--magenta" role="presentation">
267
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
268
+ focusable="false" aria-hidden="true" role="img">
269
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
270
+ </svg>
271
+ </span>
272
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--purple" role="presentation">
273
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
274
+ focusable="false" aria-hidden="true" role="img">
275
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
276
+ </svg>
277
+ </span>
278
+ </div>
279
+ </div>
280
+ </div>
281
+ </div>
282
+ <div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily VF2-xW_spectrum--dark rfm_fq_spectrum--medium XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium"
283
+ lang="en-US" dir="ltr" style="isolation: isolate; color-scheme: dark;">
284
+ <div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
285
+ <h1 style="margin: 0px; padding: 0px;">dark, medium, en-US</h1>
286
+ <div class="react-spectrum-story" style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
287
+ <div class="vi3c6W_flex" style="flex-wrap: wrap; gap: 8px;">
288
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--positive" role="presentation">
289
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
290
+ focusable="false" aria-hidden="true" role="img">
291
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
292
+ </svg>
293
+ </span>
294
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--info" role="presentation">
295
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
296
+ focusable="false" aria-hidden="true" role="img">
297
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
298
+ </svg>
299
+ </span>
300
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--negative" role="presentation">
301
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
302
+ focusable="false" aria-hidden="true" role="img">
303
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
304
+ </svg>
305
+ </span>
306
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--neutral" role="presentation">
307
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
308
+ focusable="false" aria-hidden="true" role="img">
309
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
310
+ </svg>
311
+ </span>
312
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--yellow" role="presentation">
313
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
314
+ focusable="false" aria-hidden="true" role="img">
315
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
316
+ </svg>
317
+ </span>
318
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--fuchsia" role="presentation">
319
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
320
+ focusable="false" aria-hidden="true" role="img">
321
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
322
+ </svg>
323
+ </span>
324
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--indigo" role="presentation">
325
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
326
+ focusable="false" aria-hidden="true" role="img">
327
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
328
+ </svg>
329
+ </span>
330
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--seafoam" role="presentation">
331
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
332
+ focusable="false" aria-hidden="true" role="img">
333
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
334
+ </svg>
335
+ </span>
336
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--magenta" role="presentation">
337
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
338
+ focusable="false" aria-hidden="true" role="img">
339
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
340
+ </svg>
341
+ </span>
342
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--purple" role="presentation">
343
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
344
+ focusable="false" aria-hidden="true" role="img">
345
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
346
+ </svg>
347
+ </span>
348
+ </div>
349
+ </div>
350
+ </div>
351
+ </div>
352
+ <div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily VF2-xW_spectrum--dark _1DrGeG_spectrum--large XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium"
353
+ lang="en-US" dir="ltr" style="isolation: isolate; color-scheme: dark;">
354
+ <div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
355
+ <h1 style="margin: 0px; padding: 0px;">dark, large, en-US</h1>
356
+ <div class="react-spectrum-story" style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
357
+ <div class="vi3c6W_flex" style="flex-wrap: wrap; gap: 8px;">
358
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--positive" role="presentation">
359
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
360
+ focusable="false" aria-hidden="true" role="img">
361
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
362
+ </svg>
363
+ </span>
364
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--info" role="presentation">
365
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
366
+ focusable="false" aria-hidden="true" role="img">
367
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
368
+ </svg>
369
+ </span>
370
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--negative" role="presentation">
371
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
372
+ focusable="false" aria-hidden="true" role="img">
373
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
374
+ </svg>
375
+ </span>
376
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--neutral" role="presentation">
377
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
378
+ focusable="false" aria-hidden="true" role="img">
379
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
380
+ </svg>
381
+ </span>
382
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--yellow" role="presentation">
383
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
384
+ focusable="false" aria-hidden="true" role="img">
385
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
386
+ </svg>
387
+ </span>
388
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--fuchsia" role="presentation">
389
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
390
+ focusable="false" aria-hidden="true" role="img">
391
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
392
+ </svg>
393
+ </span>
394
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--indigo" role="presentation">
395
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
396
+ focusable="false" aria-hidden="true" role="img">
397
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
398
+ </svg>
399
+ </span>
400
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--seafoam" role="presentation">
401
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
402
+ focusable="false" aria-hidden="true" role="img">
403
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
404
+ </svg>
405
+ </span>
406
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--magenta" role="presentation">
407
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
408
+ focusable="false" aria-hidden="true" role="img">
409
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
410
+ </svg>
411
+ </span>
412
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--purple" role="presentation">
413
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
414
+ focusable="false" aria-hidden="true" role="img">
415
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
416
+ </svg>
417
+ </span>
418
+ </div>
419
+ </div>
420
+ </div>
421
+ </div>
422
+ <div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily EV5Q3q_spectrum--lightest rfm_fq_spectrum--medium XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium"
423
+ lang="en-US" dir="ltr" style="isolation: isolate; color-scheme: light;">
424
+ <div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
425
+ <h1 style="margin: 0px; padding: 0px;">lightest, medium, en-US</h1>
426
+ <div class="react-spectrum-story" style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
427
+ <div class="vi3c6W_flex" style="flex-wrap: wrap; gap: 8px;">
428
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--positive" role="presentation">
429
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
430
+ focusable="false" aria-hidden="true" role="img">
431
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
432
+ </svg>
433
+ </span>
434
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--info" role="presentation">
435
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
436
+ focusable="false" aria-hidden="true" role="img">
437
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
438
+ </svg>
439
+ </span>
440
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--negative" role="presentation">
441
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
442
+ focusable="false" aria-hidden="true" role="img">
443
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
444
+ </svg>
445
+ </span>
446
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--neutral" role="presentation">
447
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
448
+ focusable="false" aria-hidden="true" role="img">
449
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
450
+ </svg>
451
+ </span>
452
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--yellow" role="presentation">
453
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
454
+ focusable="false" aria-hidden="true" role="img">
455
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
456
+ </svg>
457
+ </span>
458
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--fuchsia" role="presentation">
459
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
460
+ focusable="false" aria-hidden="true" role="img">
461
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
462
+ </svg>
463
+ </span>
464
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--indigo" role="presentation">
465
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
466
+ focusable="false" aria-hidden="true" role="img">
467
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
468
+ </svg>
469
+ </span>
470
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--seafoam" role="presentation">
471
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
472
+ focusable="false" aria-hidden="true" role="img">
473
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
474
+ </svg>
475
+ </span>
476
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--magenta" role="presentation">
477
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
478
+ focusable="false" aria-hidden="true" role="img">
479
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
480
+ </svg>
481
+ </span>
482
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--purple" role="presentation">
483
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
484
+ focusable="false" aria-hidden="true" role="img">
485
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
486
+ </svg>
487
+ </span>
488
+ </div>
489
+ </div>
490
+ </div>
491
+ </div>
492
+ <div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily EV5Q3q_spectrum--lightest _1DrGeG_spectrum--large XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium"
493
+ lang="en-US" dir="ltr" style="isolation: isolate; color-scheme: light;">
494
+ <div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
495
+ <h1 style="margin: 0px; padding: 0px;">lightest, large, en-US</h1>
496
+ <div class="react-spectrum-story" style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
497
+ <div class="vi3c6W_flex" style="flex-wrap: wrap; gap: 8px;">
498
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--positive" role="presentation">
499
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
500
+ focusable="false" aria-hidden="true" role="img">
501
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
502
+ </svg>
503
+ </span>
504
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--info" role="presentation">
505
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
506
+ focusable="false" aria-hidden="true" role="img">
507
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
508
+ </svg>
509
+ </span>
510
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--negative" role="presentation">
511
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
512
+ focusable="false" aria-hidden="true" role="img">
513
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
514
+ </svg>
515
+ </span>
516
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--neutral" role="presentation">
517
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
518
+ focusable="false" aria-hidden="true" role="img">
519
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
520
+ </svg>
521
+ </span>
522
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--yellow" role="presentation">
523
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
524
+ focusable="false" aria-hidden="true" role="img">
525
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
526
+ </svg>
527
+ </span>
528
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--fuchsia" role="presentation">
529
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
530
+ focusable="false" aria-hidden="true" role="img">
531
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
532
+ </svg>
533
+ </span>
534
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--indigo" role="presentation">
535
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
536
+ focusable="false" aria-hidden="true" role="img">
537
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
538
+ </svg>
539
+ </span>
540
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--seafoam" role="presentation">
541
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
542
+ focusable="false" aria-hidden="true" role="img">
543
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
544
+ </svg>
545
+ </span>
546
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--magenta" role="presentation">
547
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
548
+ focusable="false" aria-hidden="true" role="img">
549
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
550
+ </svg>
551
+ </span>
552
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--purple" role="presentation">
553
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
554
+ focusable="false" aria-hidden="true" role="img">
555
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
556
+ </svg>
557
+ </span>
558
+ </div>
559
+ </div>
560
+ </div>
561
+ </div>
562
+ <div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily R-l9gW_spectrum--darkest rfm_fq_spectrum--medium XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium"
563
+ lang="en-US" dir="ltr" style="isolation: isolate; color-scheme: dark;">
564
+ <div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
565
+ <h1 style="margin: 0px; padding: 0px;">darkest, medium, en-US</h1>
566
+ <div class="react-spectrum-story" style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
567
+ <div class="vi3c6W_flex" style="flex-wrap: wrap; gap: 8px;">
568
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--positive" role="presentation">
569
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
570
+ focusable="false" aria-hidden="true" role="img">
571
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
572
+ </svg>
573
+ </span>
574
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--info" role="presentation">
575
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
576
+ focusable="false" aria-hidden="true" role="img">
577
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
578
+ </svg>
579
+ </span>
580
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--negative" role="presentation">
581
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
582
+ focusable="false" aria-hidden="true" role="img">
583
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
584
+ </svg>
585
+ </span>
586
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--neutral" role="presentation">
587
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
588
+ focusable="false" aria-hidden="true" role="img">
589
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
590
+ </svg>
591
+ </span>
592
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--yellow" role="presentation">
593
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
594
+ focusable="false" aria-hidden="true" role="img">
595
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
596
+ </svg>
597
+ </span>
598
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--fuchsia" role="presentation">
599
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
600
+ focusable="false" aria-hidden="true" role="img">
601
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
602
+ </svg>
603
+ </span>
604
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--indigo" role="presentation">
605
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
606
+ focusable="false" aria-hidden="true" role="img">
607
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
608
+ </svg>
609
+ </span>
610
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--seafoam" role="presentation">
611
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
612
+ focusable="false" aria-hidden="true" role="img">
613
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
614
+ </svg>
615
+ </span>
616
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--magenta" role="presentation">
617
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
618
+ focusable="false" aria-hidden="true" role="img">
619
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
620
+ </svg>
621
+ </span>
622
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--purple" role="presentation">
623
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
624
+ focusable="false" aria-hidden="true" role="img">
625
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
626
+ </svg>
627
+ </span>
628
+ </div>
629
+ </div>
630
+ </div>
631
+ </div>
632
+ <div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily R-l9gW_spectrum--darkest _1DrGeG_spectrum--large XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium"
633
+ lang="en-US" dir="ltr" style="isolation: isolate; color-scheme: dark;">
634
+ <div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
635
+ <h1 style="margin: 0px; padding: 0px;">darkest, large, en-US</h1>
636
+ <div class="react-spectrum-story" style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
637
+ <div class="vi3c6W_flex" style="flex-wrap: wrap; gap: 8px;">
638
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--positive" role="presentation">
639
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
640
+ focusable="false" aria-hidden="true" role="img">
641
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
642
+ </svg>
643
+ </span>
644
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--info" role="presentation">
645
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
646
+ focusable="false" aria-hidden="true" role="img">
647
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
648
+ </svg>
649
+ </span>
650
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--negative" role="presentation">
651
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
652
+ focusable="false" aria-hidden="true" role="img">
653
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
654
+ </svg>
655
+ </span>
656
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--neutral" role="presentation">
657
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
658
+ focusable="false" aria-hidden="true" role="img">
659
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
660
+ </svg>
661
+ </span>
662
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--yellow" role="presentation">
663
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
664
+ focusable="false" aria-hidden="true" role="img">
665
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
666
+ </svg>
667
+ </span>
668
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--fuchsia" role="presentation">
669
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
670
+ focusable="false" aria-hidden="true" role="img">
671
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
672
+ </svg>
673
+ </span>
674
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--indigo" role="presentation">
675
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
676
+ focusable="false" aria-hidden="true" role="img">
677
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
678
+ </svg>
679
+ </span>
680
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--seafoam" role="presentation">
681
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
682
+ focusable="false" aria-hidden="true" role="img">
683
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
684
+ </svg>
685
+ </span>
686
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--magenta" role="presentation">
687
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
688
+ focusable="false" aria-hidden="true" role="img">
689
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
690
+ </svg>
691
+ </span>
692
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--purple" role="presentation">
693
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
694
+ focusable="false" aria-hidden="true" role="img">
695
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
696
+ </svg>
697
+ </span>
698
+ </div>
699
+ </div>
700
+ </div>
701
+ </div>
702
+ <div class="_t8qIa_spectrum kDKRXa_spectrum kDKRXa_i18nFontFamily YqfL3a_spectrum--light rfm_fq_spectrum--medium u4Zobq_medium XhWg9q_spectrum XhWg9q_spectrum--dark XhWg9q_spectrum--darkest XhWg9q_spectrum--large XhWg9q_spectrum--light XhWg9q_spectrum--lightest XhWg9q_spectrum--medium u4Zobq_express"
703
+ lang="en-US" dir="ltr" style="isolation: isolate; color-scheme: light;">
704
+ <div style="margin: var(--spectrum-global-dimension-size-100, var(--spectrum-alias-size-100));">
705
+ <h1 style="margin: 0px; padding: 0px;">express, light, medium, en-US</h1>
706
+ <div class="react-spectrum-story" style="align-items: center; box-sizing: border-box; display: flex; justify-content: center;">
707
+ <div class="vi3c6W_flex" style="flex-wrap: wrap; gap: 8px;">
708
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--positive" role="presentation">
709
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
710
+ focusable="false" aria-hidden="true" role="img">
711
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
712
+ </svg>
713
+ </span>
714
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--info" role="presentation">
715
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
716
+ focusable="false" aria-hidden="true" role="img">
717
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
718
+ </svg>
719
+ </span>
720
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--negative" role="presentation">
721
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
722
+ focusable="false" aria-hidden="true" role="img">
723
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
724
+ </svg>
725
+ </span>
726
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--neutral" role="presentation">
727
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
728
+ focusable="false" aria-hidden="true" role="img">
729
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
730
+ </svg>
731
+ </span>
732
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--yellow" role="presentation">
733
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
734
+ focusable="false" aria-hidden="true" role="img">
735
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
736
+ </svg>
737
+ </span>
738
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--fuchsia" role="presentation">
739
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
740
+ focusable="false" aria-hidden="true" role="img">
741
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
742
+ </svg>
743
+ </span>
744
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--indigo" role="presentation">
745
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
746
+ focusable="false" aria-hidden="true" role="img">
747
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
748
+ </svg>
749
+ </span>
750
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--seafoam" role="presentation">
751
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
752
+ focusable="false" aria-hidden="true" role="img">
753
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
754
+ </svg>
755
+ </span>
756
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--magenta" role="presentation">
757
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
758
+ focusable="false" aria-hidden="true" role="img">
759
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
760
+ </svg>
761
+ </span>
762
+ <span class="ACj6ra_spectrum-Badge ACj6ra_spectrum-Badge--purple" role="presentation">
763
+ <svg viewBox="0 0 36 36" class="wBx8DG_spectrum-Icon wBx8DG_spectrum-Icon--sizeS ACj6ra_spectrum-Badge-icon"
764
+ focusable="false" aria-hidden="true" role="img">
765
+ <path fill-rule="evenodd" d="M18,2A16,16,0,1,0,34,18,16.00008,16.00008,0,0,0,18,2Zm10.666,9.08044L16.01758,27.34119a1.20831,1.20831,0,0,1-.875.46093c-.02344.002-.04883.002-.07227.002a1.19938,1.19938,0,0,1-.84961-.35157L6.43555,19.65759a1.2,1.2,0,0,1,0-1.69726l1.32617-1.3252a1.20121,1.20121,0,0,1,1.69531,0l5.3457,5.34668L25.31445,8.473A1.20291,1.20291,0,0,1,27,8.26306l1.45508,1.13281A1.20477,1.20477,0,0,1,28.666,11.08044Z"></path>
766
+ </svg>
767
+ </span>
768
+ </div>
769
+ </div>
770
+ </div>
771
+ </div>
772
+ </div>