@channel.io/bezier-tokens 0.2.8 → 0.2.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/alpha/cjs/darkTheme.js +249 -12
  2. package/dist/alpha/cjs/global.js +315 -315
  3. package/dist/alpha/cjs/index.js +0 -2
  4. package/dist/alpha/cjs/lightTheme.js +248 -11
  5. package/dist/alpha/css/styles.css +1384 -1302
  6. package/dist/alpha/esm/darkTheme.mjs +249 -12
  7. package/dist/alpha/esm/global.mjs +315 -315
  8. package/dist/alpha/esm/index.mjs +0 -4
  9. package/dist/alpha/esm/lightTheme.mjs +248 -11
  10. package/dist/types/alpha/cjs/darkTheme.d.ts +726 -13
  11. package/dist/types/alpha/cjs/global.d.ts +0 -315
  12. package/dist/types/alpha/cjs/index.d.ts +2803 -3244
  13. package/dist/types/alpha/cjs/lightTheme.d.ts +724 -11
  14. package/dist/types/alpha/esm/darkTheme.d.mts +726 -13
  15. package/dist/types/alpha/esm/global.d.mts +0 -315
  16. package/dist/types/alpha/esm/index.d.mts +2803 -3244
  17. package/dist/types/alpha/esm/index.d.mts.map +1 -1
  18. package/dist/types/alpha/esm/lightTheme.d.mts +724 -11
  19. package/package.json +1 -1
  20. package/dist/alpha/cjs/darkThemeHovered.js +0 -197
  21. package/dist/alpha/cjs/lightThemeHovered.js +0 -197
  22. package/dist/alpha/esm/darkThemeHovered.mjs +0 -197
  23. package/dist/alpha/esm/lightThemeHovered.mjs +0 -197
  24. package/dist/types/alpha/cjs/darkThemeHovered.d.ts +0 -778
  25. package/dist/types/alpha/cjs/darkThemeHovered.d.ts.map +0 -1
  26. package/dist/types/alpha/cjs/lightThemeHovered.d.ts +0 -778
  27. package/dist/types/alpha/cjs/lightThemeHovered.d.ts.map +0 -1
  28. package/dist/types/alpha/esm/darkThemeHovered.d.mts +0 -778
  29. package/dist/types/alpha/esm/darkThemeHovered.d.mts.map +0 -1
  30. package/dist/types/alpha/esm/lightThemeHovered.d.mts +0 -778
  31. package/dist/types/alpha/esm/lightThemeHovered.d.mts.map +0 -1
package/dist/alpha/css/styles.css CHANGED
@@ -1,1313 +1,1395 @@
1
1
  [data-bezier-theme="dark"] {
2
- --alpha-color-shadow-base-inner: var(--alpha-color-white-8);
3
- --alpha-color-shadow-base: var(--alpha-color-black-8);
4
- --alpha-color-shadow-small: var(--alpha-color-black-15);
5
- --alpha-color-shadow-medium: var(--alpha-color-black-20);
6
- --alpha-color-shadow-large: var(--alpha-color-black-40);
7
- --alpha-color-shadow-xlarge: var(--alpha-color-black-60);
8
- --alpha-color-surface-normal: var(--alpha-color-grey-900);
9
- --alpha-color-surface-lower: var(--alpha-color-grey-850);
10
- --alpha-color-surface-lowest: var(--alpha-color-grey-800);
11
- --alpha-color-bg-absolute-white-lightest: var(--alpha-color-white-20);
12
- --alpha-color-bg-absolute-white-lighter: var(--alpha-color-white-40);
13
- --alpha-color-bg-absolute-white-light: var(--alpha-color-white-60);
14
- --alpha-color-bg-absolute-white-normal: var(--alpha-color-white-90);
15
- --alpha-color-bg-absolute-white-dark: var(--alpha-color-white-100);
16
- --alpha-color-bg-absolute-black-lightest: var(--alpha-color-black-20);
17
- --alpha-color-bg-absolute-black-lighter: var(--alpha-color-black-40);
18
- --alpha-color-bg-absolute-black-light: var(--alpha-color-black-60);
19
- --alpha-color-bg-absolute-black-normal: var(--alpha-color-black-85);
20
- --alpha-color-bg-absolute-black-dark: var(--alpha-color-black-100);
21
- --alpha-color-bg-navy-transparent: var(--alpha-color-navy-300-0);
22
- --alpha-color-bg-navy-shade-normal: var(--alpha-color-shade-navy-600);
23
- --alpha-color-bg-navy-shade-light: var(--alpha-color-shade-navy-600-40);
24
- --alpha-color-bg-navy-dark: var(--alpha-color-navy-400);
25
- --alpha-color-bg-navy-lightest: var(--alpha-color-navy-300-15);
26
- --alpha-color-bg-navy-lighter: var(--alpha-color-navy-300-30);
27
- --alpha-color-bg-navy-light: var(--alpha-color-navy-300-45);
28
- --alpha-color-bg-navy-normal: var(--alpha-color-navy-300);
29
- --alpha-color-bg-purple-transparent: var(--alpha-color-purple-300-0);
30
- --alpha-color-bg-purple-shade-normal: var(--alpha-color-shade-purple-600);
31
- --alpha-color-bg-purple-shade-light: var(--alpha-color-shade-purple-600-40);
32
- --alpha-color-bg-purple-dark: var(--alpha-color-purple-400);
33
- --alpha-color-bg-purple-lightest: var(--alpha-color-purple-300-15);
34
- --alpha-color-bg-purple-lighter: var(--alpha-color-purple-300-30);
35
- --alpha-color-bg-purple-light: var(--alpha-color-purple-300-45);
36
- --alpha-color-bg-purple-normal: var(--alpha-color-purple-300);
37
- --alpha-color-bg-pink-transparent: var(--alpha-color-pink-300-0);
38
- --alpha-color-bg-pink-shade-normal: var(--alpha-color-shade-pink-600);
39
- --alpha-color-bg-pink-shade-light: var(--alpha-color-shade-pink-600-40);
40
- --alpha-color-bg-pink-dark: var(--alpha-color-pink-400);
41
- --alpha-color-bg-pink-lightest: var(--alpha-color-pink-300-15);
42
- --alpha-color-bg-pink-lighter: var(--alpha-color-pink-300-30);
43
- --alpha-color-bg-pink-light: var(--alpha-color-pink-300-45);
44
- --alpha-color-bg-pink-normal: var(--alpha-color-pink-300);
45
- --alpha-color-bg-yellow-transparent: var(--alpha-color-yellow-300-0);
46
- --alpha-color-bg-yellow-shade-normal: var(--alpha-color-shade-yellow-600);
47
- --alpha-color-bg-yellow-shade-light: var(--alpha-color-shade-yellow-600-40);
48
- --alpha-color-bg-yellow-dark: var(--alpha-color-yellow-400);
49
- --alpha-color-bg-yellow-lightest: var(--alpha-color-yellow-300-15);
50
- --alpha-color-bg-yellow-lighter: var(--alpha-color-yellow-300-30);
51
- --alpha-color-bg-yellow-light: var(--alpha-color-yellow-300-45);
52
- --alpha-color-bg-yellow-normal: var(--alpha-color-yellow-300);
53
- --alpha-color-bg-olive-transparent: var(--alpha-color-olive-300-0);
54
- --alpha-color-bg-olive-shade-normal: var(--alpha-color-shade-olive-600);
55
- --alpha-color-bg-olive-shade-light: var(--alpha-color-shade-olive-600-40);
56
- --alpha-color-bg-olive-dark: var(--alpha-color-olive-400);
57
- --alpha-color-bg-olive-lightest: var(--alpha-color-olive-300-15);
58
- --alpha-color-bg-olive-lighter: var(--alpha-color-olive-300-30);
59
- --alpha-color-bg-olive-light: var(--alpha-color-olive-300-45);
60
- --alpha-color-bg-olive-normal: var(--alpha-color-olive-300);
61
- --alpha-color-bg-teal-transparent: var(--alpha-color-teal-300-0);
62
- --alpha-color-bg-teal-shade-normal: var(--alpha-color-shade-teal-600);
63
- --alpha-color-bg-teal-shade-light: var(--alpha-color-shade-teal-600-40);
64
- --alpha-color-bg-teal-dark: var(--alpha-color-teal-400);
65
- --alpha-color-bg-teal-lightest: var(--alpha-color-teal-300-15);
66
- --alpha-color-bg-teal-lighter: var(--alpha-color-teal-300-30);
67
- --alpha-color-bg-teal-light: var(--alpha-color-teal-300-45);
68
- --alpha-color-bg-teal-normal: var(--alpha-color-teal-300);
69
- --alpha-color-bg-green-transparent: var(--alpha-color-green-300-0);
70
- --alpha-color-bg-green-shade-normal: var(--alpha-color-shade-green-600);
71
- --alpha-color-bg-green-shade-light: var(--alpha-color-shade-green-600-40);
72
- --alpha-color-bg-green-dark: var(--alpha-color-green-400);
73
- --alpha-color-bg-green-lightest: var(--alpha-color-green-300-15);
74
- --alpha-color-bg-green-lighter: var(--alpha-color-green-300-30);
75
- --alpha-color-bg-green-light: var(--alpha-color-green-300-45);
76
- --alpha-color-bg-green-normal: var(--alpha-color-green-300);
77
- --alpha-color-bg-orange-transparent: var(--alpha-color-orange-300-0);
78
- --alpha-color-bg-orange-shade-normal: var(--alpha-color-shade-orange-600);
79
- --alpha-color-bg-orange-shade-light: var(--alpha-color-shade-orange-600-40);
80
- --alpha-color-bg-orange-dark: var(--alpha-color-orange-400);
81
- --alpha-color-bg-orange-lightest: var(--alpha-color-orange-300-15);
82
- --alpha-color-bg-orange-lighter: var(--alpha-color-orange-300-30);
83
- --alpha-color-bg-orange-light: var(--alpha-color-orange-300-45);
84
- --alpha-color-bg-orange-normal: var(--alpha-color-orange-300);
85
- --alpha-color-bg-red-transparent: var(--alpha-color-red-300-0);
86
- --alpha-color-bg-red-shade-normal: var(--alpha-color-shade-red-600);
87
- --alpha-color-bg-red-shade-light: var(--alpha-color-shade-red-600-40);
88
- --alpha-color-bg-red-dark: var(--alpha-color-red-400);
89
- --alpha-color-bg-red-lightest: var(--alpha-color-red-300-15);
90
- --alpha-color-bg-red-lighter: var(--alpha-color-red-300-30);
91
- --alpha-color-bg-red-light: var(--alpha-color-red-300-45);
92
- --alpha-color-bg-red-normal: var(--alpha-color-red-300);
93
- --alpha-color-bg-cobalt-transparent: var(--alpha-color-cobalt-300-0);
94
- --alpha-color-bg-cobalt-shade-normal: var(--alpha-color-shade-cobalt-600);
95
- --alpha-color-bg-cobalt-shade-light: var(--alpha-color-shade-cobalt-600-40);
96
- --alpha-color-bg-cobalt-dark: var(--alpha-color-cobalt-400);
97
- --alpha-color-bg-cobalt-lightest: var(--alpha-color-cobalt-300-15);
98
- --alpha-color-bg-cobalt-lighter: var(--alpha-color-cobalt-300-30);
99
- --alpha-color-bg-cobalt-light: var(--alpha-color-cobalt-300-45);
100
- --alpha-color-bg-cobalt-normal: var(--alpha-color-cobalt-300);
101
- --alpha-color-bg-blue-transparent: var(--alpha-color-blue-300-0);
102
- --alpha-color-bg-blue-shade-normal: var(--alpha-color-shade-blue-600);
103
- --alpha-color-bg-blue-shade-light: var(--alpha-color-shade-blue-600-40);
104
- --alpha-color-bg-blue-dark: var(--alpha-color-blue-400);
105
- --alpha-color-bg-blue-lightest: var(--alpha-color-blue-300-15);
106
- --alpha-color-bg-blue-lighter: var(--alpha-color-blue-300-30);
107
- --alpha-color-bg-blue-light: var(--alpha-color-blue-300-45);
108
- --alpha-color-bg-blue-normal: var(--alpha-color-blue-300);
109
- --alpha-color-bg-white-white-alpha-transparent: var(--alpha-color-white-0);
110
- --alpha-color-bg-white-white-alpha-light: var(--alpha-color-black-20);
111
- --alpha-color-bg-white-white-alpha-lighter: var(--alpha-color-black-60);
112
- --alpha-color-bg-white-white-alpha-lightest: var(--alpha-color-grey-alpha-800-80);
113
- --alpha-color-bg-white-transparent: var(--alpha-color-white-0);
114
- --alpha-color-bg-white-normal: var(--alpha-color-grey-900);
115
- --alpha-color-bg-white-higher: var(--alpha-color-grey-800);
116
- --alpha-color-bg-white-highest: var(--alpha-color-grey-700);
117
- --alpha-color-bg-grey-normal: var(--alpha-color-grey-600);
118
- --alpha-color-bg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-850-80);
119
- --alpha-color-bg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-800-80);
120
- --alpha-color-bg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-800-90);
121
- --alpha-color-bg-grey-grey-alpha-darkest: var(--alpha-color-grey-alpha-700-80);
122
- --alpha-color-bg-grey-transparent: var(--alpha-color-white-0);
123
- --alpha-color-bg-grey-lightest: var(--alpha-color-grey-850);
124
- --alpha-color-bg-grey-lighter: var(--alpha-color-grey-800);
125
- --alpha-color-bg-grey-light: var(--alpha-color-grey-700);
126
- --alpha-color-bg-grey-dark: var(--alpha-color-grey-500);
127
- --alpha-color-bg-grey-darkest: var(--alpha-color-white-100);
128
- --alpha-color-bg-black-transparent: var(--alpha-color-white-0);
129
- --alpha-color-bg-black-lightest: var(--alpha-color-white-5);
130
- --alpha-color-bg-black-lighter: var(--alpha-color-white-8);
131
- --alpha-color-bg-black-light: var(--alpha-color-white-12);
132
- --alpha-color-bg-black-dark: var(--alpha-color-white-20);
133
- --alpha-color-bg-black-darker: var(--alpha-color-white-40);
134
- --alpha-color-bg-black-darkest: var(--alpha-color-black-60);
135
- --alpha-color-fg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-850-80);
136
- --alpha-color-fg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-800-80);
137
- --alpha-color-fg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-800-90);
138
- --alpha-color-fg-grey-lightest: var(--alpha-color-grey-850);
139
- --alpha-color-fg-grey-lighter: var(--alpha-color-grey-800);
140
- --alpha-color-fg-grey-light: var(--alpha-color-grey-700);
141
- --alpha-color-fg-grey-normal: var(--alpha-color-grey-600);
142
- --alpha-color-fg-grey-dark: var(--alpha-color-grey-500);
143
- --alpha-color-fg-absolute-white-lightest: var(--alpha-color-white-20);
144
- --alpha-color-fg-absolute-white-lighter: var(--alpha-color-white-40);
145
- --alpha-color-fg-absolute-white-light: var(--alpha-color-white-60);
146
- --alpha-color-fg-absolute-white-normal: var(--alpha-color-white-90);
147
- --alpha-color-fg-absolute-white-dark: var(--alpha-color-white-100);
148
- --alpha-color-fg-absolute-black-lightest: var(--alpha-color-black-20);
149
- --alpha-color-fg-absolute-black-lighter: var(--alpha-color-black-40);
150
- --alpha-color-fg-absolute-black-light: var(--alpha-color-black-60);
151
- --alpha-color-fg-absolute-black-normal: var(--alpha-color-black-85);
152
- --alpha-color-fg-absolute-black-dark: var(--alpha-color-black-100);
153
- --alpha-color-fg-navy-dark: var(--alpha-color-navy-300);
154
- --alpha-color-fg-navy-light: var(--alpha-color-navy-300-45);
155
- --alpha-color-fg-navy-normal: var(--alpha-color-navy-300);
156
- --alpha-color-fg-purple-dark: var(--alpha-color-purple-300);
157
- --alpha-color-fg-purple-light: var(--alpha-color-purple-300-45);
158
- --alpha-color-fg-purple-normal: var(--alpha-color-purple-300);
159
- --alpha-color-fg-pink-dark: var(--alpha-color-pink-300);
160
- --alpha-color-fg-pink-light: var(--alpha-color-pink-300-45);
161
- --alpha-color-fg-pink-normal: var(--alpha-color-pink-300);
162
- --alpha-color-fg-yellow-dark: var(--alpha-color-yellow-300);
163
- --alpha-color-fg-yellow-light: var(--alpha-color-yellow-300-45);
164
- --alpha-color-fg-yellow-normal: var(--alpha-color-yellow-300);
165
- --alpha-color-fg-olive-dark: var(--alpha-color-olive-300);
166
- --alpha-color-fg-olive-light: var(--alpha-color-olive-300-45);
167
- --alpha-color-fg-olive-normal: var(--alpha-color-olive-300);
168
- --alpha-color-fg-teal-dark: var(--alpha-color-teal-300);
169
- --alpha-color-fg-teal-light: var(--alpha-color-teal-300-45);
170
- --alpha-color-fg-teal-normal: var(--alpha-color-teal-300);
171
- --alpha-color-fg-green-dark: var(--alpha-color-green-300);
172
- --alpha-color-fg-green-light: var(--alpha-color-green-300-45);
173
- --alpha-color-fg-green-normal: var(--alpha-color-green-300);
174
- --alpha-color-fg-orange-dark: var(--alpha-color-orange-300);
175
- --alpha-color-fg-orange-light: var(--alpha-color-orange-300-45);
176
- --alpha-color-fg-orange-normal: var(--alpha-color-orange-300);
177
- --alpha-color-fg-red-dark: var(--alpha-color-red-300);
178
- --alpha-color-fg-red-light: var(--alpha-color-red-300-45);
179
- --alpha-color-fg-red-normal: var(--alpha-color-red-300);
180
- --alpha-color-fg-cobalt-dark: var(--alpha-color-cobalt-300);
181
- --alpha-color-fg-cobalt-light: var(--alpha-color-cobalt-300-45);
182
- --alpha-color-fg-cobalt-normal: var(--alpha-color-cobalt-300);
183
- --alpha-color-fg-blue-dark: var(--alpha-color-blue-300);
184
- --alpha-color-fg-blue-light: var(--alpha-color-blue-300-45);
185
- --alpha-color-fg-blue-normal: var(--alpha-color-blue-300);
186
- --alpha-color-fg-white-normal: var(--alpha-color-grey-900);
187
- --alpha-color-fg-black-lightest: var(--alpha-color-white-12);
188
- --alpha-color-fg-black-light: var(--alpha-color-white-20);
189
- --alpha-color-fg-black-dark: var(--alpha-color-white-40);
190
- --alpha-color-fg-black-darker: var(--alpha-color-white-60);
191
- --alpha-color-fg-black-darkest: var(--alpha-color-white-80);
192
- --alpha-color-fg-black-pure: var(--alpha-color-white-100);
193
- --alpha-color-success-fg-dark: var(--alpha-color-fg-green-dark);
194
- --alpha-color-success-fg-light: var(--alpha-color-fg-green-light);
195
- --alpha-color-success-fg-normal: var(--alpha-color-fg-green-normal);
196
- --alpha-color-success-bg-lightest: var(--alpha-color-bg-green-lightest);
197
- --alpha-color-success-bg-lighter: var(--alpha-color-bg-green-lighter);
198
- --alpha-color-success-bg-light: var(--alpha-color-bg-green-light);
199
- --alpha-color-success-bg-normal: var(--alpha-color-bg-green-normal);
200
- --alpha-color-success-bg-dark: var(--alpha-color-bg-green-dark);
201
- --alpha-color-accent-fg-dark: var(--alpha-color-fg-cobalt-dark);
202
- --alpha-color-accent-fg-light: var(--alpha-color-fg-cobalt-light);
203
- --alpha-color-accent-fg-normal: var(--alpha-color-fg-cobalt-normal);
204
- --alpha-color-accent-bg-lightest: var(--alpha-color-bg-cobalt-lightest);
205
- --alpha-color-accent-bg-lighter: var(--alpha-color-bg-cobalt-lighter);
206
- --alpha-color-accent-bg-light: var(--alpha-color-bg-cobalt-light);
207
- --alpha-color-accent-bg-normal: var(--alpha-color-bg-cobalt-normal);
208
- --alpha-color-accent-bg-dark: var(--alpha-color-bg-cobalt-dark);
209
- --alpha-color-warning-fg-dark: var(--alpha-color-fg-orange-dark);
210
- --alpha-color-warning-fg-light: var(--alpha-color-fg-orange-light);
211
- --alpha-color-warning-fg-normal: var(--alpha-color-fg-orange-normal);
212
- --alpha-color-warning-bg-lightest: var(--alpha-color-bg-orange-lightest);
213
- --alpha-color-warning-bg-lighter: var(--alpha-color-bg-orange-lighter);
214
- --alpha-color-warning-bg-light: var(--alpha-color-bg-orange-light);
215
- --alpha-color-warning-bg-normal: var(--alpha-color-bg-orange-normal);
216
- --alpha-color-warning-bg-dark: var(--alpha-color-bg-orange-dark);
217
- --alpha-color-critical-fg-dark: var(--alpha-color-fg-red-dark);
218
- --alpha-color-critical-fg-light: var(--alpha-color-fg-red-light);
219
- --alpha-color-critical-fg-normal: var(--alpha-color-fg-red-normal);
220
- --alpha-color-critical-bg-lightest: var(--alpha-color-bg-red-lightest);
221
- --alpha-color-critical-bg-lighter: var(--alpha-color-bg-red-lighter);
222
- --alpha-color-critical-bg-light: var(--alpha-color-bg-red-light);
223
- --alpha-color-critical-bg-normal: var(--alpha-color-fg-red-normal);
224
- --alpha-color-critical-bg-dark: var(--alpha-color-bg-red-dark);
225
- --alpha-color-primary-fg-dark: var(--alpha-color-fg-blue-dark);
226
- --alpha-color-primary-fg-light: var(--alpha-color-fg-blue-light);
227
- --alpha-color-primary-fg-normal: var(--alpha-color-fg-blue-normal);
228
- --alpha-color-primary-bg-dark: var(--alpha-color-bg-blue-dark);
229
- --alpha-color-primary-bg-lightest: var(--alpha-color-bg-blue-lightest);
230
- --alpha-color-primary-bg-lighter: var(--alpha-color-bg-blue-lighter);
231
- --alpha-color-primary-bg-light: var(--alpha-color-bg-blue-light);
232
- --alpha-color-primary-bg-normal: var(--alpha-color-bg-blue-normal);
233
- --alpha-color-dim-black-normal: var(--alpha-color-bg-absolute-black-lighter);
234
- --alpha-color-dim-black-light: var(--alpha-color-bg-absolute-black-lightest);
235
- --alpha-shadow-input-default: inset 0 0 0 1px var(--alpha-color-shadow-medium), 0 0 2px 0 var(--alpha-color-shadow-base);
236
- --alpha-shadow-6: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 12px 60px 4px var(--alpha-color-shadow-xlarge);
237
- --alpha-shadow-5: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 6px 40px 0 var(--alpha-color-shadow-xlarge);
238
- --alpha-shadow-4: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 4px 24px 0 var(--alpha-color-shadow-large);
239
- --alpha-shadow-3: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 4px 16px 0 var(--alpha-color-shadow-medium);
240
- --alpha-shadow-2: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 2px 6px 0 var(--alpha-color-shadow-small);
241
- --alpha-shadow-1: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 1px 2px 0 var(--alpha-color-shadow-small);
242
2
  --alpha-gradient-fg-black: linear-gradient(90deg, var(--alpha-color-bg-black-light) 0%, var(--alpha-color-bg-black-dark) 100%);
243
- --alpha-shadow-input-error: inset 0 0 0 1px var(--alpha-color-warning-bg-normal), 0 0 0 3px var(--alpha-color-warning-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base);
244
- --alpha-shadow-input-active: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 0 3px var(--alpha-color-primary-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base);
245
- --alpha-shadow-input-hover: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 6px 0 var(--alpha-color-shadow-base);
246
- --alpha-shadow-active: 0 0 0 1px var(--alpha-color-primary-bg-normal);
3
+ --alpha-shadow-1: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 1px 2px 0 var(--alpha-color-shadow-small);
4
+ --alpha-shadow-2: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 2px 6px 0 var(--alpha-color-shadow-small);
5
+ --alpha-shadow-3: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 4px 16px 0 var(--alpha-color-shadow-medium);
6
+ --alpha-shadow-4: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 4px 24px 0 var(--alpha-color-shadow-large);
7
+ --alpha-shadow-5: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 6px 40px 0 var(--alpha-color-shadow-xlarge);
8
+ --alpha-shadow-6: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 12px 60px 4px var(--alpha-color-shadow-xlarge);
247
9
  --alpha-shadow-error: 0 0 0 1px var(--alpha-color-warning-bg-normal);
248
- }
249
-
250
- [data-bezier-theme="dark"] {
251
- --alpha-color-dim-black-normal-hovered: #14141466;
252
- --alpha-color-dim-black-light-hovered: #14141433;
253
- --alpha-color-shadow-base-inner-hovered: #c8c8c81e;
254
- --alpha-color-shadow-base-hovered: #0a0a0a1e;
255
- --alpha-color-shadow-small-hovered: #0a0a0a39;
256
- --alpha-color-shadow-medium-hovered: #0a0a0a33;
257
- --alpha-color-shadow-large-hovered: #0a0a0a66;
258
- --alpha-color-shadow-xlarge-hovered: #0a0a0a99;
259
- --alpha-color-surface-normal-hovered: #2e2e33ff;
260
- --alpha-color-surface-lower-hovered: #343538ff;
261
- --alpha-color-surface-lowest-hovered: #3b3c3fff;
262
- --alpha-color-bg-absolute-white-lightest-hovered: #c8c8c833;
263
- --alpha-color-bg-absolute-white-lighter-hovered: #c8c8c866;
264
- --alpha-color-bg-absolute-white-light-hovered: #c8c8c899;
265
- --alpha-color-bg-absolute-white-normal-hovered: #c8c8c8e6;
266
- --alpha-color-bg-absolute-white-dark-hovered: #c8c8c8ff;
267
- --alpha-color-bg-absolute-black-lightest-hovered: #0a0a0a33;
268
- --alpha-color-bg-absolute-black-lighter-hovered: #0a0a0a66;
269
- --alpha-color-bg-absolute-black-light-hovered: #0a0a0a99;
270
- --alpha-color-bg-absolute-black-normal-hovered: #0a0a0ad9;
271
- --alpha-color-bg-absolute-black-dark-hovered: #0a0a0aff;
272
- --alpha-color-bg-navy-transparent-hovered: #838fdc1a;
273
- --alpha-color-bg-navy-shade-normal-hovered: #3b4167ff;
274
- --alpha-color-bg-navy-shade-light-hovered: #3b416766;
275
- --alpha-color-bg-navy-dark-hovered: #4353bfff;
276
- --alpha-color-bg-navy-lightest-hovered: #838fdc39;
277
- --alpha-color-bg-navy-lighter-hovered: #838fdc4d;
278
- --alpha-color-bg-navy-light-hovered: #838fdc73;
279
- --alpha-color-bg-navy-normal-hovered: #838fdcff;
280
- --alpha-color-bg-purple-transparent-hovered: #bf9aff1a;
281
- --alpha-color-bg-purple-shade-normal-hovered: #644890ff;
282
- --alpha-color-bg-purple-shade-light-hovered: #64489066;
283
- --alpha-color-bg-purple-dark-hovered: #9a66eeff;
284
- --alpha-color-bg-purple-lightest-hovered: #bf9aff39;
285
- --alpha-color-bg-purple-lighter-hovered: #bf9aff4d;
286
- --alpha-color-bg-purple-light-hovered: #bf9aff73;
287
- --alpha-color-bg-purple-normal-hovered: #bf9affff;
288
- --alpha-color-bg-pink-transparent-hovered: #f27fdb1a;
289
- --alpha-color-bg-pink-shade-normal-hovered: #994285ff;
290
- --alpha-color-bg-pink-shade-light-hovered: #99428566;
291
- --alpha-color-bg-pink-dark-hovered: #df58bfff;
292
- --alpha-color-bg-pink-lightest-hovered: #f27fdb39;
293
- --alpha-color-bg-pink-lighter-hovered: #f27fdb4d;
294
- --alpha-color-bg-pink-light-hovered: #f27fdb73;
295
- --alpha-color-bg-pink-normal-hovered: #f27fdbff;
296
- --alpha-color-bg-yellow-transparent-hovered: #face4a1a;
297
- --alpha-color-bg-yellow-shade-normal-hovered: #927a26ff;
298
- --alpha-color-bg-yellow-shade-light-hovered: #927a2666;
299
- --alpha-color-bg-yellow-dark-hovered: #f9b917ff;
300
- --alpha-color-bg-yellow-lightest-hovered: #face4a39;
301
- --alpha-color-bg-yellow-lighter-hovered: #face4a4d;
302
- --alpha-color-bg-yellow-light-hovered: #face4a73;
303
- --alpha-color-bg-yellow-normal-hovered: #face4aff;
304
- --alpha-color-bg-olive-transparent-hovered: #d2df3d1a;
305
- --alpha-color-bg-olive-shade-normal-hovered: #86893aff;
306
- --alpha-color-bg-olive-shade-light-hovered: #86893a66;
307
- --alpha-color-bg-olive-dark-hovered: #c1ca0cff;
308
- --alpha-color-bg-olive-lightest-hovered: #d2df3d39;
309
- --alpha-color-bg-olive-lighter-hovered: #d2df3d4d;
310
- --alpha-color-bg-olive-light-hovered: #d2df3d73;
311
- --alpha-color-bg-olive-normal-hovered: #d2df3dff;
312
- --alpha-color-bg-teal-transparent-hovered: #4cdccf1a;
313
- --alpha-color-bg-teal-shade-normal-hovered: #498390ff;
314
- --alpha-color-bg-teal-shade-light-hovered: #49839066;
315
- --alpha-color-bg-teal-dark-hovered: #0ac6c0ff;
316
- --alpha-color-bg-teal-lightest-hovered: #4cdccf39;
317
- --alpha-color-bg-teal-lighter-hovered: #4cdccf4d;
318
- --alpha-color-bg-teal-light-hovered: #4cdccf73;
319
- --alpha-color-bg-teal-normal-hovered: #4cdccfff;
320
- --alpha-color-bg-green-transparent-hovered: #74d68b39;
321
- --alpha-color-bg-green-shade-normal-hovered: #4f8d67ff;
322
- --alpha-color-bg-green-shade-light-hovered: #4f8d6766;
323
- --alpha-color-bg-green-dark-hovered: #41c16fff;
324
- --alpha-color-bg-green-lightest-hovered: #74d68b39;
325
- --alpha-color-bg-green-lighter-hovered: #74d68b4d;
326
- --alpha-color-bg-green-light-hovered: #74d68b73;
327
- --alpha-color-bg-green-normal-hovered: #74d68bff;
328
- --alpha-color-bg-orange-transparent-hovered: #ffae741a;
329
- --alpha-color-bg-orange-shade-normal-hovered: #9e6435ff;
330
- --alpha-color-bg-orange-shade-light-hovered: #9e643566;
331
- --alpha-color-bg-orange-dark-hovered: #ee8a39ff;
332
- --alpha-color-bg-orange-lightest-hovered: #ffae7439;
333
- --alpha-color-bg-orange-lighter-hovered: #ffae744d;
334
- --alpha-color-bg-orange-light-hovered: #ffae7473;
335
- --alpha-color-bg-orange-normal-hovered: #ffae74ff;
336
- --alpha-color-bg-red-transparent-hovered: #ffa2a21a;
337
- --alpha-color-bg-red-shade-normal-hovered: #a5434aff;
338
- --alpha-color-bg-red-shade-light-hovered: #a5434a66;
339
- --alpha-color-bg-red-dark-hovered: #ec6b6bff;
340
- --alpha-color-bg-red-lightest-hovered: #ffa2a239;
341
- --alpha-color-bg-red-lighter-hovered: #ffa2a24d;
342
- --alpha-color-bg-red-light-hovered: #ffa2a273;
343
- --alpha-color-bg-red-normal-hovered: #ffa2a2ff;
344
- --alpha-color-bg-cobalt-transparent-hovered: #83c4fa1a;
345
- --alpha-color-bg-cobalt-shade-normal-hovered: #4c6a99ff;
346
- --alpha-color-bg-cobalt-shade-light-hovered: #4c6a9966;
347
- --alpha-color-bg-cobalt-dark-hovered: #5f9eecff;
348
- --alpha-color-bg-cobalt-lightest-hovered: #83c4fa39;
349
- --alpha-color-bg-cobalt-lighter-hovered: #83c4fa4d;
350
- --alpha-color-bg-cobalt-light-hovered: #83c4fa73;
351
- --alpha-color-bg-cobalt-normal-hovered: #83c4faff;
352
- --alpha-color-bg-blue-transparent-hovered: #93aefb1a;
353
- --alpha-color-bg-blue-shade-normal-hovered: #4e569dff;
354
- --alpha-color-bg-blue-shade-light-hovered: #4e569d66;
355
- --alpha-color-bg-blue-dark-hovered: #8280fcff;
356
- --alpha-color-bg-blue-lightest-hovered: #93aefb39;
357
- --alpha-color-bg-blue-lighter-hovered: #93aefb4d;
358
- --alpha-color-bg-blue-light-hovered: #93aefb73;
359
- --alpha-color-bg-blue-normal-hovered: #93aefbff;
360
- --alpha-color-bg-white-white-alpha-transparent-hovered: #c8c8c81a;
361
- --alpha-color-bg-white-white-alpha-light-hovered: #0a0a0a33;
362
- --alpha-color-bg-white-white-alpha-lighter-hovered: #0a0a0a99;
363
- --alpha-color-bg-white-white-alpha-lightest-hovered: #3b3c3fcc;
364
- --alpha-color-bg-white-transparent-hovered: #c8c8c81a;
365
- --alpha-color-bg-white-normal-hovered: #2e2e33ff;
366
- --alpha-color-bg-white-higher-hovered: #3b3c3fff;
367
- --alpha-color-bg-white-highest-hovered: #505253ff;
368
- --alpha-color-bg-grey-normal-hovered: #868686ff;
369
- --alpha-color-bg-grey-grey-alpha-light-hovered: #343538cc;
370
- --alpha-color-bg-grey-grey-alpha-dark-hovered: #3b3c3fcc;
371
- --alpha-color-bg-grey-grey-alpha-darker-hovered: #3b3c3fe6;
372
- --alpha-color-bg-grey-grey-alpha-darkest-hovered: #505253cc;
373
- --alpha-color-bg-grey-transparent-hovered: #c8c8c81a;
374
- --alpha-color-bg-grey-lightest-hovered: #343538ff;
375
- --alpha-color-bg-grey-lighter-hovered: #3b3c3fff;
376
- --alpha-color-bg-grey-light-hovered: #505253ff;
377
- --alpha-color-bg-grey-dark-hovered: #b2b2b5ff;
378
- --alpha-color-bg-grey-darkest-hovered: #c8c8c8ff;
379
- --alpha-color-bg-black-transparent-hovered: #c8c8c81a;
380
- --alpha-color-bg-black-lightest-hovered: #c8c8c814;
381
- --alpha-color-bg-black-lighter-hovered: #c8c8c81e;
382
- --alpha-color-bg-black-light-hovered: #c8c8c82f;
383
- --alpha-color-bg-black-dark-hovered: #c8c8c833;
384
- --alpha-color-bg-black-darker-hovered: #c8c8c866;
385
- --alpha-color-bg-black-darkest-hovered: #0a0a0a99;
386
- --alpha-color-fg-grey-grey-alpha-light-hovered: #343538cc;
387
- --alpha-color-fg-grey-grey-alpha-dark-hovered: #3b3c3fcc;
388
- --alpha-color-fg-grey-grey-alpha-darker-hovered: #3b3c3fe6;
389
- --alpha-color-fg-grey-lightest-hovered: #343538ff;
390
- --alpha-color-fg-grey-lighter-hovered: #3b3c3fff;
391
- --alpha-color-fg-grey-light-hovered: #505253ff;
392
- --alpha-color-fg-grey-normal-hovered: #868686ff;
393
- --alpha-color-fg-grey-dark-hovered: #b2b2b5ff;
394
- --alpha-color-fg-absolute-white-lightest-hovered: #c8c8c833;
395
- --alpha-color-fg-absolute-white-lighter-hovered: #c8c8c866;
396
- --alpha-color-fg-absolute-white-light-hovered: #c8c8c899;
397
- --alpha-color-fg-absolute-white-normal-hovered: #c8c8c8e6;
398
- --alpha-color-fg-absolute-white-dark-hovered: #c8c8c8ff;
399
- --alpha-color-fg-absolute-black-lightest-hovered: #0a0a0a33;
400
- --alpha-color-fg-absolute-black-lighter-hovered: #0a0a0a66;
401
- --alpha-color-fg-absolute-black-light-hovered: #0a0a0a99;
402
- --alpha-color-fg-absolute-black-normal-hovered: #0a0a0ad9;
403
- --alpha-color-fg-absolute-black-dark-hovered: #0a0a0aff;
404
- --alpha-color-fg-navy-dark-hovered: #838fdcff;
405
- --alpha-color-fg-navy-light-hovered: #838fdc73;
406
- --alpha-color-fg-navy-normal-hovered: #838fdcff;
407
- --alpha-color-fg-purple-dark-hovered: #bf9affff;
408
- --alpha-color-fg-purple-light-hovered: #bf9aff73;
409
- --alpha-color-fg-purple-normal-hovered: #bf9affff;
410
- --alpha-color-fg-pink-dark-hovered: #f27fdbff;
411
- --alpha-color-fg-pink-light-hovered: #f27fdb73;
412
- --alpha-color-fg-pink-normal-hovered: #f27fdbff;
413
- --alpha-color-fg-yellow-dark-hovered: #face4aff;
414
- --alpha-color-fg-yellow-light-hovered: #face4a73;
415
- --alpha-color-fg-yellow-normal-hovered: #face4aff;
416
- --alpha-color-fg-olive-dark-hovered: #d2df3dff;
417
- --alpha-color-fg-olive-light-hovered: #d2df3d73;
418
- --alpha-color-fg-olive-normal-hovered: #d2df3dff;
419
- --alpha-color-fg-teal-dark-hovered: #4cdccfff;
420
- --alpha-color-fg-teal-light-hovered: #4cdccf73;
421
- --alpha-color-fg-teal-normal-hovered: #4cdccfff;
422
- --alpha-color-fg-green-dark-hovered: #74d68bff;
423
- --alpha-color-fg-green-light-hovered: #74d68b73;
424
- --alpha-color-fg-green-normal-hovered: #74d68bff;
425
- --alpha-color-fg-orange-dark-hovered: #ffae74ff;
426
- --alpha-color-fg-orange-light-hovered: #ffae7473;
427
- --alpha-color-fg-orange-normal-hovered: #ffae74ff;
428
- --alpha-color-fg-red-dark-hovered: #ffa2a2ff;
429
- --alpha-color-fg-red-light-hovered: #ffa2a273;
430
- --alpha-color-fg-red-normal-hovered: #ffa2a2ff;
431
- --alpha-color-fg-cobalt-dark-hovered: #83c4faff;
432
- --alpha-color-fg-cobalt-light-hovered: #83c4fa73;
433
- --alpha-color-fg-cobalt-normal-hovered: #83c4faff;
434
- --alpha-color-fg-blue-dark-hovered: #93aefbff;
435
- --alpha-color-fg-blue-light-hovered: #93aefb73;
436
- --alpha-color-fg-blue-normal-hovered: #93aefbff;
437
- --alpha-color-fg-white-normal-hovered: #2e2e33ff;
438
- --alpha-color-fg-black-lightest-hovered: #c8c8c82f;
439
- --alpha-color-fg-black-light-hovered: #c8c8c833;
440
- --alpha-color-fg-black-dark-hovered: #c8c8c866;
441
- --alpha-color-fg-black-darker-hovered: #c8c8c899;
442
- --alpha-color-fg-black-darkest-hovered: #c8c8c8cc;
10
+ --alpha-shadow-active: 0 0 0 1px var(--alpha-color-primary-bg-normal);
11
+ --alpha-shadow-input-default: inset 0 0 0 1px var(--alpha-color-shadow-medium), 0 0 2px 0 var(--alpha-color-shadow-base);
12
+ --alpha-shadow-input-hover: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 6px 0 var(--alpha-color-shadow-base);
13
+ --alpha-shadow-input-active: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 0 3px var(--alpha-color-primary-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base);
14
+ --alpha-shadow-input-error: inset 0 0 0 1px var(--alpha-color-warning-bg-normal), 0 0 0 3px var(--alpha-color-warning-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base);
15
+ --alpha-color-fg-black-pure: var(--alpha-color-white-100);
443
16
  --alpha-color-fg-black-pure-hovered: #c8c8c8ff;
444
- }
445
-
446
- :where(:root, :host) {
447
- --alpha-opacity-disabled: 0.4;
448
- --alpha-font-letter-spacing-3: 0.03rem;
449
- --alpha-font-letter-spacing-2: 0.02rem;
450
- --alpha-font-letter-spacing-1: 0.01rem;
451
- --alpha-font-letter-spacing-0: 0rem;
452
- --alpha-font-line-height-44: 4.4rem;
453
- --alpha-font-line-height-36: 3.6rem;
454
- --alpha-font-line-height-32: 3.2rem;
455
- --alpha-font-line-height-28: 2.8rem;
456
- --alpha-font-line-height-24: 2.4rem;
457
- --alpha-font-line-height-23: 2.3rem;
458
- --alpha-font-line-height-22: 2.2rem;
459
- --alpha-font-line-height-18: 1.8rem;
460
- --alpha-font-line-height-16: 1.6rem;
461
- --alpha-font-weight-bold: 700;
462
- --alpha-font-weight-semibold: 600;
463
- --alpha-font-weight-regular: 400;
464
- --alpha-font-size-15-5: 1.55rem;
465
- --alpha-font-size-36: 3.6rem;
466
- --alpha-font-size-30: 3rem;
467
- --alpha-font-size-24: 2.4rem;
468
- --alpha-font-size-22: 2.2rem;
469
- --alpha-font-size-18: 1.8rem;
470
- --alpha-font-size-17: 1.7rem;
471
- --alpha-font-size-16: 1.6rem;
472
- --alpha-font-size-15: 1.5rem;
473
- --alpha-font-size-14: 1.4rem;
474
- --alpha-font-size-13: 1.3rem;
475
- --alpha-font-size-12: 1.2rem;
476
- --alpha-font-size-11: 1.1rem;
477
- --alpha-font-family-mono: 'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace';
478
- --alpha-font-family-sans: 'Pretendard', 'NotoSansJP', 'system-ui', 'sans-serif';
479
- --alpha-dimension-m-1: -1px;
480
- --alpha-dimension-100-p: 100%;
481
- --alpha-dimension-42-p: 42%;
482
- --alpha-dimension-900: 900px;
483
- --alpha-dimension-800: 800px;
484
- --alpha-dimension-720: 720px;
485
- --alpha-dimension-640: 640px;
486
- --alpha-dimension-540: 540px;
487
- --alpha-dimension-420: 420px;
488
- --alpha-dimension-320: 320px;
489
- --alpha-dimension-240: 240px;
490
- --alpha-dimension-200: 200px;
491
- --alpha-dimension-160: 160px;
492
- --alpha-dimension-120: 120px;
493
- --alpha-dimension-90: 90px;
494
- --alpha-dimension-72: 72px;
495
- --alpha-dimension-60: 60px;
496
- --alpha-dimension-54: 54px;
497
- --alpha-dimension-48: 48px;
498
- --alpha-dimension-44: 44px;
499
- --alpha-dimension-42: 42px;
500
- --alpha-dimension-40: 40px;
501
- --alpha-dimension-36: 36px;
502
- --alpha-dimension-32: 32px;
503
- --alpha-dimension-30: 30px;
504
- --alpha-dimension-28: 28px;
505
- --alpha-dimension-24: 24px;
506
- --alpha-dimension-22: 22px;
507
- --alpha-dimension-20: 20px;
508
- --alpha-dimension-16: 16px;
509
- --alpha-dimension-14: 14px;
510
- --alpha-dimension-12: 12px;
511
- --alpha-dimension-10: 10px;
512
- --alpha-dimension-8: 8px;
513
- --alpha-dimension-7: 7px;
514
- --alpha-dimension-6: 6px;
515
- --alpha-dimension-4: 4px;
516
- --alpha-dimension-3: 3px;
517
- --alpha-dimension-2: 2px;
518
- --alpha-dimension-1: 1px;
519
- --alpha-color-shade-navy-600-40: #373b5666;
520
- --alpha-color-shade-navy-400-20: #5f69b033;
521
- --alpha-color-shade-navy-600: #373b56;
522
- --alpha-color-shade-navy-400: #5f69b0;
523
- --alpha-color-shade-purple-600-40: #5b467d66;
524
- --alpha-color-shade-purple-400-20: #9d6fe533;
525
- --alpha-color-shade-purple-600: #5b467d;
526
- --alpha-color-shade-purple-400: #9d6fe5;
527
- --alpha-color-shade-pink-600-40: #85407566;
528
- --alpha-color-shade-pink-400-20: #d369ba33;
529
- --alpha-color-shade-pink-600: #854075;
530
- --alpha-color-shade-pink-400: #d369ba;
531
- --alpha-color-shade-orange-600-40: #895a3466;
532
- --alpha-color-shade-orange-400-20: #e08c4833;
533
- --alpha-color-shade-orange-600: #895a34;
534
- --alpha-color-shade-orange-400: #e08c48;
535
- --alpha-color-shade-yellow-600-40: #7d6a2666;
536
- --alpha-color-shade-yellow-400-20: #e8ae3c33;
537
- --alpha-color-shade-yellow-600: #7d6a26;
538
- --alpha-color-shade-yellow-400: #e8ae3c;
539
- --alpha-color-shade-olive-600-40: #73763866;
540
- --alpha-color-shade-olive-400-20: #a5a95333;
541
- --alpha-color-shade-olive-600: #737638;
542
- --alpha-color-shade-olive-400: #a5a953;
543
- --alpha-color-shade-green-600-40: #4c7a5e66;
544
- --alpha-color-shade-green-400-20: #62af7c33;
545
- --alpha-color-shade-green-600: #4c7a5e;
546
- --alpha-color-shade-green-400: #62af7c;
547
- --alpha-color-shade-red-600-40: #90424866;
548
- --alpha-color-shade-red-400-20: #de687033;
549
- --alpha-color-shade-red-600: #904248;
550
- --alpha-color-shade-red-400: #de6870;
551
- --alpha-color-shade-teal-600-40: #47737d66;
552
- --alpha-color-shade-teal-400-20: #55aaa733;
553
- --alpha-color-shade-teal-600: #47737d;
554
- --alpha-color-shade-teal-400: #55aaa7;
555
- --alpha-color-shade-cobalt-600-40: #4a618566;
556
- --alpha-color-shade-cobalt-400-20: #57ace833;
557
- --alpha-color-shade-cobalt-600: #4a6185;
558
- --alpha-color-shade-cobalt-400: #57ace8;
559
- --alpha-color-shade-blue-600-40: #4c528966;
560
- --alpha-color-shade-blue-400-20: #7175e033;
561
- --alpha-color-shade-blue-600: #4c5289;
562
- --alpha-color-shade-blue-400: #7175e0;
563
- --alpha-color-grey-alpha-800-90: #313234e6;
564
- --alpha-color-grey-alpha-100-90: #f7f7f8e6;
565
- --alpha-color-grey-alpha-50-80: #fcfcfccc;
566
- --alpha-color-grey-alpha-100-80: #f7f7f8cc;
567
- --alpha-color-grey-alpha-200-80: #efeff0cc;
568
- --alpha-color-grey-alpha-700-80: #464748cc;
569
- --alpha-color-grey-alpha-800-80: #313234cc;
570
- --alpha-color-grey-alpha-850-80: #2a2b2dcc;
571
- --alpha-color-grey-alpha-900-90: #242428e6;
572
- --alpha-color-grey-900-0: #24242800;
573
- --alpha-color-grey-900: #242428;
574
- --alpha-color-grey-850: #2a2b2d;
575
- --alpha-color-grey-800: #313234;
576
- --alpha-color-grey-700: #464748;
577
- --alpha-color-grey-600: #7b7b7b;
578
- --alpha-color-grey-500: #a7a7aa;
579
- --alpha-color-grey-400: #cfcfd1;
580
- --alpha-color-grey-300: #e2e2e4;
581
- --alpha-color-grey-200: #efeff0;
582
- --alpha-color-grey-100: #f7f7f8;
583
- --alpha-color-grey-50: #fcfcfc;
584
- --alpha-color-olive-300-0: #c8d63000;
585
- --alpha-color-olive-300-15: #c8d63026;
586
- --alpha-color-olive-300-30: #c8d6304d;
587
- --alpha-color-olive-300-45: #c8d63073;
588
- --alpha-color-olive-400-0: #a9b11000;
589
- --alpha-color-olive-400-10: #a9b1101a;
590
- --alpha-color-olive-400-20: #a9b11033;
591
- --alpha-color-olive-400-30: #a9b1104d;
592
- --alpha-color-olive-600: #65691c;
593
- --alpha-color-olive-500: #7b801c;
594
- --alpha-color-olive-400: #a9b110;
595
- --alpha-color-olive-300: #c8d630;
596
- --alpha-color-olive-200: #dbe56e;
597
- --alpha-color-olive-100: #e7f17c;
598
- --alpha-color-teal-300-0: #40d3c500;
599
- --alpha-color-teal-300-15: #40d3c526;
600
- --alpha-color-teal-300-30: #40d3c54d;
601
- --alpha-color-teal-300-45: #40d3c573;
602
- --alpha-color-teal-400-0: #09b2ac00;
603
- --alpha-color-teal-400-10: #09b2ac1a;
604
- --alpha-color-teal-400-20: #09b2ac33;
605
- --alpha-color-teal-400-30: #09b2ac4d;
606
- --alpha-color-teal-600: #06687d;
607
- --alpha-color-teal-500: #068e95;
608
- --alpha-color-teal-400: #09b2ac;
609
- --alpha-color-teal-300: #40d3c5;
610
- --alpha-color-teal-200: #72e0d5;
611
- --alpha-color-teal-100: #9beee6;
612
- --alpha-color-navy-300-0: #7683d300;
613
- --alpha-color-navy-300-15: #7683d326;
614
- --alpha-color-navy-300-30: #7683d34d;
615
- --alpha-color-navy-300-45: #7683d373;
616
- --alpha-color-navy-400-0: #424fab00;
617
- --alpha-color-navy-400-10: #424fab1a;
618
- --alpha-color-navy-400-20: #424fab33;
619
- --alpha-color-navy-400-30: #424fab4d;
620
- --alpha-color-navy-600: #22245b;
621
- --alpha-color-navy-500: #353888;
622
- --alpha-color-navy-400: #424fab;
623
- --alpha-color-navy-300: #7683d3;
624
- --alpha-color-navy-200: #8b99d9;
625
- --alpha-color-navy-100: #a5b2ee;
626
- --alpha-color-purple-300-0: #b184ff00;
627
- --alpha-color-purple-300-15: #b184ff26;
628
- --alpha-color-purple-300-30: #b184ff4d;
629
- --alpha-color-purple-300-45: #b184ff73;
630
- --alpha-color-purple-400-0: #8e57e700;
631
- --alpha-color-purple-400-10: #8e57e71a;
632
- --alpha-color-purple-400-20: #8e57e733;
633
- --alpha-color-purple-400-30: #8e57e74d;
634
- --alpha-color-purple-600: #54278f;
635
- --alpha-color-purple-500: #6735b6;
636
- --alpha-color-purple-400: #8e57e7;
637
- --alpha-color-purple-300: #b184ff;
638
- --alpha-color-purple-200: #c19aff;
639
- --alpha-color-purple-100: #d1b5ff;
640
- --alpha-color-pink-300-0: #ec6fd300;
641
- --alpha-color-pink-300-15: #ec6fd326;
642
- --alpha-color-pink-300-30: #ec6fd34d;
643
- --alpha-color-pink-300-45: #ec6fd373;
644
- --alpha-color-pink-400-0: #d64bb500;
645
- --alpha-color-pink-400-10: #d64bb51a;
646
- --alpha-color-pink-400-20: #d64bb533;
647
- --alpha-color-pink-400-30: #d64bb54d;
648
- --alpha-color-pink-600: #962c86;
649
- --alpha-color-pink-500: #b0369e;
650
- --alpha-color-pink-400: #d64bb5;
651
- --alpha-color-pink-300: #ec6fd3;
652
- --alpha-color-pink-200: #f896e5;
653
- --alpha-color-pink-100: #ffafef;
654
- --alpha-color-yellow-300-0: #f9c83500;
655
- --alpha-color-yellow-300-15: #f9c83526;
656
- --alpha-color-yellow-300-30: #f9c8354d;
657
- --alpha-color-yellow-300-45: #f9c83573;
658
- --alpha-color-yellow-400-0: #edae0d00;
659
- --alpha-color-yellow-400-10: #edae0d1a;
660
- --alpha-color-yellow-400-20: #edae0d33;
661
- --alpha-color-yellow-400-30: #edae0d4d;
662
- --alpha-color-yellow-600: #9e7504;
663
- --alpha-color-yellow-500: #c38f00;
664
- --alpha-color-yellow-400: #edae0d;
665
- --alpha-color-yellow-300: #f9c835;
666
- --alpha-color-yellow-200: #fed968;
667
- --alpha-color-yellow-100: #ffe38f;
668
- --alpha-color-orange-300-0: #ffa15e00;
669
- --alpha-color-orange-300-15: #ffa15e26;
670
- --alpha-color-orange-300-30: #ffa15e4d;
671
- --alpha-color-orange-300-45: #ffa15e73;
672
- --alpha-color-orange-400-0: #e67f2b00;
673
- --alpha-color-orange-400-10: #e67f2b1a;
674
- --alpha-color-orange-400-20: #e67f2b33;
675
- --alpha-color-orange-400-30: #e67f2b4d;
676
- --alpha-color-orange-600: #a1540c;
677
- --alpha-color-orange-500: #c1630d;
678
- --alpha-color-orange-400: #e67f2b;
679
- --alpha-color-orange-300: #ffa15e;
680
- --alpha-color-orange-200: #ffb070;
681
- --alpha-color-orange-100: #ffc38f;
682
- --alpha-color-white-100: #ffffff;
683
- --alpha-color-white-90: #ffffffe6;
684
- --alpha-color-white-80: #ffffffcc;
685
- --alpha-color-white-60: #ffffff99;
686
- --alpha-color-white-40: #ffffff66;
687
- --alpha-color-white-20: #ffffff33;
688
- --alpha-color-white-12: #ffffff1f;
689
- --alpha-color-white-8: #ffffff14;
690
- --alpha-color-white-5: #ffffff0d;
691
- --alpha-color-white-0: #ffffff00;
692
- --alpha-color-black-100: #000000;
693
- --alpha-color-black-85: #000000d9;
694
- --alpha-color-black-70: #000000b3;
695
- --alpha-color-black-60: #00000099;
696
- --alpha-color-black-50: #00000080;
697
- --alpha-color-black-40: #00000066;
698
- --alpha-color-black-30: #0000004d;
699
- --alpha-color-black-22: #00000038;
700
- --alpha-color-black-20: #00000033;
701
- --alpha-color-black-15: #00000026;
702
- --alpha-color-black-8: #00000014;
703
- --alpha-color-black-5: #0000000d;
704
- --alpha-color-black-3: #00000008;
705
- --alpha-color-black-0: #00000000;
706
- --alpha-color-red-300-0: #ff8c8c00;
707
- --alpha-color-red-300-15: #ff8c8c26;
708
- --alpha-color-red-300-30: #ff8c8c4d;
709
- --alpha-color-red-300-45: #ff8c8c73;
710
- --alpha-color-red-400-0: #e55c5c00;
711
- --alpha-color-red-400-10: #e55c5c1a;
712
- --alpha-color-red-400-20: #e55c5c33;
713
- --alpha-color-red-400-30: #e55c5c4d;
714
- --alpha-color-red-600: #992c34;
715
- --alpha-color-red-500: #bc3a42;
716
- --alpha-color-red-400: #e55c5c;
717
- --alpha-color-red-300: #ff8c8c;
718
- --alpha-color-red-200: #ffa6a6;
719
- --alpha-color-red-100: #ffb8b8;
720
- --alpha-color-green-300-0: #68cc7f26;
721
- --alpha-color-green-300-15: #68cc7f26;
722
- --alpha-color-green-300-30: #68cc7f4d;
723
- --alpha-color-green-300-45: #68cc7f73;
724
- --alpha-color-green-400-0: #40ad6700;
725
- --alpha-color-green-400-10: #40ad671a;
726
- --alpha-color-green-400-20: #40ad6733;
727
- --alpha-color-green-400-30: #40ad674d;
728
- --alpha-color-green-600: #327055;
729
- --alpha-color-green-500: #358761;
730
- --alpha-color-green-400: #40ad67;
731
- --alpha-color-green-300: #68cc7f;
732
- --alpha-color-green-200: #84e09a;
733
- --alpha-color-green-100: #a4ecb3;
734
- --alpha-color-cobalt-300-0: #71b9f500;
735
- --alpha-color-cobalt-300-15: #71b9f526;
736
- --alpha-color-cobalt-300-30: #71b9f54d;
737
- --alpha-color-cobalt-300-45: #71b9f573;
738
- --alpha-color-cobalt-400-0: #5093e500;
739
- --alpha-color-cobalt-400-10: #5093e51a;
740
- --alpha-color-cobalt-400-20: #5093e533;
741
- --alpha-color-cobalt-400-30: #5093e54d;
742
- --alpha-color-cobalt-600: #2b59b5;
743
- --alpha-color-cobalt-500: #3870d1;
744
- --alpha-color-cobalt-400: #5093e5;
745
- --alpha-color-cobalt-300: #71b9f5;
746
- --alpha-color-cobalt-200: #8dcafc;
747
- --alpha-color-cobalt-100: #a1d5ff;
748
- --alpha-color-blue-300-0: #7d9efa00;
749
- --alpha-color-blue-300-15: #7d9efa26;
750
- --alpha-color-blue-300-30: #7d9efa4d;
751
- --alpha-color-blue-300-45: #7d9efa73;
752
- --alpha-color-blue-400-0: #6d6afc00;
753
- --alpha-color-blue-400-10: #6d6afc1a;
754
- --alpha-color-blue-400-20: #6d6afc33;
755
- --alpha-color-blue-400-30: #6d6afc4d;
756
- --alpha-color-blue-600: #4941bc;
757
- --alpha-color-blue-500: #5950dc;
758
- --alpha-color-blue-400: #6d6afc;
759
- --alpha-color-blue-300: #7d9efa;
760
- --alpha-color-blue-200: #96b7ff;
761
- --alpha-color-blue-100: #a9c6ff;
762
- --alpha-typography-caption-4-regular-letter-spacing: var(--alpha-font-letter-spacing-1);
763
- --alpha-typography-caption-4-regular-line-height: var(--alpha-font-line-height-16);
764
- --alpha-typography-caption-4-regular-font-size: var(--alpha-font-size-11);
765
- --alpha-typography-caption-4-regular-font-weight: var(--alpha-font-weight-regular);
766
- --alpha-typography-caption-4-semibold-letter-spacing: var(--alpha-font-letter-spacing-1);
767
- --alpha-typography-caption-4-semibold-line-height: var(--alpha-font-line-height-16);
768
- --alpha-typography-caption-4-semibold-font-size: var(--alpha-font-size-11);
769
- --alpha-typography-caption-4-semibold-font-weight: var(--alpha-font-weight-semibold);
770
- --alpha-typography-caption-3-regular-letter-spacing: var(--alpha-font-letter-spacing-2);
771
- --alpha-typography-caption-3-regular-line-height: var(--alpha-font-line-height-16);
772
- --alpha-typography-caption-3-regular-font-size: var(--alpha-font-size-12);
773
- --alpha-typography-caption-3-regular-font-weight: var(--alpha-font-weight-regular);
774
- --alpha-typography-caption-3-semibold-letter-spacing: var(--alpha-font-letter-spacing-2);
775
- --alpha-typography-caption-3-semibold-line-height: var(--alpha-font-line-height-16);
776
- --alpha-typography-caption-3-semibold-font-size: var(--alpha-font-size-12);
777
- --alpha-typography-caption-3-semibold-font-weight: var(--alpha-font-weight-semibold);
778
- --alpha-typography-caption-2-regular-letter-spacing: var(--alpha-font-letter-spacing-2);
779
- --alpha-typography-caption-2-regular-line-height: var(--alpha-font-line-height-18);
780
- --alpha-typography-caption-2-regular-font-size: var(--alpha-font-size-13);
781
- --alpha-typography-caption-2-regular-font-weight: var(--alpha-font-weight-regular);
782
- --alpha-typography-caption-2-semibold-letter-spacing: var(--alpha-font-letter-spacing-2);
783
- --alpha-typography-caption-2-semibold-line-height: var(--alpha-font-line-height-18);
784
- --alpha-typography-caption-2-semibold-font-size: var(--alpha-font-size-13);
785
- --alpha-typography-caption-2-semibold-font-weight: var(--alpha-font-weight-semibold);
786
- --alpha-typography-caption-1-regular-letter-spacing: var(--alpha-font-letter-spacing-2);
787
- --alpha-typography-caption-1-regular-line-height: var(--alpha-font-line-height-18);
788
- --alpha-typography-caption-1-regular-font-size: var(--alpha-font-size-14);
789
- --alpha-typography-caption-1-regular-font-weight: var(--alpha-font-weight-regular);
790
- --alpha-typography-caption-1-semibold-letter-spacing: var(--alpha-font-letter-spacing-2);
791
- --alpha-typography-caption-1-semibold-line-height: var(--alpha-font-line-height-18);
792
- --alpha-typography-caption-1-semibold-font-size: var(--alpha-font-size-14);
793
- --alpha-typography-caption-1-semibold-font-weight: var(--alpha-font-weight-semibold);
794
- --alpha-typography-body-2-regular-letter-spacing: var(--alpha-font-letter-spacing-1);
795
- --alpha-typography-body-2-regular-line-height: var(--alpha-font-line-height-22);
796
- --alpha-typography-body-2-regular-font-size: var(--alpha-font-size-15);
797
- --alpha-typography-body-2-regular-font-weight: var(--alpha-font-weight-regular);
798
- --alpha-typography-body-2-semibold-letter-spacing: var(--alpha-font-letter-spacing-2);
799
- --alpha-typography-body-2-semibold-line-height: var(--alpha-font-line-height-22);
800
- --alpha-typography-body-2-semibold-font-size: var(--alpha-font-size-15);
801
- --alpha-typography-body-2-semibold-font-weight: var(--alpha-font-weight-semibold);
802
- --alpha-typography-body-1-regular-letter-spacing: var(--alpha-font-letter-spacing-1);
803
- --alpha-typography-body-1-regular-line-height: var(--alpha-font-line-height-24);
804
- --alpha-typography-body-1-regular-font-size: var(--alpha-font-size-16);
805
- --alpha-typography-body-1-regular-font-weight: var(--alpha-font-weight-regular);
806
- --alpha-typography-body-1-semibold-letter-spacing: var(--alpha-font-letter-spacing-2);
807
- --alpha-typography-body-1-semibold-line-height: var(--alpha-font-line-height-24);
808
- --alpha-typography-body-1-semibold-font-size: var(--alpha-font-size-16);
809
- --alpha-typography-body-1-semibold-font-weight: var(--alpha-font-weight-semibold);
810
- --alpha-typography-title-3-semibold-letter-spacing: var(--alpha-font-letter-spacing-3);
811
- --alpha-typography-title-3-semibold-line-height: var(--alpha-font-line-height-24);
812
- --alpha-typography-title-3-semibold-font-size: var(--alpha-font-size-16);
813
- --alpha-typography-title-3-semibold-font-weight: var(--alpha-font-weight-semibold);
814
- --alpha-typography-title-2-semibold-letter-spacing: var(--alpha-font-letter-spacing-2);
815
- --alpha-typography-title-2-semibold-line-height: var(--alpha-font-line-height-24);
816
- --alpha-typography-title-2-semibold-font-size: var(--alpha-font-size-18);
817
- --alpha-typography-title-2-semibold-font-weight: var(--alpha-font-weight-semibold);
818
- --alpha-typography-title-2-bold-letter-spacing: var(--alpha-font-letter-spacing-2);
819
- --alpha-typography-title-2-bold-line-height: var(--alpha-font-line-height-24);
820
- --alpha-typography-title-2-bold-font-size: var(--alpha-font-size-18);
821
- --alpha-typography-title-2-bold-font-weight: var(--alpha-font-weight-bold);
822
- --alpha-typography-title-1-bold-letter-spacing: var(--alpha-font-letter-spacing-2);
823
- --alpha-typography-title-1-bold-line-height: var(--alpha-font-line-height-28);
824
- --alpha-typography-title-1-bold-font-size: var(--alpha-font-size-22);
825
- --alpha-typography-title-1-bold-font-weight: var(--alpha-font-weight-bold);
826
- --alpha-typography-h3-regular-letter-spacing: var(--alpha-font-letter-spacing-0);
827
- --alpha-typography-h3-regular-line-height: var(--alpha-font-line-height-32);
828
- --alpha-typography-h3-regular-font-size: var(--alpha-font-size-24);
829
- --alpha-typography-h3-regular-font-weight: var(--alpha-font-weight-regular);
830
- --alpha-typography-h3-bold-letter-spacing: var(--alpha-font-letter-spacing-0);
831
- --alpha-typography-h3-bold-line-height: var(--alpha-font-line-height-32);
832
- --alpha-typography-h3-bold-font-size: var(--alpha-font-size-24);
833
- --alpha-typography-h3-bold-font-weight: var(--alpha-font-weight-bold);
834
- --alpha-typography-h2-regular-letter-spacing: var(--alpha-font-letter-spacing-0);
835
- --alpha-typography-h2-regular-line-height: var(--alpha-font-line-height-36);
836
- --alpha-typography-h2-regular-font-size: var(--alpha-font-size-30);
837
- --alpha-typography-h2-regular-font-weight: var(--alpha-font-weight-regular);
838
- --alpha-typography-h2-bold-letter-spacing: var(--alpha-font-letter-spacing-0);
839
- --alpha-typography-h2-bold-line-height: var(--alpha-font-line-height-36);
840
- --alpha-typography-h2-bold-font-size: var(--alpha-font-size-30);
841
- --alpha-typography-h2-bold-font-weight: var(--alpha-font-weight-bold);
842
- --alpha-typography-h1-bold-letter-spacing: var(--alpha-font-letter-spacing-0);
843
- --alpha-typography-h1-bold-line-height: var(--alpha-font-line-height-44);
844
- --alpha-typography-h1-bold-font-size: var(--alpha-font-size-36);
845
- --alpha-typography-h1-bold-font-weight: var(--alpha-font-weight-bold);
846
- --alpha-typography-message-letter-spacing: var(--alpha-font-letter-spacing-2);
847
- --alpha-typography-message-line-height: var(--alpha-font-line-height-23);
848
- --alpha-typography-message-font-size: var(--alpha-font-size-15-5);
849
- --alpha-typography-message-font-weight: var(--alpha-font-weight-regular);
850
- --alpha-gradient-fg-green: linear-gradient(90deg, var(--alpha-color-green-400) 0%, var(--alpha-color-green-300) 100%);
851
- --alpha-gradient-bg-blue: linear-gradient(90deg, var(--alpha-color-blue-300) 50%, var(--alpha-color-green-200) 100%);
852
- --alpha-gradient-bg-green: linear-gradient(90deg, var(--alpha-color-green-300) 50%, var(--alpha-color-teal-200) 100%);
853
- --alpha-gradient-bg-orange: linear-gradient(90deg, var(--alpha-color-orange-300) 50%, var(--alpha-color-yellow-200) 100%);
854
- --alpha-gradient-bg-purple: linear-gradient(90deg, var(--alpha-color-purple-300) 50%, var(--alpha-color-pink-200) 100%);
855
- --alpha-dimension-source-120: var(--alpha-dimension-120);
856
- --alpha-dimension-source-90: var(--alpha-dimension-90);
857
- --alpha-dimension-source-72: var(--alpha-dimension-72);
858
- --alpha-dimension-source-60: var(--alpha-dimension-60);
859
- --alpha-dimension-source-48: var(--alpha-dimension-48);
860
- --alpha-dimension-source-42: var(--alpha-dimension-42);
861
- --alpha-dimension-source-36: var(--alpha-dimension-36);
862
- --alpha-dimension-source-30: var(--alpha-dimension-30);
863
- --alpha-dimension-source-24: var(--alpha-dimension-24);
864
- --alpha-dimension-source-20: var(--alpha-dimension-20);
865
- --alpha-dimension-source-16: var(--alpha-dimension-16);
866
- --alpha-dimension-source-12: var(--alpha-dimension-12);
17
+ --alpha-color-fg-black-darkest: var(--alpha-color-white-80);
18
+ --alpha-color-fg-black-darkest-hovered: #c8c8c8cc;
19
+ --alpha-color-fg-black-darker: var(--alpha-color-white-60);
20
+ --alpha-color-fg-black-darker-hovered: #c8c8c899;
21
+ --alpha-color-fg-black-dark: var(--alpha-color-white-40);
22
+ --alpha-color-fg-black-dark-hovered: #c8c8c866;
23
+ --alpha-color-fg-black-light: var(--alpha-color-white-20);
24
+ --alpha-color-fg-black-light-hovered: #c8c8c84d;
25
+ --alpha-color-fg-black-lightest: var(--alpha-color-white-12);
26
+ --alpha-color-fg-black-lightest-hovered: #c8c8c82f;
27
+ --alpha-color-fg-white-normal: var(--alpha-color-grey-900);
28
+ --alpha-color-fg-white-normal-hovered: #2e2e33ff;
29
+ --alpha-color-fg-blue-normal: var(--alpha-color-blue-300);
30
+ --alpha-color-fg-blue-normal-hovered: #93aefbff;
31
+ --alpha-color-fg-blue-light: var(--alpha-color-blue-300-45);
32
+ --alpha-color-fg-blue-light-hovered: #93aefb73;
33
+ --alpha-color-fg-blue-dark: var(--alpha-color-blue-300);
34
+ --alpha-color-fg-blue-dark-hovered: #93aefbff;
35
+ --alpha-color-fg-cobalt-normal: var(--alpha-color-cobalt-300);
36
+ --alpha-color-fg-cobalt-normal-hovered: #83c4faff;
37
+ --alpha-color-fg-cobalt-light: var(--alpha-color-cobalt-300-45);
38
+ --alpha-color-fg-cobalt-light-hovered: #83c4fa73;
39
+ --alpha-color-fg-cobalt-dark: var(--alpha-color-cobalt-300);
40
+ --alpha-color-fg-cobalt-dark-hovered: #83c4faff;
41
+ --alpha-color-fg-red-normal: var(--alpha-color-red-300);
42
+ --alpha-color-fg-red-normal-hovered: #ffa2a2ff;
43
+ --alpha-color-fg-red-light: var(--alpha-color-red-300-45);
44
+ --alpha-color-fg-red-light-hovered: #ffa2a273;
45
+ --alpha-color-fg-red-dark: var(--alpha-color-red-300);
46
+ --alpha-color-fg-red-dark-hovered: #ffa2a2ff;
47
+ --alpha-color-fg-orange-normal: var(--alpha-color-orange-300);
48
+ --alpha-color-fg-orange-normal-hovered: #ffae74ff;
49
+ --alpha-color-fg-orange-light: var(--alpha-color-orange-300-45);
50
+ --alpha-color-fg-orange-light-hovered: #ffae7473;
51
+ --alpha-color-fg-orange-dark: var(--alpha-color-orange-300);
52
+ --alpha-color-fg-orange-dark-hovered: #ffae74ff;
53
+ --alpha-color-fg-green-normal: var(--alpha-color-green-300);
54
+ --alpha-color-fg-green-normal-hovered: #74d68bff;
55
+ --alpha-color-fg-green-light: var(--alpha-color-green-300-45);
56
+ --alpha-color-fg-green-light-hovered: #74d68b73;
57
+ --alpha-color-fg-green-dark: var(--alpha-color-green-300);
58
+ --alpha-color-fg-green-dark-hovered: #74d68bff;
59
+ --alpha-color-fg-teal-normal: var(--alpha-color-teal-300);
60
+ --alpha-color-fg-teal-normal-hovered: #4cdccfff;
61
+ --alpha-color-fg-teal-light: var(--alpha-color-teal-300-45);
62
+ --alpha-color-fg-teal-light-hovered: #4cdccf73;
63
+ --alpha-color-fg-teal-dark: var(--alpha-color-teal-300);
64
+ --alpha-color-fg-teal-dark-hovered: #4cdccfff;
65
+ --alpha-color-fg-olive-normal: var(--alpha-color-olive-300);
66
+ --alpha-color-fg-olive-normal-hovered: #d2df3dff;
67
+ --alpha-color-fg-olive-light: var(--alpha-color-olive-300-45);
68
+ --alpha-color-fg-olive-light-hovered: #d2df3d73;
69
+ --alpha-color-fg-olive-dark: var(--alpha-color-olive-300);
70
+ --alpha-color-fg-olive-dark-hovered: #d2df3dff;
71
+ --alpha-color-fg-yellow-normal: var(--alpha-color-yellow-300);
72
+ --alpha-color-fg-yellow-normal-hovered: #face4aff;
73
+ --alpha-color-fg-yellow-light: var(--alpha-color-yellow-300-45);
74
+ --alpha-color-fg-yellow-light-hovered: #face4a73;
75
+ --alpha-color-fg-yellow-dark: var(--alpha-color-yellow-300);
76
+ --alpha-color-fg-yellow-dark-hovered: #face4aff;
77
+ --alpha-color-fg-pink-normal: var(--alpha-color-pink-300);
78
+ --alpha-color-fg-pink-normal-hovered: #f27fdbff;
79
+ --alpha-color-fg-pink-light: var(--alpha-color-pink-300-45);
80
+ --alpha-color-fg-pink-light-hovered: #f27fdb73;
81
+ --alpha-color-fg-pink-dark: var(--alpha-color-pink-300);
82
+ --alpha-color-fg-pink-dark-hovered: #f27fdbff;
83
+ --alpha-color-fg-purple-normal: var(--alpha-color-purple-300);
84
+ --alpha-color-fg-purple-normal-hovered: #bf9affff;
85
+ --alpha-color-fg-purple-light: var(--alpha-color-purple-300-45);
86
+ --alpha-color-fg-purple-light-hovered: #bf9aff73;
87
+ --alpha-color-fg-purple-dark: var(--alpha-color-purple-300);
88
+ --alpha-color-fg-purple-dark-hovered: #bf9affff;
89
+ --alpha-color-fg-navy-normal: var(--alpha-color-navy-300);
90
+ --alpha-color-fg-navy-normal-hovered: #838fdcff;
91
+ --alpha-color-fg-navy-light: var(--alpha-color-navy-300-45);
92
+ --alpha-color-fg-navy-light-hovered: #838fdc73;
93
+ --alpha-color-fg-navy-dark: var(--alpha-color-navy-300);
94
+ --alpha-color-fg-navy-dark-hovered: #838fdcff;
95
+ --alpha-color-fg-absolute-black-dark: var(--alpha-color-black-100);
96
+ --alpha-color-fg-absolute-black-dark-hovered: #0a0a0aff;
97
+ --alpha-color-fg-absolute-black-normal: var(--alpha-color-black-85);
98
+ --alpha-color-fg-absolute-black-normal-hovered: #0a0a0ad9;
99
+ --alpha-color-fg-absolute-black-light: var(--alpha-color-black-60);
100
+ --alpha-color-fg-absolute-black-light-hovered: #0a0a0a99;
101
+ --alpha-color-fg-absolute-black-lighter: var(--alpha-color-black-40);
102
+ --alpha-color-fg-absolute-black-lighter-hovered: #0a0a0a66;
103
+ --alpha-color-fg-absolute-black-lightest: var(--alpha-color-black-20);
104
+ --alpha-color-fg-absolute-black-lightest-hovered: #0a0a0a4d;
105
+ --alpha-color-fg-absolute-white-dark: var(--alpha-color-white-100);
106
+ --alpha-color-fg-absolute-white-dark-hovered: #c8c8c8ff;
107
+ --alpha-color-fg-absolute-white-normal: var(--alpha-color-white-90);
108
+ --alpha-color-fg-absolute-white-normal-hovered: #c8c8c8e6;
109
+ --alpha-color-fg-absolute-white-light: var(--alpha-color-white-60);
110
+ --alpha-color-fg-absolute-white-light-hovered: #c8c8c899;
111
+ --alpha-color-fg-absolute-white-lighter: var(--alpha-color-white-40);
112
+ --alpha-color-fg-absolute-white-lighter-hovered: #c8c8c866;
113
+ --alpha-color-fg-absolute-white-lightest: var(--alpha-color-white-20);
114
+ --alpha-color-fg-absolute-white-lightest-hovered: #c8c8c84d;
115
+ --alpha-color-fg-grey-dark: var(--alpha-color-grey-500);
116
+ --alpha-color-fg-grey-dark-hovered: #b2b2b5ff;
117
+ --alpha-color-fg-grey-normal: var(--alpha-color-grey-600);
118
+ --alpha-color-fg-grey-normal-hovered: #868686ff;
119
+ --alpha-color-fg-grey-light: var(--alpha-color-grey-700);
120
+ --alpha-color-fg-grey-light-hovered: #505253ff;
121
+ --alpha-color-fg-grey-lighter: var(--alpha-color-grey-800);
122
+ --alpha-color-fg-grey-lighter-hovered: #3b3c3fff;
123
+ --alpha-color-fg-grey-lightest: var(--alpha-color-grey-850);
124
+ --alpha-color-fg-grey-lightest-hovered: #343538ff;
125
+ --alpha-color-fg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-800-90);
126
+ --alpha-color-fg-grey-grey-alpha-darker-hovered: #3b3c3fe6;
127
+ --alpha-color-fg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-800-80);
128
+ --alpha-color-fg-grey-grey-alpha-dark-hovered: #3b3c3fcc;
129
+ --alpha-color-fg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-850-80);
130
+ --alpha-color-fg-grey-grey-alpha-light-hovered: #343538cc;
131
+ --alpha-color-bg-black-darkest: var(--alpha-color-black-60);
132
+ --alpha-color-bg-black-darkest-hovered: #0a0a0a99;
133
+ --alpha-color-bg-black-darker: var(--alpha-color-white-40);
134
+ --alpha-color-bg-black-darker-hovered: #c8c8c866;
135
+ --alpha-color-bg-black-dark: var(--alpha-color-white-20);
136
+ --alpha-color-bg-black-dark-hovered: #c8c8c84d;
137
+ --alpha-color-bg-black-light: var(--alpha-color-white-12);
138
+ --alpha-color-bg-black-light-hovered: #c8c8c82f;
139
+ --alpha-color-bg-black-lighter: var(--alpha-color-white-8);
140
+ --alpha-color-bg-black-lighter-hovered: #c8c8c81e;
141
+ --alpha-color-bg-black-lightest: var(--alpha-color-white-5);
142
+ --alpha-color-bg-black-lightest-hovered: #c8c8c814;
143
+ --alpha-color-bg-black-transparent: var(--alpha-color-white-0);
144
+ --alpha-color-bg-black-transparent-hovered: #ffffff1a;
145
+ --alpha-color-bg-grey-darkest: var(--alpha-color-white-100);
146
+ --alpha-color-bg-grey-darkest-hovered: #c8c8c8ff;
147
+ --alpha-color-bg-grey-dark: var(--alpha-color-grey-500);
148
+ --alpha-color-bg-grey-dark-hovered: #b2b2b5ff;
149
+ --alpha-color-bg-grey-light: var(--alpha-color-grey-700);
150
+ --alpha-color-bg-grey-light-hovered: #505253ff;
151
+ --alpha-color-bg-grey-lighter: var(--alpha-color-grey-800);
152
+ --alpha-color-bg-grey-lighter-hovered: #3b3c3fff;
153
+ --alpha-color-bg-grey-lightest: var(--alpha-color-grey-850);
154
+ --alpha-color-bg-grey-lightest-hovered: #343538ff;
155
+ --alpha-color-bg-grey-transparent: var(--alpha-color-white-0);
156
+ --alpha-color-bg-grey-transparent-hovered: #ffffff1a;
157
+ --alpha-color-bg-grey-grey-alpha-darkest: var(--alpha-color-grey-alpha-700-80);
158
+ --alpha-color-bg-grey-grey-alpha-darkest-hovered: #505253cc;
159
+ --alpha-color-bg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-800-90);
160
+ --alpha-color-bg-grey-grey-alpha-darker-hovered: #3b3c3fe6;
161
+ --alpha-color-bg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-800-80);
162
+ --alpha-color-bg-grey-grey-alpha-dark-hovered: #3b3c3fcc;
163
+ --alpha-color-bg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-850-80);
164
+ --alpha-color-bg-grey-grey-alpha-light-hovered: #343538cc;
165
+ --alpha-color-bg-grey-normal: var(--alpha-color-grey-600);
166
+ --alpha-color-bg-grey-normal-hovered: #868686ff;
167
+ --alpha-color-bg-white-highest: var(--alpha-color-grey-700);
168
+ --alpha-color-bg-white-highest-hovered: #505253ff;
169
+ --alpha-color-bg-white-higher: var(--alpha-color-grey-800);
170
+ --alpha-color-bg-white-higher-hovered: #3b3c3fff;
171
+ --alpha-color-bg-white-normal: var(--alpha-color-grey-900);
172
+ --alpha-color-bg-white-normal-hovered: #2e2e33ff;
173
+ --alpha-color-bg-white-transparent: var(--alpha-color-white-0);
174
+ --alpha-color-bg-white-transparent-hovered: #ffffff1a;
175
+ --alpha-color-bg-white-white-alpha-lightest: var(--alpha-color-grey-alpha-800-80);
176
+ --alpha-color-bg-white-white-alpha-lightest-hovered: #3b3c3fcc;
177
+ --alpha-color-bg-white-white-alpha-lighter: var(--alpha-color-black-60);
178
+ --alpha-color-bg-white-white-alpha-lighter-hovered: #0a0a0a99;
179
+ --alpha-color-bg-white-white-alpha-light: var(--alpha-color-black-20);
180
+ --alpha-color-bg-white-white-alpha-light-hovered: #0a0a0a4d;
181
+ --alpha-color-bg-white-white-alpha-transparent: var(--alpha-color-black-0);
182
+ --alpha-color-bg-white-white-alpha-transparent-hovered: #0000001a;
183
+ --alpha-color-bg-blue-normal: var(--alpha-color-blue-300);
184
+ --alpha-color-bg-blue-normal-hovered: #93aefbff;
185
+ --alpha-color-bg-blue-light: var(--alpha-color-blue-300-45);
186
+ --alpha-color-bg-blue-light-hovered: #93aefb73;
187
+ --alpha-color-bg-blue-lighter: var(--alpha-color-blue-300-30);
188
+ --alpha-color-bg-blue-lighter-hovered: #93aefb4d;
189
+ --alpha-color-bg-blue-lightest: var(--alpha-color-blue-300-15);
190
+ --alpha-color-bg-blue-lightest-hovered: #93aefb39;
191
+ --alpha-color-bg-blue-dark: var(--alpha-color-blue-400);
192
+ --alpha-color-bg-blue-dark-hovered: #8280fcff;
193
+ --alpha-color-bg-blue-shade-lighter: var(--alpha-color-shade-blue-600-40);
194
+ --alpha-color-bg-blue-shade-lighter-hovered: #4e569d66;
195
+ --alpha-color-bg-blue-shade-normal: var(--alpha-color-shade-blue-600);
196
+ --alpha-color-bg-blue-shade-normal-hovered: #4e569dff;
197
+ --alpha-color-bg-blue-transparent: var(--alpha-color-blue-300-0);
198
+ --alpha-color-bg-blue-transparent-hovered: #7d9efa1a;
199
+ --alpha-color-bg-cobalt-normal: var(--alpha-color-cobalt-300);
200
+ --alpha-color-bg-cobalt-normal-hovered: #83c4faff;
201
+ --alpha-color-bg-cobalt-light: var(--alpha-color-cobalt-300-45);
202
+ --alpha-color-bg-cobalt-light-hovered: #83c4fa73;
203
+ --alpha-color-bg-cobalt-lighter: var(--alpha-color-cobalt-300-30);
204
+ --alpha-color-bg-cobalt-lighter-hovered: #83c4fa4d;
205
+ --alpha-color-bg-cobalt-lightest: var(--alpha-color-cobalt-300-15);
206
+ --alpha-color-bg-cobalt-lightest-hovered: #83c4fa39;
207
+ --alpha-color-bg-cobalt-dark: var(--alpha-color-cobalt-400);
208
+ --alpha-color-bg-cobalt-dark-hovered: #5f9eecff;
209
+ --alpha-color-bg-cobalt-shade-lighter: var(--alpha-color-shade-cobalt-600-40);
210
+ --alpha-color-bg-cobalt-shade-lighter-hovered: #4c6a9966;
211
+ --alpha-color-bg-cobalt-shade-normal: var(--alpha-color-shade-cobalt-600);
212
+ --alpha-color-bg-cobalt-shade-normal-hovered: #4c6a99ff;
213
+ --alpha-color-bg-cobalt-transparent: var(--alpha-color-cobalt-300-0);
214
+ --alpha-color-bg-cobalt-transparent-hovered: #71b9f51a;
215
+ --alpha-color-bg-red-normal: var(--alpha-color-red-300);
216
+ --alpha-color-bg-red-normal-hovered: #ffa2a2ff;
217
+ --alpha-color-bg-red-light: var(--alpha-color-red-300-45);
218
+ --alpha-color-bg-red-light-hovered: #ffa2a273;
219
+ --alpha-color-bg-red-lighter: var(--alpha-color-red-300-30);
220
+ --alpha-color-bg-red-lighter-hovered: #ffa2a24d;
221
+ --alpha-color-bg-red-lightest: var(--alpha-color-red-300-15);
222
+ --alpha-color-bg-red-lightest-hovered: #ffa2a239;
223
+ --alpha-color-bg-red-dark: var(--alpha-color-red-400);
224
+ --alpha-color-bg-red-dark-hovered: #ec6b6bff;
225
+ --alpha-color-bg-red-shade-lighter: var(--alpha-color-shade-red-600-40);
226
+ --alpha-color-bg-red-shade-lighter-hovered: #a5434a66;
227
+ --alpha-color-bg-red-shade-normal: var(--alpha-color-shade-red-600);
228
+ --alpha-color-bg-red-shade-normal-hovered: #a5434aff;
229
+ --alpha-color-bg-red-transparent: var(--alpha-color-red-300-0);
230
+ --alpha-color-bg-red-transparent-hovered: #ff8c8c1a;
231
+ --alpha-color-bg-orange-normal: var(--alpha-color-orange-300);
232
+ --alpha-color-bg-orange-normal-hovered: #ffae74ff;
233
+ --alpha-color-bg-orange-light: var(--alpha-color-orange-300-45);
234
+ --alpha-color-bg-orange-light-hovered: #ffae7473;
235
+ --alpha-color-bg-orange-lighter: var(--alpha-color-orange-300-30);
236
+ --alpha-color-bg-orange-lighter-hovered: #ffae744d;
237
+ --alpha-color-bg-orange-lightest: var(--alpha-color-orange-300-15);
238
+ --alpha-color-bg-orange-lightest-hovered: #ffae7439;
239
+ --alpha-color-bg-orange-dark: var(--alpha-color-orange-400);
240
+ --alpha-color-bg-orange-dark-hovered: #ee8a39ff;
241
+ --alpha-color-bg-orange-shade-lighter: var(--alpha-color-shade-orange-600-40);
242
+ --alpha-color-bg-orange-shade-lighter-hovered: #9e643566;
243
+ --alpha-color-bg-orange-shade-normal: var(--alpha-color-shade-orange-600);
244
+ --alpha-color-bg-orange-shade-normal-hovered: #9e6435ff;
245
+ --alpha-color-bg-orange-transparent: var(--alpha-color-orange-300-0);
246
+ --alpha-color-bg-orange-transparent-hovered: #ffa15e1a;
247
+ --alpha-color-bg-green-normal: var(--alpha-color-green-300);
248
+ --alpha-color-bg-green-normal-hovered: #74d68bff;
249
+ --alpha-color-bg-green-light: var(--alpha-color-green-300-45);
250
+ --alpha-color-bg-green-light-hovered: #74d68b73;
251
+ --alpha-color-bg-green-lighter: var(--alpha-color-green-300-30);
252
+ --alpha-color-bg-green-lighter-hovered: #74d68b4d;
253
+ --alpha-color-bg-green-lightest: var(--alpha-color-green-300-15);
254
+ --alpha-color-bg-green-lightest-hovered: #74d68b39;
255
+ --alpha-color-bg-green-dark: var(--alpha-color-green-400);
256
+ --alpha-color-bg-green-dark-hovered: #41c16fff;
257
+ --alpha-color-bg-green-shade-lighter: var(--alpha-color-shade-green-600-40);
258
+ --alpha-color-bg-green-shade-lighter-hovered: #4f8d6766;
259
+ --alpha-color-bg-green-shade-normal: var(--alpha-color-shade-green-600);
260
+ --alpha-color-bg-green-shade-normal-hovered: #4f8d67ff;
261
+ --alpha-color-bg-green-transparent: var(--alpha-color-green-300-0);
262
+ --alpha-color-bg-green-transparent-hovered: #74d68b39;
263
+ --alpha-color-bg-teal-normal: var(--alpha-color-teal-300);
264
+ --alpha-color-bg-teal-normal-hovered: #4cdccfff;
265
+ --alpha-color-bg-teal-light: var(--alpha-color-teal-300-45);
266
+ --alpha-color-bg-teal-light-hovered: #4cdccf73;
267
+ --alpha-color-bg-teal-lighter: var(--alpha-color-teal-300-30);
268
+ --alpha-color-bg-teal-lighter-hovered: #4cdccf4d;
269
+ --alpha-color-bg-teal-lightest: var(--alpha-color-teal-300-15);
270
+ --alpha-color-bg-teal-lightest-hovered: #4cdccf39;
271
+ --alpha-color-bg-teal-dark: var(--alpha-color-teal-400);
272
+ --alpha-color-bg-teal-dark-hovered: #0ac6c0ff;
273
+ --alpha-color-bg-teal-shade-lighter: var(--alpha-color-shade-teal-600-40);
274
+ --alpha-color-bg-teal-shade-lighter-hovered: #49839066;
275
+ --alpha-color-bg-teal-shade-normal: var(--alpha-color-shade-teal-600);
276
+ --alpha-color-bg-teal-shade-normal-hovered: #498390ff;
277
+ --alpha-color-bg-teal-transparent: var(--alpha-color-teal-300-0);
278
+ --alpha-color-bg-teal-transparent-hovered: #40d3c51a;
279
+ --alpha-color-bg-olive-normal: var(--alpha-color-olive-300);
280
+ --alpha-color-bg-olive-normal-hovered: #d2df3dff;
281
+ --alpha-color-bg-olive-light: var(--alpha-color-olive-300-45);
282
+ --alpha-color-bg-olive-light-hovered: #d2df3d73;
283
+ --alpha-color-bg-olive-lighter: var(--alpha-color-olive-300-30);
284
+ --alpha-color-bg-olive-lighter-hovered: #d2df3d4d;
285
+ --alpha-color-bg-olive-lightest: var(--alpha-color-olive-300-15);
286
+ --alpha-color-bg-olive-lightest-hovered: #d2df3d39;
287
+ --alpha-color-bg-olive-dark: var(--alpha-color-olive-400);
288
+ --alpha-color-bg-olive-dark-hovered: #c1ca0cff;
289
+ --alpha-color-bg-olive-shade-lighter: var(--alpha-color-shade-olive-600-40);
290
+ --alpha-color-bg-olive-shade-lighter-hovered: #86893a66;
291
+ --alpha-color-bg-olive-shade-normal: var(--alpha-color-shade-olive-600);
292
+ --alpha-color-bg-olive-shade-normal-hovered: #86893aff;
293
+ --alpha-color-bg-olive-transparent: var(--alpha-color-olive-300-0);
294
+ --alpha-color-bg-olive-transparent-hovered: #c8d6301a;
295
+ --alpha-color-bg-yellow-normal: var(--alpha-color-yellow-300);
296
+ --alpha-color-bg-yellow-normal-hovered: #face4aff;
297
+ --alpha-color-bg-yellow-light: var(--alpha-color-yellow-300-45);
298
+ --alpha-color-bg-yellow-light-hovered: #face4a73;
299
+ --alpha-color-bg-yellow-lighter: var(--alpha-color-yellow-300-30);
300
+ --alpha-color-bg-yellow-lighter-hovered: #face4a4d;
301
+ --alpha-color-bg-yellow-lightest: var(--alpha-color-yellow-300-15);
302
+ --alpha-color-bg-yellow-lightest-hovered: #face4a39;
303
+ --alpha-color-bg-yellow-dark: var(--alpha-color-yellow-400);
304
+ --alpha-color-bg-yellow-dark-hovered: #f9b917ff;
305
+ --alpha-color-bg-yellow-shade-lighter: var(--alpha-color-shade-yellow-600-40);
306
+ --alpha-color-bg-yellow-shade-lighter-hovered: #927a2666;
307
+ --alpha-color-bg-yellow-shade-normal: var(--alpha-color-shade-yellow-600);
308
+ --alpha-color-bg-yellow-shade-normal-hovered: #927a26ff;
309
+ --alpha-color-bg-yellow-transparent: var(--alpha-color-yellow-300-0);
310
+ --alpha-color-bg-yellow-transparent-hovered: #f9c8351a;
311
+ --alpha-color-bg-pink-normal: var(--alpha-color-pink-300);
312
+ --alpha-color-bg-pink-normal-hovered: #f27fdbff;
313
+ --alpha-color-bg-pink-light: var(--alpha-color-pink-300-45);
314
+ --alpha-color-bg-pink-light-hovered: #f27fdb73;
315
+ --alpha-color-bg-pink-lighter: var(--alpha-color-pink-300-30);
316
+ --alpha-color-bg-pink-lighter-hovered: #f27fdb4d;
317
+ --alpha-color-bg-pink-lightest: var(--alpha-color-pink-300-15);
318
+ --alpha-color-bg-pink-lightest-hovered: #f27fdb39;
319
+ --alpha-color-bg-pink-dark: var(--alpha-color-pink-400);
320
+ --alpha-color-bg-pink-dark-hovered: #df58bfff;
321
+ --alpha-color-bg-pink-shade-lighter: var(--alpha-color-shade-pink-600-40);
322
+ --alpha-color-bg-pink-shade-lighter-hovered: #99428566;
323
+ --alpha-color-bg-pink-shade-normal: var(--alpha-color-shade-pink-600);
324
+ --alpha-color-bg-pink-shade-normal-hovered: #994285ff;
325
+ --alpha-color-bg-pink-transparent: var(--alpha-color-pink-300-0);
326
+ --alpha-color-bg-pink-transparent-hovered: #ec6fd31a;
327
+ --alpha-color-bg-purple-normal: var(--alpha-color-purple-300);
328
+ --alpha-color-bg-purple-normal-hovered: #bf9affff;
329
+ --alpha-color-bg-purple-light: var(--alpha-color-purple-300-45);
330
+ --alpha-color-bg-purple-light-hovered: #bf9aff73;
331
+ --alpha-color-bg-purple-lighter: var(--alpha-color-purple-300-30);
332
+ --alpha-color-bg-purple-lighter-hovered: #bf9aff4d;
333
+ --alpha-color-bg-purple-lightest: var(--alpha-color-purple-300-15);
334
+ --alpha-color-bg-purple-lightest-hovered: #bf9aff39;
335
+ --alpha-color-bg-purple-dark: var(--alpha-color-purple-400);
336
+ --alpha-color-bg-purple-dark-hovered: #9a66eeff;
337
+ --alpha-color-bg-purple-shade-lighter: var(--alpha-color-shade-purple-600-40);
338
+ --alpha-color-bg-purple-shade-lighter-hovered: #64489066;
339
+ --alpha-color-bg-purple-shade-normal: var(--alpha-color-shade-purple-600);
340
+ --alpha-color-bg-purple-shade-normal-hovered: #644890ff;
341
+ --alpha-color-bg-purple-transparent: var(--alpha-color-purple-300-0);
342
+ --alpha-color-bg-purple-transparent-hovered: #b184ff1a;
343
+ --alpha-color-bg-navy-normal: var(--alpha-color-navy-300);
344
+ --alpha-color-bg-navy-normal-hovered: #838fdcff;
345
+ --alpha-color-bg-navy-light: var(--alpha-color-navy-300-45);
346
+ --alpha-color-bg-navy-light-hovered: #838fdc73;
347
+ --alpha-color-bg-navy-lighter: var(--alpha-color-navy-300-30);
348
+ --alpha-color-bg-navy-lighter-hovered: #838fdc4d;
349
+ --alpha-color-bg-navy-lightest: var(--alpha-color-navy-300-15);
350
+ --alpha-color-bg-navy-lightest-hovered: #838fdc39;
351
+ --alpha-color-bg-navy-dark: var(--alpha-color-navy-400);
352
+ --alpha-color-bg-navy-dark-hovered: #4353bfff;
353
+ --alpha-color-bg-navy-shade-lighter: var(--alpha-color-shade-navy-600-40);
354
+ --alpha-color-bg-navy-shade-lighter-hovered: #3b416766;
355
+ --alpha-color-bg-navy-shade-normal: var(--alpha-color-shade-navy-600);
356
+ --alpha-color-bg-navy-shade-normal-hovered: #3b4167ff;
357
+ --alpha-color-bg-navy-transparent: var(--alpha-color-navy-300-0);
358
+ --alpha-color-bg-navy-transparent-hovered: #7683d31a;
359
+ --alpha-color-bg-absolute-black-dark: var(--alpha-color-black-100);
360
+ --alpha-color-bg-absolute-black-dark-hovered: #0a0a0aff;
361
+ --alpha-color-bg-absolute-black-normal: var(--alpha-color-black-85);
362
+ --alpha-color-bg-absolute-black-normal-hovered: #0a0a0ad9;
363
+ --alpha-color-bg-absolute-black-light: var(--alpha-color-black-60);
364
+ --alpha-color-bg-absolute-black-light-hovered: #0a0a0a99;
365
+ --alpha-color-bg-absolute-black-lighter: var(--alpha-color-black-40);
366
+ --alpha-color-bg-absolute-black-lighter-hovered: #0a0a0a66;
367
+ --alpha-color-bg-absolute-black-lightest: var(--alpha-color-black-20);
368
+ --alpha-color-bg-absolute-black-lightest-hovered: #0a0a0a4d;
369
+ --alpha-color-bg-absolute-black-transparent: var(--alpha-color-black-0);
370
+ --alpha-color-bg-absolute-black-transparent-hovered: #0000001a;
371
+ --alpha-color-bg-absolute-white-dark: var(--alpha-color-white-100);
372
+ --alpha-color-bg-absolute-white-dark-hovered: #c8c8c8ff;
373
+ --alpha-color-bg-absolute-white-normal: var(--alpha-color-white-90);
374
+ --alpha-color-bg-absolute-white-normal-hovered: #c8c8c8e6;
375
+ --alpha-color-bg-absolute-white-light: var(--alpha-color-white-60);
376
+ --alpha-color-bg-absolute-white-light-hovered: #c8c8c899;
377
+ --alpha-color-bg-absolute-white-lighter: var(--alpha-color-white-40);
378
+ --alpha-color-bg-absolute-white-lighter-hovered: #c8c8c866;
379
+ --alpha-color-bg-absolute-white-lightest: var(--alpha-color-white-20);
380
+ --alpha-color-bg-absolute-white-lightest-hovered: #c8c8c84d;
381
+ --alpha-color-bg-absolute-white-transparent: var(--alpha-color-white-0);
382
+ --alpha-color-bg-absolute-white-transparent-hovered: #ffffff1a;
383
+ --alpha-color-surface-lowest: var(--alpha-color-grey-800);
384
+ --alpha-color-surface-lowest-hovered: #3b3c3fff;
385
+ --alpha-color-surface-lower: var(--alpha-color-grey-850);
386
+ --alpha-color-surface-lower-hovered: #343538ff;
387
+ --alpha-color-surface-normal: var(--alpha-color-grey-900);
388
+ --alpha-color-surface-normal-hovered: #2e2e33ff;
389
+ --alpha-color-shadow-xlarge: var(--alpha-color-black-60);
390
+ --alpha-color-shadow-xlarge-hovered: #0a0a0a99;
391
+ --alpha-color-shadow-large: var(--alpha-color-black-40);
392
+ --alpha-color-shadow-large-hovered: #0a0a0a66;
393
+ --alpha-color-shadow-medium: var(--alpha-color-black-20);
394
+ --alpha-color-shadow-medium-hovered: #0a0a0a4d;
395
+ --alpha-color-shadow-small: var(--alpha-color-black-15);
396
+ --alpha-color-shadow-small-hovered: #0a0a0a39;
397
+ --alpha-color-shadow-base: var(--alpha-color-black-8);
398
+ --alpha-color-shadow-base-hovered: #0a0a0a1e;
399
+ --alpha-color-shadow-base-inner: var(--alpha-color-white-8);
400
+ --alpha-color-shadow-base-inner-hovered: #c8c8c81e;
401
+ --alpha-color-dim-black-light: var(--alpha-color-bg-absolute-black-lightest);
402
+ --alpha-color-dim-black-light-hovered: #0a0a0a4d;
403
+ --alpha-color-dim-black-normal: var(--alpha-color-bg-absolute-black-lighter);
404
+ --alpha-color-dim-black-normal-hovered: #0a0a0a66;
405
+ --alpha-color-primary-bg-normal: var(--alpha-color-bg-blue-normal);
406
+ --alpha-color-primary-bg-normal-hovered: #648bf9ff;
407
+ --alpha-color-primary-bg-light: var(--alpha-color-bg-blue-light);
408
+ --alpha-color-primary-bg-light-hovered: #648bf973;
409
+ --alpha-color-primary-bg-lighter: var(--alpha-color-bg-blue-lighter);
410
+ --alpha-color-primary-bg-lighter-hovered: #648bf94d;
411
+ --alpha-color-primary-bg-lightest: var(--alpha-color-bg-blue-lightest);
412
+ --alpha-color-primary-bg-lightest-hovered: #648bf939;
413
+ --alpha-color-primary-bg-dark: var(--alpha-color-bg-blue-dark);
414
+ --alpha-color-primary-bg-dark-hovered: #5551fcff;
415
+ --alpha-color-primary-fg-normal: var(--alpha-color-fg-blue-normal);
416
+ --alpha-color-primary-fg-normal-hovered: #648bf9ff;
417
+ --alpha-color-primary-fg-light: var(--alpha-color-fg-blue-light);
418
+ --alpha-color-primary-fg-light-hovered: #648bf973;
419
+ --alpha-color-primary-fg-dark: var(--alpha-color-fg-blue-dark);
420
+ --alpha-color-primary-fg-dark-hovered: #648bf9ff;
421
+ --alpha-color-critical-bg-dark: var(--alpha-color-bg-red-dark);
422
+ --alpha-color-critical-bg-dark-hovered: #df4c4cff;
423
+ --alpha-color-critical-bg-normal: var(--alpha-color-fg-red-normal);
424
+ --alpha-color-critical-bg-normal-hovered: #ff7070ff;
425
+ --alpha-color-critical-bg-light: var(--alpha-color-bg-red-light);
426
+ --alpha-color-critical-bg-light-hovered: #ff707073;
427
+ --alpha-color-critical-bg-lighter: var(--alpha-color-bg-red-lighter);
428
+ --alpha-color-critical-bg-lighter-hovered: #ff70704d;
429
+ --alpha-color-critical-bg-lightest: var(--alpha-color-bg-red-lightest);
430
+ --alpha-color-critical-bg-lightest-hovered: #ff707039;
431
+ --alpha-color-critical-fg-normal: var(--alpha-color-fg-red-normal);
432
+ --alpha-color-critical-fg-normal-hovered: #ff7070ff;
433
+ --alpha-color-critical-fg-light: var(--alpha-color-fg-red-light);
434
+ --alpha-color-critical-fg-light-hovered: #ff707073;
435
+ --alpha-color-critical-fg-dark: var(--alpha-color-fg-red-dark);
436
+ --alpha-color-critical-fg-dark-hovered: #ff7070ff;
437
+ --alpha-color-warning-bg-dark: var(--alpha-color-bg-orange-dark);
438
+ --alpha-color-warning-bg-dark-hovered: #df751fff;
439
+ --alpha-color-warning-bg-normal: var(--alpha-color-bg-orange-normal);
440
+ --alpha-color-warning-bg-normal-hovered: #ff9346ff;
441
+ --alpha-color-warning-bg-light: var(--alpha-color-bg-orange-light);
442
+ --alpha-color-warning-bg-light-hovered: #ff934673;
443
+ --alpha-color-warning-bg-lighter: var(--alpha-color-bg-orange-lighter);
444
+ --alpha-color-warning-bg-lighter-hovered: #ff93464d;
445
+ --alpha-color-warning-bg-lightest: var(--alpha-color-bg-orange-lightest);
446
+ --alpha-color-warning-bg-lightest-hovered: #ff934639;
447
+ --alpha-color-warning-fg-normal: var(--alpha-color-fg-orange-normal);
448
+ --alpha-color-warning-fg-normal-hovered: #ff9346ff;
449
+ --alpha-color-warning-fg-light: var(--alpha-color-fg-orange-light);
450
+ --alpha-color-warning-fg-light-hovered: #ff934673;
451
+ --alpha-color-warning-fg-dark: var(--alpha-color-fg-orange-dark);
452
+ --alpha-color-warning-fg-dark-hovered: #ff9346ff;
453
+ --alpha-color-accent-bg-dark: var(--alpha-color-bg-cobalt-dark);
454
+ --alpha-color-accent-bg-dark-hovered: #4088dfff;
455
+ --alpha-color-accent-bg-normal: var(--alpha-color-bg-cobalt-normal);
456
+ --alpha-color-accent-bg-normal-hovered: #5cadf1ff;
457
+ --alpha-color-accent-bg-light: var(--alpha-color-bg-cobalt-light);
458
+ --alpha-color-accent-bg-light-hovered: #5cadf173;
459
+ --alpha-color-accent-bg-lighter: var(--alpha-color-bg-cobalt-lighter);
460
+ --alpha-color-accent-bg-lighter-hovered: #5cadf14d;
461
+ --alpha-color-accent-bg-lightest: var(--alpha-color-bg-cobalt-lightest);
462
+ --alpha-color-accent-bg-lightest-hovered: #5cadf139;
463
+ --alpha-color-accent-fg-normal: var(--alpha-color-fg-cobalt-normal);
464
+ --alpha-color-accent-fg-normal-hovered: #5cadf1ff;
465
+ --alpha-color-accent-fg-light: var(--alpha-color-fg-cobalt-light);
466
+ --alpha-color-accent-fg-light-hovered: #5cadf173;
467
+ --alpha-color-accent-fg-dark: var(--alpha-color-fg-cobalt-dark);
468
+ --alpha-color-accent-fg-dark-hovered: #5cadf1ff;
469
+ --alpha-color-success-bg-dark: var(--alpha-color-bg-green-dark);
470
+ --alpha-color-success-bg-dark-hovered: #3f9e61ff;
471
+ --alpha-color-success-bg-normal: var(--alpha-color-bg-green-normal);
472
+ --alpha-color-success-bg-normal-hovered: #5bc373ff;
473
+ --alpha-color-success-bg-light: var(--alpha-color-bg-green-light);
474
+ --alpha-color-success-bg-light-hovered: #5bc37373;
475
+ --alpha-color-success-bg-lighter: var(--alpha-color-bg-green-lighter);
476
+ --alpha-color-success-bg-lighter-hovered: #5bc3734d;
477
+ --alpha-color-success-bg-lightest: var(--alpha-color-bg-green-lightest);
478
+ --alpha-color-success-bg-lightest-hovered: #5bc37339;
479
+ --alpha-color-success-fg-normal: var(--alpha-color-fg-green-normal);
480
+ --alpha-color-success-fg-normal-hovered: #5bc373ff;
481
+ --alpha-color-success-fg-light: var(--alpha-color-fg-green-light);
482
+ --alpha-color-success-fg-light-hovered: #5bc37373;
483
+ --alpha-color-success-fg-dark: var(--alpha-color-fg-green-dark);
484
+ --alpha-color-success-fg-dark-hovered: #5bc373ff;
485
+ }
486
+
487
+ :where(:root, :host) {
488
+ --alpha-color-blue-100: #a9c6ff;
489
+ --alpha-color-blue-200: #96b7ff;
490
+ --alpha-color-blue-300: #7d9efa;
491
+ --alpha-color-blue-400: #6d6afc;
492
+ --alpha-color-blue-500: #5950dc;
493
+ --alpha-color-blue-600: #4941bc;
494
+ --alpha-color-blue-400-30: #6d6afc4d;
495
+ --alpha-color-blue-400-20: #6d6afc33;
496
+ --alpha-color-blue-400-10: #6d6afc1a;
497
+ --alpha-color-blue-400-0: #6d6afc00;
498
+ --alpha-color-blue-300-45: #7d9efa73;
499
+ --alpha-color-blue-300-30: #7d9efa4d;
500
+ --alpha-color-blue-300-15: #7d9efa26;
501
+ --alpha-color-blue-300-0: #7d9efa00;
502
+ --alpha-color-cobalt-100: #a1d5ff;
503
+ --alpha-color-cobalt-200: #8dcafc;
504
+ --alpha-color-cobalt-300: #71b9f5;
505
+ --alpha-color-cobalt-400: #5093e5;
506
+ --alpha-color-cobalt-500: #3870d1;
507
+ --alpha-color-cobalt-600: #2b59b5;
508
+ --alpha-color-cobalt-400-30: #5093e54d;
509
+ --alpha-color-cobalt-400-20: #5093e533;
510
+ --alpha-color-cobalt-400-10: #5093e51a;
511
+ --alpha-color-cobalt-400-0: #5093e500;
512
+ --alpha-color-cobalt-300-45: #71b9f573;
513
+ --alpha-color-cobalt-300-30: #71b9f54d;
514
+ --alpha-color-cobalt-300-15: #71b9f526;
515
+ --alpha-color-cobalt-300-0: #71b9f500;
516
+ --alpha-color-green-100: #a4ecb3;
517
+ --alpha-color-green-200: #84e09a;
518
+ --alpha-color-green-300: #68cc7f;
519
+ --alpha-color-green-400: #40ad67;
520
+ --alpha-color-green-500: #358761;
521
+ --alpha-color-green-600: #327055;
522
+ --alpha-color-green-400-30: #40ad674d;
523
+ --alpha-color-green-400-20: #40ad6733;
524
+ --alpha-color-green-400-10: #40ad671a;
525
+ --alpha-color-green-400-0: #40ad6700;
526
+ --alpha-color-green-300-45: #68cc7f73;
527
+ --alpha-color-green-300-30: #68cc7f4d;
528
+ --alpha-color-green-300-15: #68cc7f26;
529
+ --alpha-color-green-300-0: #68cc7f26;
530
+ --alpha-color-red-100: #ffb8b8;
531
+ --alpha-color-red-200: #ffa6a6;
532
+ --alpha-color-red-300: #ff8c8c;
533
+ --alpha-color-red-400: #e55c5c;
534
+ --alpha-color-red-500: #bc3a42;
535
+ --alpha-color-red-600: #992c34;
536
+ --alpha-color-red-400-30: #e55c5c4d;
537
+ --alpha-color-red-400-20: #e55c5c33;
538
+ --alpha-color-red-400-10: #e55c5c1a;
539
+ --alpha-color-red-400-0: #e55c5c00;
540
+ --alpha-color-red-300-45: #ff8c8c73;
541
+ --alpha-color-red-300-30: #ff8c8c4d;
542
+ --alpha-color-red-300-15: #ff8c8c26;
543
+ --alpha-color-red-300-0: #ff8c8c00;
544
+ --alpha-color-black-0: #00000000;
545
+ --alpha-color-black-3: #00000008;
546
+ --alpha-color-black-5: #0000000d;
547
+ --alpha-color-black-8: #00000014;
548
+ --alpha-color-black-15: #00000026;
549
+ --alpha-color-black-20: #00000033;
550
+ --alpha-color-black-22: #00000038;
551
+ --alpha-color-black-30: #0000004d;
552
+ --alpha-color-black-40: #00000066;
553
+ --alpha-color-black-50: #00000080;
554
+ --alpha-color-black-60: #00000099;
555
+ --alpha-color-black-70: #000000b3;
556
+ --alpha-color-black-85: #000000d9;
557
+ --alpha-color-black-100: #000000;
558
+ --alpha-color-white-0: #ffffff00;
559
+ --alpha-color-white-5: #ffffff0d;
560
+ --alpha-color-white-8: #ffffff14;
561
+ --alpha-color-white-12: #ffffff1f;
562
+ --alpha-color-white-20: #ffffff33;
563
+ --alpha-color-white-40: #ffffff66;
564
+ --alpha-color-white-60: #ffffff99;
565
+ --alpha-color-white-80: #ffffffcc;
566
+ --alpha-color-white-90: #ffffffe6;
567
+ --alpha-color-white-100: #ffffff;
568
+ --alpha-color-orange-100: #ffc38f;
569
+ --alpha-color-orange-200: #ffb070;
570
+ --alpha-color-orange-300: #ffa15e;
571
+ --alpha-color-orange-400: #e67f2b;
572
+ --alpha-color-orange-500: #c1630d;
573
+ --alpha-color-orange-600: #a1540c;
574
+ --alpha-color-orange-400-30: #e67f2b4d;
575
+ --alpha-color-orange-400-20: #e67f2b33;
576
+ --alpha-color-orange-400-10: #e67f2b1a;
577
+ --alpha-color-orange-400-0: #e67f2b00;
578
+ --alpha-color-orange-300-45: #ffa15e73;
579
+ --alpha-color-orange-300-30: #ffa15e4d;
580
+ --alpha-color-orange-300-15: #ffa15e26;
581
+ --alpha-color-orange-300-0: #ffa15e00;
582
+ --alpha-color-yellow-100: #ffe38f;
583
+ --alpha-color-yellow-200: #fed968;
584
+ --alpha-color-yellow-300: #f9c835;
585
+ --alpha-color-yellow-400: #edae0d;
586
+ --alpha-color-yellow-500: #c38f00;
587
+ --alpha-color-yellow-600: #9e7504;
588
+ --alpha-color-yellow-400-30: #edae0d4d;
589
+ --alpha-color-yellow-400-20: #edae0d33;
590
+ --alpha-color-yellow-400-10: #edae0d1a;
591
+ --alpha-color-yellow-400-0: #edae0d00;
592
+ --alpha-color-yellow-300-45: #f9c83573;
593
+ --alpha-color-yellow-300-30: #f9c8354d;
594
+ --alpha-color-yellow-300-15: #f9c83526;
595
+ --alpha-color-yellow-300-0: #f9c83500;
596
+ --alpha-color-pink-100: #ffafef;
597
+ --alpha-color-pink-200: #f896e5;
598
+ --alpha-color-pink-300: #ec6fd3;
599
+ --alpha-color-pink-400: #d64bb5;
600
+ --alpha-color-pink-500: #b0369e;
601
+ --alpha-color-pink-600: #962c86;
602
+ --alpha-color-pink-400-30: #d64bb54d;
603
+ --alpha-color-pink-400-20: #d64bb533;
604
+ --alpha-color-pink-400-10: #d64bb51a;
605
+ --alpha-color-pink-400-0: #d64bb500;
606
+ --alpha-color-pink-300-45: #ec6fd373;
607
+ --alpha-color-pink-300-30: #ec6fd34d;
608
+ --alpha-color-pink-300-15: #ec6fd326;
609
+ --alpha-color-pink-300-0: #ec6fd300;
610
+ --alpha-color-purple-100: #d1b5ff;
611
+ --alpha-color-purple-200: #c19aff;
612
+ --alpha-color-purple-300: #b184ff;
613
+ --alpha-color-purple-400: #8e57e7;
614
+ --alpha-color-purple-500: #6735b6;
615
+ --alpha-color-purple-600: #54278f;
616
+ --alpha-color-purple-400-30: #8e57e74d;
617
+ --alpha-color-purple-400-20: #8e57e733;
618
+ --alpha-color-purple-400-10: #8e57e71a;
619
+ --alpha-color-purple-400-0: #8e57e700;
620
+ --alpha-color-purple-300-45: #b184ff73;
621
+ --alpha-color-purple-300-30: #b184ff4d;
622
+ --alpha-color-purple-300-15: #b184ff26;
623
+ --alpha-color-purple-300-0: #b184ff00;
624
+ --alpha-color-navy-100: #a5b2ee;
625
+ --alpha-color-navy-200: #8b99d9;
626
+ --alpha-color-navy-300: #7683d3;
627
+ --alpha-color-navy-400: #424fab;
628
+ --alpha-color-navy-500: #353888;
629
+ --alpha-color-navy-600: #22245b;
630
+ --alpha-color-navy-400-30: #424fab4d;
631
+ --alpha-color-navy-400-20: #424fab33;
632
+ --alpha-color-navy-400-10: #424fab1a;
633
+ --alpha-color-navy-400-0: #424fab00;
634
+ --alpha-color-navy-300-45: #7683d373;
635
+ --alpha-color-navy-300-30: #7683d34d;
636
+ --alpha-color-navy-300-15: #7683d326;
637
+ --alpha-color-navy-300-0: #7683d300;
638
+ --alpha-color-teal-100: #9beee6;
639
+ --alpha-color-teal-200: #72e0d5;
640
+ --alpha-color-teal-300: #40d3c5;
641
+ --alpha-color-teal-400: #09b2ac;
642
+ --alpha-color-teal-500: #068e95;
643
+ --alpha-color-teal-600: #06687d;
644
+ --alpha-color-teal-400-30: #09b2ac4d;
645
+ --alpha-color-teal-400-20: #09b2ac33;
646
+ --alpha-color-teal-400-10: #09b2ac1a;
647
+ --alpha-color-teal-400-0: #09b2ac00;
648
+ --alpha-color-teal-300-45: #40d3c573;
649
+ --alpha-color-teal-300-30: #40d3c54d;
650
+ --alpha-color-teal-300-15: #40d3c526;
651
+ --alpha-color-teal-300-0: #40d3c500;
652
+ --alpha-color-olive-100: #e7f17c;
653
+ --alpha-color-olive-200: #dbe56e;
654
+ --alpha-color-olive-300: #c8d630;
655
+ --alpha-color-olive-400: #a9b110;
656
+ --alpha-color-olive-500: #7b801c;
657
+ --alpha-color-olive-600: #65691c;
658
+ --alpha-color-olive-400-30: #a9b1104d;
659
+ --alpha-color-olive-400-20: #a9b11033;
660
+ --alpha-color-olive-400-10: #a9b1101a;
661
+ --alpha-color-olive-400-0: #a9b11000;
662
+ --alpha-color-olive-300-45: #c8d63073;
663
+ --alpha-color-olive-300-30: #c8d6304d;
664
+ --alpha-color-olive-300-15: #c8d63026;
665
+ --alpha-color-olive-300-0: #c8d63000;
666
+ --alpha-color-grey-50: #fcfcfc;
667
+ --alpha-color-grey-100: #f7f7f8;
668
+ --alpha-color-grey-200: #efeff0;
669
+ --alpha-color-grey-300: #e2e2e4;
670
+ --alpha-color-grey-400: #cfcfd1;
671
+ --alpha-color-grey-500: #a7a7aa;
672
+ --alpha-color-grey-600: #7b7b7b;
673
+ --alpha-color-grey-700: #464748;
674
+ --alpha-color-grey-800: #313234;
675
+ --alpha-color-grey-850: #2a2b2d;
676
+ --alpha-color-grey-900: #242428;
677
+ --alpha-color-grey-900-0: #24242800;
678
+ --alpha-color-grey-alpha-900-90: #242428e6;
679
+ --alpha-color-grey-alpha-850-80: #2a2b2dcc;
680
+ --alpha-color-grey-alpha-800-80: #313234cc;
681
+ --alpha-color-grey-alpha-700-80: #464748cc;
682
+ --alpha-color-grey-alpha-200-80: #efeff0cc;
683
+ --alpha-color-grey-alpha-100-80: #f7f7f8cc;
684
+ --alpha-color-grey-alpha-50-80: #fcfcfccc;
685
+ --alpha-color-grey-alpha-100-90: #f7f7f8e6;
686
+ --alpha-color-grey-alpha-800-90: #313234e6;
687
+ --alpha-color-shade-blue-400: #7175e0;
688
+ --alpha-color-shade-blue-600: #4c5289;
689
+ --alpha-color-shade-blue-400-20: #7175e033;
690
+ --alpha-color-shade-blue-600-40: #4c528966;
691
+ --alpha-color-shade-cobalt-400: #57ace8;
692
+ --alpha-color-shade-cobalt-600: #4a6185;
693
+ --alpha-color-shade-cobalt-400-20: #57ace833;
694
+ --alpha-color-shade-cobalt-600-40: #4a618566;
695
+ --alpha-color-shade-teal-400: #55aaa7;
696
+ --alpha-color-shade-teal-600: #47737d;
697
+ --alpha-color-shade-teal-400-20: #55aaa733;
698
+ --alpha-color-shade-teal-600-40: #47737d66;
699
+ --alpha-color-shade-red-400: #de6870;
700
+ --alpha-color-shade-red-600: #904248;
701
+ --alpha-color-shade-red-400-20: #de687033;
702
+ --alpha-color-shade-red-600-40: #90424866;
703
+ --alpha-color-shade-green-400: #62af7c;
704
+ --alpha-color-shade-green-600: #4c7a5e;
705
+ --alpha-color-shade-green-400-20: #62af7c33;
706
+ --alpha-color-shade-green-600-40: #4c7a5e66;
707
+ --alpha-color-shade-olive-400: #a5a953;
708
+ --alpha-color-shade-olive-600: #737638;
709
+ --alpha-color-shade-olive-400-20: #a5a95333;
710
+ --alpha-color-shade-olive-600-40: #73763866;
711
+ --alpha-color-shade-yellow-400: #e8ae3c;
712
+ --alpha-color-shade-yellow-600: #7d6a26;
713
+ --alpha-color-shade-yellow-400-20: #e8ae3c33;
714
+ --alpha-color-shade-yellow-600-40: #7d6a2666;
715
+ --alpha-color-shade-orange-400: #e08c48;
716
+ --alpha-color-shade-orange-600: #895a34;
717
+ --alpha-color-shade-orange-400-20: #e08c4833;
718
+ --alpha-color-shade-orange-600-40: #895a3466;
719
+ --alpha-color-shade-pink-400: #d369ba;
720
+ --alpha-color-shade-pink-600: #854075;
721
+ --alpha-color-shade-pink-400-20: #d369ba33;
722
+ --alpha-color-shade-pink-600-40: #85407566;
723
+ --alpha-color-shade-purple-400: #9d6fe5;
724
+ --alpha-color-shade-purple-600: #5b467d;
725
+ --alpha-color-shade-purple-400-20: #9d6fe533;
726
+ --alpha-color-shade-purple-600-40: #5b467d66;
727
+ --alpha-color-shade-navy-400: #5f69b0;
728
+ --alpha-color-shade-navy-600: #373b56;
729
+ --alpha-color-shade-navy-400-20: #5f69b033;
730
+ --alpha-color-shade-navy-600-40: #373b5666;
731
+ --alpha-dimension-1: 1px;
732
+ --alpha-dimension-2: 2px;
733
+ --alpha-dimension-3: 3px;
734
+ --alpha-dimension-4: 4px;
735
+ --alpha-dimension-6: 6px;
736
+ --alpha-dimension-7: 7px;
737
+ --alpha-dimension-8: 8px;
738
+ --alpha-dimension-10: 10px;
739
+ --alpha-dimension-12: 12px;
740
+ --alpha-dimension-14: 14px;
741
+ --alpha-dimension-16: 16px;
742
+ --alpha-dimension-20: 20px;
743
+ --alpha-dimension-22: 22px;
744
+ --alpha-dimension-24: 24px;
745
+ --alpha-dimension-28: 28px;
746
+ --alpha-dimension-30: 30px;
747
+ --alpha-dimension-32: 32px;
748
+ --alpha-dimension-36: 36px;
749
+ --alpha-dimension-40: 40px;
750
+ --alpha-dimension-42: 42px;
751
+ --alpha-dimension-44: 44px;
752
+ --alpha-dimension-48: 48px;
753
+ --alpha-dimension-54: 54px;
754
+ --alpha-dimension-60: 60px;
755
+ --alpha-dimension-72: 72px;
756
+ --alpha-dimension-90: 90px;
757
+ --alpha-dimension-120: 120px;
758
+ --alpha-dimension-160: 160px;
759
+ --alpha-dimension-200: 200px;
760
+ --alpha-dimension-240: 240px;
761
+ --alpha-dimension-320: 320px;
762
+ --alpha-dimension-420: 420px;
763
+ --alpha-dimension-540: 540px;
764
+ --alpha-dimension-640: 640px;
765
+ --alpha-dimension-720: 720px;
766
+ --alpha-dimension-800: 800px;
767
+ --alpha-dimension-900: 900px;
867
768
  --alpha-dimension-source-10: var(--alpha-dimension-10);
769
+ --alpha-dimension-source-12: var(--alpha-dimension-12);
770
+ --alpha-dimension-source-16: var(--alpha-dimension-16);
771
+ --alpha-dimension-source-20: var(--alpha-dimension-20);
772
+ --alpha-dimension-source-24: var(--alpha-dimension-24);
773
+ --alpha-dimension-source-30: var(--alpha-dimension-30);
774
+ --alpha-dimension-source-36: var(--alpha-dimension-36);
775
+ --alpha-dimension-source-42: var(--alpha-dimension-42);
776
+ --alpha-dimension-source-48: var(--alpha-dimension-48);
777
+ --alpha-dimension-source-60: var(--alpha-dimension-60);
778
+ --alpha-dimension-source-72: var(--alpha-dimension-72);
779
+ --alpha-dimension-source-90: var(--alpha-dimension-90);
780
+ --alpha-dimension-source-120: var(--alpha-dimension-120);
781
+ --alpha-dimension-42-p: 42%;
782
+ --alpha-dimension-100-p: 100%;
783
+ --alpha-dimension-m-1: -1px;
784
+ --alpha-font-family-sans: 'Pretendard', 'NotoSansJP', 'system-ui', 'sans-serif';
785
+ --alpha-font-family-mono: 'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace';
786
+ --alpha-font-size-11: 1.1rem;
787
+ --alpha-font-size-12: 1.2rem;
788
+ --alpha-font-size-13: 1.3rem;
789
+ --alpha-font-size-14: 1.4rem;
790
+ --alpha-font-size-15: 1.5rem;
791
+ --alpha-font-size-16: 1.6rem;
792
+ --alpha-font-size-17: 1.7rem;
793
+ --alpha-font-size-18: 1.8rem;
794
+ --alpha-font-size-22: 2.2rem;
795
+ --alpha-font-size-24: 2.4rem;
796
+ --alpha-font-size-30: 3rem;
797
+ --alpha-font-size-36: 3.6rem;
798
+ --alpha-font-size-15-5: 1.55rem;
799
+ --alpha-font-weight-regular: 400;
800
+ --alpha-font-weight-semibold: 600;
801
+ --alpha-font-weight-bold: 700;
802
+ --alpha-font-line-height-16: 1.6rem;
803
+ --alpha-font-line-height-18: 1.8rem;
804
+ --alpha-font-line-height-22: 2.2rem;
805
+ --alpha-font-line-height-23: 2.3rem;
806
+ --alpha-font-line-height-24: 2.4rem;
807
+ --alpha-font-line-height-28: 2.8rem;
808
+ --alpha-font-line-height-32: 3.2rem;
809
+ --alpha-font-line-height-36: 3.6rem;
810
+ --alpha-font-line-height-44: 4.4rem;
811
+ --alpha-font-letter-spacing-0: 0rem;
812
+ --alpha-font-letter-spacing-1: 0.01rem;
813
+ --alpha-font-letter-spacing-2: 0.02rem;
814
+ --alpha-font-letter-spacing-3: 0.03rem;
815
+ --alpha-gradient-bg-purple: linear-gradient(90deg, var(--alpha-color-purple-300) 50%, var(--alpha-color-pink-200) 100%);
816
+ --alpha-gradient-bg-orange: linear-gradient(90deg, var(--alpha-color-orange-300) 50%, var(--alpha-color-yellow-200) 100%);
817
+ --alpha-gradient-bg-green: linear-gradient(90deg, var(--alpha-color-green-300) 50%, var(--alpha-color-teal-200) 100%);
818
+ --alpha-gradient-bg-blue: linear-gradient(90deg, var(--alpha-color-blue-300) 50%, var(--alpha-color-green-200) 100%);
819
+ --alpha-gradient-fg-green: linear-gradient(90deg, var(--alpha-color-green-400) 0%, var(--alpha-color-green-300) 100%);
820
+ --alpha-opacity-disabled: 0.4;
821
+ --alpha-typography-message-font-weight: var(--alpha-font-weight-regular);
822
+ --alpha-typography-message-font-size: var(--alpha-font-size-15-5);
823
+ --alpha-typography-message-line-height: var(--alpha-font-line-height-23);
824
+ --alpha-typography-message-letter-spacing: var(--alpha-font-letter-spacing-2);
825
+ --alpha-typography-h1-bold-font-weight: var(--alpha-font-weight-bold);
826
+ --alpha-typography-h1-bold-font-size: var(--alpha-font-size-36);
827
+ --alpha-typography-h1-bold-line-height: var(--alpha-font-line-height-44);
828
+ --alpha-typography-h1-bold-letter-spacing: var(--alpha-font-letter-spacing-0);
829
+ --alpha-typography-h2-bold-font-weight: var(--alpha-font-weight-bold);
830
+ --alpha-typography-h2-bold-font-size: var(--alpha-font-size-30);
831
+ --alpha-typography-h2-bold-line-height: var(--alpha-font-line-height-36);
832
+ --alpha-typography-h2-bold-letter-spacing: var(--alpha-font-letter-spacing-0);
833
+ --alpha-typography-h2-regular-font-weight: var(--alpha-font-weight-regular);
834
+ --alpha-typography-h2-regular-font-size: var(--alpha-font-size-30);
835
+ --alpha-typography-h2-regular-line-height: var(--alpha-font-line-height-36);
836
+ --alpha-typography-h2-regular-letter-spacing: var(--alpha-font-letter-spacing-0);
837
+ --alpha-typography-h3-bold-font-weight: var(--alpha-font-weight-bold);
838
+ --alpha-typography-h3-bold-font-size: var(--alpha-font-size-24);
839
+ --alpha-typography-h3-bold-line-height: var(--alpha-font-line-height-32);
840
+ --alpha-typography-h3-bold-letter-spacing: var(--alpha-font-letter-spacing-0);
841
+ --alpha-typography-h3-regular-font-weight: var(--alpha-font-weight-regular);
842
+ --alpha-typography-h3-regular-font-size: var(--alpha-font-size-24);
843
+ --alpha-typography-h3-regular-line-height: var(--alpha-font-line-height-32);
844
+ --alpha-typography-h3-regular-letter-spacing: var(--alpha-font-letter-spacing-0);
845
+ --alpha-typography-title-1-bold-font-weight: var(--alpha-font-weight-bold);
846
+ --alpha-typography-title-1-bold-font-size: var(--alpha-font-size-22);
847
+ --alpha-typography-title-1-bold-line-height: var(--alpha-font-line-height-28);
848
+ --alpha-typography-title-1-bold-letter-spacing: var(--alpha-font-letter-spacing-2);
849
+ --alpha-typography-title-2-bold-font-weight: var(--alpha-font-weight-bold);
850
+ --alpha-typography-title-2-bold-font-size: var(--alpha-font-size-18);
851
+ --alpha-typography-title-2-bold-line-height: var(--alpha-font-line-height-24);
852
+ --alpha-typography-title-2-bold-letter-spacing: var(--alpha-font-letter-spacing-2);
853
+ --alpha-typography-title-2-semibold-font-weight: var(--alpha-font-weight-semibold);
854
+ --alpha-typography-title-2-semibold-font-size: var(--alpha-font-size-18);
855
+ --alpha-typography-title-2-semibold-line-height: var(--alpha-font-line-height-24);
856
+ --alpha-typography-title-2-semibold-letter-spacing: var(--alpha-font-letter-spacing-2);
857
+ --alpha-typography-title-3-semibold-font-weight: var(--alpha-font-weight-semibold);
858
+ --alpha-typography-title-3-semibold-font-size: var(--alpha-font-size-16);
859
+ --alpha-typography-title-3-semibold-line-height: var(--alpha-font-line-height-24);
860
+ --alpha-typography-title-3-semibold-letter-spacing: var(--alpha-font-letter-spacing-3);
861
+ --alpha-typography-body-1-semibold-font-weight: var(--alpha-font-weight-semibold);
862
+ --alpha-typography-body-1-semibold-font-size: var(--alpha-font-size-16);
863
+ --alpha-typography-body-1-semibold-line-height: var(--alpha-font-line-height-24);
864
+ --alpha-typography-body-1-semibold-letter-spacing: var(--alpha-font-letter-spacing-2);
865
+ --alpha-typography-body-1-regular-font-weight: var(--alpha-font-weight-regular);
866
+ --alpha-typography-body-1-regular-font-size: var(--alpha-font-size-16);
867
+ --alpha-typography-body-1-regular-line-height: var(--alpha-font-line-height-24);
868
+ --alpha-typography-body-1-regular-letter-spacing: var(--alpha-font-letter-spacing-1);
869
+ --alpha-typography-body-2-semibold-font-weight: var(--alpha-font-weight-semibold);
870
+ --alpha-typography-body-2-semibold-font-size: var(--alpha-font-size-15);
871
+ --alpha-typography-body-2-semibold-line-height: var(--alpha-font-line-height-22);
872
+ --alpha-typography-body-2-semibold-letter-spacing: var(--alpha-font-letter-spacing-2);
873
+ --alpha-typography-body-2-regular-font-weight: var(--alpha-font-weight-regular);
874
+ --alpha-typography-body-2-regular-font-size: var(--alpha-font-size-15);
875
+ --alpha-typography-body-2-regular-line-height: var(--alpha-font-line-height-22);
876
+ --alpha-typography-body-2-regular-letter-spacing: var(--alpha-font-letter-spacing-1);
877
+ --alpha-typography-caption-1-semibold-font-weight: var(--alpha-font-weight-semibold);
878
+ --alpha-typography-caption-1-semibold-font-size: var(--alpha-font-size-14);
879
+ --alpha-typography-caption-1-semibold-line-height: var(--alpha-font-line-height-18);
880
+ --alpha-typography-caption-1-semibold-letter-spacing: var(--alpha-font-letter-spacing-2);
881
+ --alpha-typography-caption-1-regular-font-weight: var(--alpha-font-weight-regular);
882
+ --alpha-typography-caption-1-regular-font-size: var(--alpha-font-size-14);
883
+ --alpha-typography-caption-1-regular-line-height: var(--alpha-font-line-height-18);
884
+ --alpha-typography-caption-1-regular-letter-spacing: var(--alpha-font-letter-spacing-2);
885
+ --alpha-typography-caption-2-semibold-font-weight: var(--alpha-font-weight-semibold);
886
+ --alpha-typography-caption-2-semibold-font-size: var(--alpha-font-size-13);
887
+ --alpha-typography-caption-2-semibold-line-height: var(--alpha-font-line-height-18);
888
+ --alpha-typography-caption-2-semibold-letter-spacing: var(--alpha-font-letter-spacing-2);
889
+ --alpha-typography-caption-2-regular-font-weight: var(--alpha-font-weight-regular);
890
+ --alpha-typography-caption-2-regular-font-size: var(--alpha-font-size-13);
891
+ --alpha-typography-caption-2-regular-line-height: var(--alpha-font-line-height-18);
892
+ --alpha-typography-caption-2-regular-letter-spacing: var(--alpha-font-letter-spacing-2);
893
+ --alpha-typography-caption-3-semibold-font-weight: var(--alpha-font-weight-semibold);
894
+ --alpha-typography-caption-3-semibold-font-size: var(--alpha-font-size-12);
895
+ --alpha-typography-caption-3-semibold-line-height: var(--alpha-font-line-height-16);
896
+ --alpha-typography-caption-3-semibold-letter-spacing: var(--alpha-font-letter-spacing-2);
897
+ --alpha-typography-caption-3-regular-font-weight: var(--alpha-font-weight-regular);
898
+ --alpha-typography-caption-3-regular-font-size: var(--alpha-font-size-12);
899
+ --alpha-typography-caption-3-regular-line-height: var(--alpha-font-line-height-16);
900
+ --alpha-typography-caption-3-regular-letter-spacing: var(--alpha-font-letter-spacing-2);
901
+ --alpha-typography-caption-4-semibold-font-weight: var(--alpha-font-weight-semibold);
902
+ --alpha-typography-caption-4-semibold-font-size: var(--alpha-font-size-11);
903
+ --alpha-typography-caption-4-semibold-line-height: var(--alpha-font-line-height-16);
904
+ --alpha-typography-caption-4-semibold-letter-spacing: var(--alpha-font-letter-spacing-1);
905
+ --alpha-typography-caption-4-regular-font-weight: var(--alpha-font-weight-regular);
906
+ --alpha-typography-caption-4-regular-font-size: var(--alpha-font-size-11);
907
+ --alpha-typography-caption-4-regular-line-height: var(--alpha-font-line-height-16);
908
+ --alpha-typography-caption-4-regular-letter-spacing: var(--alpha-font-letter-spacing-1);
868
909
  }
869
910
 
870
911
  :where(:root, :host), [data-bezier-theme="light"] {
871
- --alpha-color-shadow-base-inner: var(--alpha-color-white-12);
872
- --alpha-color-shadow-base: var(--alpha-color-black-5);
873
- --alpha-color-shadow-small: var(--alpha-color-black-8);
874
- --alpha-color-shadow-medium: var(--alpha-color-black-15);
875
- --alpha-color-shadow-large: var(--alpha-color-black-22);
876
- --alpha-color-shadow-xlarge: var(--alpha-color-black-30);
877
- --alpha-color-surface-normal: var(--alpha-color-white-100);
878
- --alpha-color-surface-lower: var(--alpha-color-grey-50);
879
- --alpha-color-surface-lowest: var(--alpha-color-grey-100);
880
- --alpha-color-bg-absolute-white-lightest: var(--alpha-color-white-20);
881
- --alpha-color-bg-absolute-white-lighter: var(--alpha-color-white-40);
882
- --alpha-color-bg-absolute-white-light: var(--alpha-color-white-60);
883
- --alpha-color-bg-absolute-white-normal: var(--alpha-color-white-90);
884
- --alpha-color-bg-absolute-white-dark: var(--alpha-color-white-100);
885
- --alpha-color-bg-absolute-black-lightest: var(--alpha-color-black-20);
886
- --alpha-color-bg-absolute-black-lighter: var(--alpha-color-black-40);
887
- --alpha-color-bg-absolute-black-light: var(--alpha-color-black-60);
888
- --alpha-color-bg-absolute-black-normal: var(--alpha-color-black-85);
889
- --alpha-color-bg-absolute-black-dark: var(--alpha-color-black-100);
890
- --alpha-color-bg-navy-transparent: var(--alpha-color-navy-400-0);
891
- --alpha-color-bg-navy-shade-normal: var(--alpha-color-shade-navy-400);
892
- --alpha-color-bg-navy-shade-light: var(--alpha-color-shade-navy-400-20);
893
- --alpha-color-bg-navy-dark: var(--alpha-color-navy-500);
894
- --alpha-color-bg-navy-lightest: var(--alpha-color-navy-400-10);
895
- --alpha-color-bg-navy-lighter: var(--alpha-color-navy-400-20);
896
- --alpha-color-bg-navy-light: var(--alpha-color-navy-400-30);
897
- --alpha-color-bg-navy-normal: var(--alpha-color-navy-400);
898
- --alpha-color-bg-purple-transparent: var(--alpha-color-purple-400-0);
899
- --alpha-color-bg-purple-shade-normal: var(--alpha-color-shade-purple-400);
900
- --alpha-color-bg-purple-shade-light: var(--alpha-color-shade-purple-400-20);
901
- --alpha-color-bg-purple-dark: var(--alpha-color-purple-500);
902
- --alpha-color-bg-purple-lightest: var(--alpha-color-purple-400-10);
903
- --alpha-color-bg-purple-lighter: var(--alpha-color-purple-400-20);
904
- --alpha-color-bg-purple-light: var(--alpha-color-purple-400-30);
905
- --alpha-color-bg-purple-normal: var(--alpha-color-purple-400);
906
- --alpha-color-bg-pink-transparent: var(--alpha-color-pink-400-0);
907
- --alpha-color-bg-pink-shade-normal: var(--alpha-color-shade-pink-400);
908
- --alpha-color-bg-pink-shade-light: var(--alpha-color-shade-pink-400-20);
909
- --alpha-color-bg-pink-dark: var(--alpha-color-pink-500);
910
- --alpha-color-bg-pink-lightest: var(--alpha-color-pink-400-10);
911
- --alpha-color-bg-pink-lighter: var(--alpha-color-pink-400-20);
912
- --alpha-color-bg-pink-light: var(--alpha-color-pink-400-30);
913
- --alpha-color-bg-pink-normal: var(--alpha-color-pink-400);
914
- --alpha-color-bg-yellow-transparent: var(--alpha-color-yellow-400-0);
915
- --alpha-color-bg-yellow-shade-normal: var(--alpha-color-shade-yellow-400);
916
- --alpha-color-bg-yellow-shade-light: var(--alpha-color-shade-yellow-400-20);
917
- --alpha-color-bg-yellow-dark: var(--alpha-color-yellow-500);
918
- --alpha-color-bg-yellow-lightest: var(--alpha-color-yellow-400-10);
919
- --alpha-color-bg-yellow-lighter: var(--alpha-color-yellow-400-20);
920
- --alpha-color-bg-yellow-light: var(--alpha-color-yellow-400-30);
921
- --alpha-color-bg-yellow-normal: var(--alpha-color-yellow-400);
922
- --alpha-color-bg-olive-transparent: var(--alpha-color-olive-400-0);
923
- --alpha-color-bg-olive-shade-normal: var(--alpha-color-shade-olive-400);
924
- --alpha-color-bg-olive-shade-light: var(--alpha-color-shade-olive-400-20);
925
- --alpha-color-bg-olive-dark: var(--alpha-color-olive-500);
926
- --alpha-color-bg-olive-lightest: var(--alpha-color-olive-400-10);
927
- --alpha-color-bg-olive-lighter: var(--alpha-color-olive-400-20);
928
- --alpha-color-bg-olive-light: var(--alpha-color-olive-400-30);
929
- --alpha-color-bg-olive-normal: var(--alpha-color-olive-400);
930
- --alpha-color-bg-teal-transparent: var(--alpha-color-teal-400-0);
931
- --alpha-color-bg-teal-shade-normal: var(--alpha-color-shade-teal-400);
932
- --alpha-color-bg-teal-shade-light: var(--alpha-color-shade-teal-400-20);
933
- --alpha-color-bg-teal-dark: var(--alpha-color-teal-500);
934
- --alpha-color-bg-teal-lightest: var(--alpha-color-teal-400-10);
935
- --alpha-color-bg-teal-lighter: var(--alpha-color-teal-400-20);
936
- --alpha-color-bg-teal-light: var(--alpha-color-teal-400-30);
937
- --alpha-color-bg-teal-normal: var(--alpha-color-teal-400);
938
- --alpha-color-bg-green-transparent: var(--alpha-color-green-400-0);
939
- --alpha-color-bg-green-shade-normal: var(--alpha-color-shade-green-400);
940
- --alpha-color-bg-green-shade-light: var(--alpha-color-shade-green-400-20);
941
- --alpha-color-bg-green-dark: var(--alpha-color-green-500);
942
- --alpha-color-bg-green-lightest: var(--alpha-color-green-400-10);
943
- --alpha-color-bg-green-lighter: var(--alpha-color-green-400-20);
944
- --alpha-color-bg-green-light: var(--alpha-color-green-400-30);
945
- --alpha-color-bg-green-normal: var(--alpha-color-green-400);
946
- --alpha-color-bg-orange-transparent: var(--alpha-color-orange-400-0);
947
- --alpha-color-bg-orange-shade-normal: var(--alpha-color-shade-orange-400);
948
- --alpha-color-bg-orange-shade-light: var(--alpha-color-shade-orange-400-20);
949
- --alpha-color-bg-orange-dark: var(--alpha-color-orange-500);
950
- --alpha-color-bg-orange-lightest: var(--alpha-color-orange-400-10);
951
- --alpha-color-bg-orange-lighter: var(--alpha-color-orange-400-20);
952
- --alpha-color-bg-orange-light: var(--alpha-color-orange-400-30);
953
- --alpha-color-bg-orange-normal: var(--alpha-color-orange-400);
954
- --alpha-color-bg-red-transparent: var(--alpha-color-red-400-0);
955
- --alpha-color-bg-red-shade-normal: var(--alpha-color-shade-red-400);
956
- --alpha-color-bg-red-shade-light: var(--alpha-color-shade-red-400-20);
957
- --alpha-color-bg-red-dark: var(--alpha-color-red-500);
958
- --alpha-color-bg-red-lightest: var(--alpha-color-red-400-10);
959
- --alpha-color-bg-red-lighter: var(--alpha-color-red-400-20);
960
- --alpha-color-bg-red-light: var(--alpha-color-red-400-30);
961
- --alpha-color-bg-red-normal: var(--alpha-color-red-400);
962
- --alpha-color-bg-cobalt-transparent: var(--alpha-color-cobalt-400-0);
963
- --alpha-color-bg-cobalt-shade-normal: var(--alpha-color-shade-cobalt-400);
964
- --alpha-color-bg-cobalt-shade-light: var(--alpha-color-shade-cobalt-400-20);
965
- --alpha-color-bg-cobalt-dark: var(--alpha-color-cobalt-500);
966
- --alpha-color-bg-cobalt-lightest: var(--alpha-color-cobalt-400-10);
967
- --alpha-color-bg-cobalt-lighter: var(--alpha-color-cobalt-400-20);
968
- --alpha-color-bg-cobalt-light: var(--alpha-color-cobalt-400-30);
969
- --alpha-color-bg-cobalt-normal: var(--alpha-color-cobalt-400);
970
- --alpha-color-bg-blue-transparent: var(--alpha-color-blue-400-0);
971
- --alpha-color-bg-blue-shade-normal: var(--alpha-color-shade-blue-400);
972
- --alpha-color-bg-blue-shade-light: var(--alpha-color-shade-blue-400-20);
973
- --alpha-color-bg-blue-dark: var(--alpha-color-blue-500);
974
- --alpha-color-bg-blue-lightest: var(--alpha-color-blue-400-10);
975
- --alpha-color-bg-blue-lighter: var(--alpha-color-blue-400-20);
976
- --alpha-color-bg-blue-light: var(--alpha-color-blue-400-30);
977
- --alpha-color-bg-blue-normal: var(--alpha-color-blue-400);
978
- --alpha-color-bg-white-white-alpha-transparent: var(--alpha-color-white-0);
979
- --alpha-color-bg-white-white-alpha-light: var(--alpha-color-white-20);
980
- --alpha-color-bg-white-white-alpha-lighter: var(--alpha-color-white-60);
981
- --alpha-color-bg-white-white-alpha-lightest: var(--alpha-color-white-90);
982
- --alpha-color-bg-white-transparent: var(--alpha-color-white-0);
983
- --alpha-color-bg-white-normal: var(--alpha-color-white-100);
984
- --alpha-color-bg-white-higher: var(--alpha-color-white-100);
985
- --alpha-color-bg-white-highest: var(--alpha-color-white-100);
986
- --alpha-color-bg-grey-normal: var(--alpha-color-grey-400);
987
- --alpha-color-bg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-50-80);
988
- --alpha-color-bg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-100-80);
989
- --alpha-color-bg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-100-90);
990
- --alpha-color-bg-grey-grey-alpha-darkest: var(--alpha-color-grey-alpha-200-80);
991
- --alpha-color-bg-grey-transparent: var(--alpha-color-grey-900-0);
992
- --alpha-color-bg-grey-lightest: var(--alpha-color-grey-50);
993
- --alpha-color-bg-grey-lighter: var(--alpha-color-grey-100);
912
+ --alpha-gradient-fg-black: linear-gradient(90deg, var(--alpha-color-bg-black-light) 0%, var(--alpha-color-bg-black-dark) 100%);
913
+ --alpha-shadow-1: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 1px 2px 0 var(--alpha-color-shadow-small);
914
+ --alpha-shadow-2: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 2px 6px 0 var(--alpha-color-shadow-small);
915
+ --alpha-shadow-3: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 4px 16px 0 var(--alpha-color-shadow-medium);
916
+ --alpha-shadow-4: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 4px 24px 0 var(--alpha-color-shadow-large);
917
+ --alpha-shadow-5: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 6px 40px 0 var(--alpha-color-shadow-xlarge);
918
+ --alpha-shadow-6: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 12px 60px 4px var(--alpha-color-shadow-xlarge);
919
+ --alpha-shadow-error: 0 0 0 1px var(--alpha-color-warning-bg-normal);
920
+ --alpha-shadow-active: 0 0 0 1px var(--alpha-color-primary-bg-normal);
921
+ --alpha-shadow-input-default: inset 0 0 0 1px var(--alpha-color-shadow-medium), 0 0 2px 0 var(--alpha-color-shadow-base);
922
+ --alpha-shadow-input-hover: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 6px 0 var(--alpha-color-shadow-base);
923
+ --alpha-shadow-input-active: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 0 3px var(--alpha-color-primary-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base);
924
+ --alpha-shadow-input-error: inset 0 0 0 1px var(--alpha-color-warning-bg-normal), 0 0 0 3px var(--alpha-color-warning-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base);
925
+ --alpha-color-fg-black-pure: var(--alpha-color-black-100);
926
+ --alpha-color-fg-black-pure-hovered: #141414ff;
927
+ --alpha-color-fg-black-darkest: var(--alpha-color-black-85);
928
+ --alpha-color-fg-black-darkest-hovered: #141414d9;
929
+ --alpha-color-fg-black-darker: var(--alpha-color-black-60);
930
+ --alpha-color-fg-black-darker-hovered: #14141499;
931
+ --alpha-color-fg-black-dark: var(--alpha-color-black-40);
932
+ --alpha-color-fg-black-dark-hovered: #14141466;
933
+ --alpha-color-fg-black-light: var(--alpha-color-black-15);
934
+ --alpha-color-fg-black-light-hovered: #14141439;
935
+ --alpha-color-fg-black-lightest: var(--alpha-color-black-8);
936
+ --alpha-color-fg-black-lightest-hovered: #1414141e;
937
+ --alpha-color-fg-white-normal: var(--alpha-color-white-100);
938
+ --alpha-color-fg-white-normal-hovered: #edededff;
939
+ --alpha-color-fg-blue-normal: var(--alpha-color-blue-400);
940
+ --alpha-color-fg-blue-normal-hovered: #5551fcff;
941
+ --alpha-color-fg-blue-light: var(--alpha-color-blue-400-30);
942
+ --alpha-color-fg-blue-light-hovered: #5551fc4d;
943
+ --alpha-color-fg-blue-dark: var(--alpha-color-blue-500);
944
+ --alpha-color-fg-blue-dark-hovered: #4b42d5ff;
945
+ --alpha-color-fg-cobalt-normal: var(--alpha-color-cobalt-400);
946
+ --alpha-color-fg-cobalt-normal-hovered: #4088dfff;
947
+ --alpha-color-fg-cobalt-light: var(--alpha-color-cobalt-400-30);
948
+ --alpha-color-fg-cobalt-light-hovered: #4088df4d;
949
+ --alpha-color-fg-cobalt-dark: var(--alpha-color-cobalt-500);
950
+ --alpha-color-fg-cobalt-dark-hovered: #3268c4ff;
951
+ --alpha-color-fg-red-normal: var(--alpha-color-red-400);
952
+ --alpha-color-fg-red-normal-hovered: #df4c4cff;
953
+ --alpha-color-fg-red-light: var(--alpha-color-red-400-30);
954
+ --alpha-color-fg-red-light-hovered: #df4c4c4d;
955
+ --alpha-color-fg-red-dark: var(--alpha-color-red-500);
956
+ --alpha-color-fg-red-dark-hovered: #ab3940ff;
957
+ --alpha-color-fg-orange-normal: var(--alpha-color-orange-400);
958
+ --alpha-color-fg-orange-normal-hovered: #df751fff;
959
+ --alpha-color-fg-orange-light: var(--alpha-color-orange-400-30);
960
+ --alpha-color-fg-orange-light-hovered: #df751f4d;
961
+ --alpha-color-fg-orange-dark: var(--alpha-color-orange-500);
962
+ --alpha-color-fg-orange-dark-hovered: #b15c0fff;
963
+ --alpha-color-fg-green-normal: var(--alpha-color-green-400);
964
+ --alpha-color-fg-green-normal-hovered: #3f9e61ff;
965
+ --alpha-color-fg-green-light: var(--alpha-color-green-400-30);
966
+ --alpha-color-fg-green-light-hovered: #3f9e614d;
967
+ --alpha-color-fg-green-dark: var(--alpha-color-green-500);
968
+ --alpha-color-fg-green-dark-hovered: #347b5aff;
969
+ --alpha-color-fg-teal-normal: var(--alpha-color-teal-400);
970
+ --alpha-color-fg-teal-normal-hovered: #08a5a0ff;
971
+ --alpha-color-fg-teal-light: var(--alpha-color-teal-400-30);
972
+ --alpha-color-fg-teal-light-hovered: #08a5a04d;
973
+ --alpha-color-fg-teal-dark: var(--alpha-color-teal-500);
974
+ --alpha-color-fg-teal-dark-hovered: #06848bff;
975
+ --alpha-color-fg-olive-normal: var(--alpha-color-olive-400);
976
+ --alpha-color-fg-olive-normal-hovered: #9ba212ff;
977
+ --alpha-color-fg-olive-light: var(--alpha-color-olive-400-30);
978
+ --alpha-color-fg-olive-light-hovered: #9ba2124d;
979
+ --alpha-color-fg-olive-dark: var(--alpha-color-olive-500);
980
+ --alpha-color-fg-olive-dark-hovered: #70751cff;
981
+ --alpha-color-fg-yellow-normal: var(--alpha-color-yellow-400);
982
+ --alpha-color-fg-yellow-normal-hovered: #d9a010ff;
983
+ --alpha-color-fg-yellow-light: var(--alpha-color-yellow-400-30);
984
+ --alpha-color-fg-yellow-light-hovered: #d9a0104d;
985
+ --alpha-color-fg-yellow-dark: var(--alpha-color-yellow-500);
986
+ --alpha-color-fg-yellow-dark-hovered: #b58500ff;
987
+ --alpha-color-fg-pink-normal: var(--alpha-color-pink-400);
988
+ --alpha-color-fg-pink-normal-hovered: #cf3eacff;
989
+ --alpha-color-fg-pink-light: var(--alpha-color-pink-400-30);
990
+ --alpha-color-fg-pink-light-hovered: #cf3eac4d;
991
+ --alpha-color-fg-pink-dark: var(--alpha-color-pink-500);
992
+ --alpha-color-fg-pink-dark-hovered: #a03591ff;
993
+ --alpha-color-fg-purple-normal: var(--alpha-color-purple-400);
994
+ --alpha-color-fg-purple-normal-hovered: #8247e1ff;
995
+ --alpha-color-fg-purple-light: var(--alpha-color-purple-400-30);
996
+ --alpha-color-fg-purple-light-hovered: #8247e14d;
997
+ --alpha-color-fg-purple-dark: var(--alpha-color-purple-500);
998
+ --alpha-color-fg-purple-dark-hovered: #6135a6ff;
999
+ --alpha-color-fg-navy-normal: var(--alpha-color-navy-400);
1000
+ --alpha-color-fg-navy-normal-hovered: #414c9cff;
1001
+ --alpha-color-fg-navy-light: var(--alpha-color-navy-400-30);
1002
+ --alpha-color-fg-navy-light-hovered: #414c9c4d;
1003
+ --alpha-color-fg-navy-dark: var(--alpha-color-navy-500);
1004
+ --alpha-color-fg-navy-dark-hovered: #34377cff;
1005
+ --alpha-color-fg-absolute-black-dark: var(--alpha-color-black-100);
1006
+ --alpha-color-fg-absolute-black-dark-hovered: #141414ff;
1007
+ --alpha-color-fg-absolute-black-normal: var(--alpha-color-black-85);
1008
+ --alpha-color-fg-absolute-black-normal-hovered: #141414d9;
1009
+ --alpha-color-fg-absolute-black-light: var(--alpha-color-black-60);
1010
+ --alpha-color-fg-absolute-black-light-hovered: #14141499;
1011
+ --alpha-color-fg-absolute-black-lighter: var(--alpha-color-black-40);
1012
+ --alpha-color-fg-absolute-black-lighter-hovered: #14141466;
1013
+ --alpha-color-fg-absolute-black-lightest: var(--alpha-color-black-20);
1014
+ --alpha-color-fg-absolute-black-lightest-hovered: #1414144d;
1015
+ --alpha-color-fg-absolute-white-dark: var(--alpha-color-white-100);
1016
+ --alpha-color-fg-absolute-white-dark-hovered: #edededff;
1017
+ --alpha-color-fg-absolute-white-normal: var(--alpha-color-white-90);
1018
+ --alpha-color-fg-absolute-white-normal-hovered: #ededede6;
1019
+ --alpha-color-fg-absolute-white-light: var(--alpha-color-white-60);
1020
+ --alpha-color-fg-absolute-white-light-hovered: #ededed99;
1021
+ --alpha-color-fg-absolute-white-lighter: var(--alpha-color-white-40);
1022
+ --alpha-color-fg-absolute-white-lighter-hovered: #ededed66;
1023
+ --alpha-color-fg-absolute-white-lightest: var(--alpha-color-white-20);
1024
+ --alpha-color-fg-absolute-white-lightest-hovered: #ededed4d;
1025
+ --alpha-color-fg-grey-dark: var(--alpha-color-grey-500);
1026
+ --alpha-color-fg-grey-dark-hovered: #9b9b9eff;
1027
+ --alpha-color-fg-grey-normal: var(--alpha-color-grey-400);
1028
+ --alpha-color-fg-grey-normal-hovered: #c0c0c3ff;
1029
+ --alpha-color-fg-grey-light: var(--alpha-color-grey-200);
1030
+ --alpha-color-fg-grey-light-hovered: #dedee0ff;
1031
+ --alpha-color-fg-grey-lighter: var(--alpha-color-grey-100);
1032
+ --alpha-color-fg-grey-lighter-hovered: #e5e5e8ff;
1033
+ --alpha-color-fg-grey-lightest: var(--alpha-color-grey-50);
1034
+ --alpha-color-fg-grey-lightest-hovered: #eaeaeaff;
1035
+ --alpha-color-fg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-200-80);
1036
+ --alpha-color-fg-grey-grey-alpha-darker-hovered: #dedee0cc;
1037
+ --alpha-color-fg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-100-80);
1038
+ --alpha-color-fg-grey-grey-alpha-dark-hovered: #e5e5e8cc;
1039
+ --alpha-color-fg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-50-80);
1040
+ --alpha-color-fg-grey-grey-alpha-light-hovered: #eaeaeacc;
1041
+ --alpha-color-bg-black-darkest: var(--alpha-color-black-60);
1042
+ --alpha-color-bg-black-darkest-hovered: #14141499;
1043
+ --alpha-color-bg-black-darker: var(--alpha-color-black-40);
1044
+ --alpha-color-bg-black-darker-hovered: #14141466;
1045
+ --alpha-color-bg-black-dark: var(--alpha-color-black-15);
1046
+ --alpha-color-bg-black-dark-hovered: #14141439;
1047
+ --alpha-color-bg-black-light: var(--alpha-color-black-8);
1048
+ --alpha-color-bg-black-light-hovered: #1414141e;
1049
+ --alpha-color-bg-black-lighter: var(--alpha-color-black-5);
1050
+ --alpha-color-bg-black-lighter-hovered: #14141414;
1051
+ --alpha-color-bg-black-lightest: var(--alpha-color-black-3);
1052
+ --alpha-color-bg-black-lightest-hovered: #1414140c;
1053
+ --alpha-color-bg-black-transparent: var(--alpha-color-black-0);
1054
+ --alpha-color-bg-black-transparent-hovered: #0000001a;
1055
+ --alpha-color-bg-grey-darkest: var(--alpha-color-grey-900);
1056
+ --alpha-color-bg-grey-darkest-hovered: #3a3a41ff;
1057
+ --alpha-color-bg-grey-dark: var(--alpha-color-grey-500);
1058
+ --alpha-color-bg-grey-dark-hovered: #9b9b9eff;
994
1059
  --alpha-color-bg-grey-light: var(--alpha-color-grey-200);
995
- --alpha-color-bg-grey-dark: var(--alpha-color-grey-500);
996
- --alpha-color-bg-grey-darkest: var(--alpha-color-grey-900);
997
- --alpha-color-bg-black-transparent: var(--alpha-color-black-0);
998
- --alpha-color-bg-black-lightest: var(--alpha-color-black-3);
999
- --alpha-color-bg-black-lighter: var(--alpha-color-black-5);
1000
- --alpha-color-bg-black-light: var(--alpha-color-black-8);
1001
- --alpha-color-bg-black-dark: var(--alpha-color-black-15);
1002
- --alpha-color-bg-black-darker: var(--alpha-color-black-40);
1003
- --alpha-color-bg-black-darkest: var(--alpha-color-black-60);
1004
- --alpha-color-fg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-50-80);
1005
- --alpha-color-fg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-100-80);
1006
- --alpha-color-fg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-200-80);
1007
- --alpha-color-fg-grey-lightest: var(--alpha-color-grey-50);
1008
- --alpha-color-fg-grey-lighter: var(--alpha-color-grey-100);
1009
- --alpha-color-fg-grey-light: var(--alpha-color-grey-200);
1010
- --alpha-color-fg-grey-normal: var(--alpha-color-grey-400);
1011
- --alpha-color-fg-grey-dark: var(--alpha-color-grey-500);
1012
- --alpha-color-fg-absolute-white-lightest: var(--alpha-color-white-20);
1013
- --alpha-color-fg-absolute-white-lighter: var(--alpha-color-white-40);
1014
- --alpha-color-fg-absolute-white-light: var(--alpha-color-white-60);
1015
- --alpha-color-fg-absolute-white-normal: var(--alpha-color-white-90);
1016
- --alpha-color-fg-absolute-white-dark: var(--alpha-color-white-100);
1017
- --alpha-color-fg-absolute-black-lightest: var(--alpha-color-black-20);
1018
- --alpha-color-fg-absolute-black-lighter: var(--alpha-color-black-40);
1019
- --alpha-color-fg-absolute-black-light: var(--alpha-color-black-60);
1020
- --alpha-color-fg-absolute-black-normal: var(--alpha-color-black-85);
1021
- --alpha-color-fg-absolute-black-dark: var(--alpha-color-black-100);
1022
- --alpha-color-fg-navy-dark: var(--alpha-color-navy-500);
1023
- --alpha-color-fg-navy-light: var(--alpha-color-navy-400-30);
1024
- --alpha-color-fg-navy-normal: var(--alpha-color-navy-400);
1025
- --alpha-color-fg-purple-dark: var(--alpha-color-purple-500);
1026
- --alpha-color-fg-purple-light: var(--alpha-color-purple-400-30);
1027
- --alpha-color-fg-purple-normal: var(--alpha-color-purple-400);
1028
- --alpha-color-fg-pink-dark: var(--alpha-color-pink-500);
1029
- --alpha-color-fg-pink-light: var(--alpha-color-pink-400-30);
1030
- --alpha-color-fg-pink-normal: var(--alpha-color-pink-400);
1031
- --alpha-color-fg-yellow-dark: var(--alpha-color-yellow-500);
1032
- --alpha-color-fg-yellow-light: var(--alpha-color-yellow-400-30);
1033
- --alpha-color-fg-yellow-normal: var(--alpha-color-yellow-400);
1034
- --alpha-color-fg-olive-dark: var(--alpha-color-olive-500);
1035
- --alpha-color-fg-olive-light: var(--alpha-color-olive-400-30);
1036
- --alpha-color-fg-olive-normal: var(--alpha-color-olive-400);
1037
- --alpha-color-fg-teal-dark: var(--alpha-color-teal-500);
1038
- --alpha-color-fg-teal-light: var(--alpha-color-teal-400-30);
1039
- --alpha-color-fg-teal-normal: var(--alpha-color-teal-400);
1040
- --alpha-color-fg-green-dark: var(--alpha-color-green-500);
1041
- --alpha-color-fg-green-light: var(--alpha-color-green-400-30);
1042
- --alpha-color-fg-green-normal: var(--alpha-color-green-400);
1043
- --alpha-color-fg-orange-dark: var(--alpha-color-orange-500);
1044
- --alpha-color-fg-orange-light: var(--alpha-color-orange-400-30);
1045
- --alpha-color-fg-orange-normal: var(--alpha-color-orange-400);
1046
- --alpha-color-fg-red-dark: var(--alpha-color-red-500);
1047
- --alpha-color-fg-red-light: var(--alpha-color-red-400-30);
1048
- --alpha-color-fg-red-normal: var(--alpha-color-red-400);
1049
- --alpha-color-fg-cobalt-dark: var(--alpha-color-cobalt-500);
1050
- --alpha-color-fg-cobalt-light: var(--alpha-color-cobalt-400-30);
1051
- --alpha-color-fg-cobalt-normal: var(--alpha-color-cobalt-400);
1052
- --alpha-color-fg-blue-dark: var(--alpha-color-blue-500);
1053
- --alpha-color-fg-blue-light: var(--alpha-color-blue-400-30);
1054
- --alpha-color-fg-blue-normal: var(--alpha-color-blue-400);
1055
- --alpha-color-fg-white-normal: var(--alpha-color-white-100);
1056
- --alpha-color-fg-black-lightest: var(--alpha-color-black-8);
1057
- --alpha-color-fg-black-light: var(--alpha-color-black-15);
1058
- --alpha-color-fg-black-dark: var(--alpha-color-black-40);
1059
- --alpha-color-fg-black-darker: var(--alpha-color-black-60);
1060
- --alpha-color-fg-black-darkest: var(--alpha-color-black-85);
1061
- --alpha-color-fg-black-pure: var(--alpha-color-black-100);
1062
- --alpha-color-success-fg-dark: var(--alpha-color-fg-green-dark);
1063
- --alpha-color-success-fg-light: var(--alpha-color-fg-green-light);
1064
- --alpha-color-success-fg-normal: var(--alpha-color-fg-green-normal);
1065
- --alpha-color-success-bg-lightest: var(--alpha-color-bg-green-lightest);
1066
- --alpha-color-success-bg-lighter: var(--alpha-color-bg-green-lighter);
1067
- --alpha-color-success-bg-light: var(--alpha-color-bg-green-light);
1068
- --alpha-color-success-bg-normal: var(--alpha-color-bg-green-normal);
1069
- --alpha-color-success-bg-dark: var(--alpha-color-bg-green-dark);
1070
- --alpha-color-accent-fg-dark: var(--alpha-color-fg-cobalt-dark);
1071
- --alpha-color-accent-fg-light: var(--alpha-color-fg-cobalt-light);
1072
- --alpha-color-accent-fg-normal: var(--alpha-color-fg-cobalt-normal);
1073
- --alpha-color-accent-bg-lightest: var(--alpha-color-bg-cobalt-lightest);
1074
- --alpha-color-accent-bg-lighter: var(--alpha-color-bg-cobalt-lighter);
1075
- --alpha-color-accent-bg-light: var(--alpha-color-bg-cobalt-light);
1076
- --alpha-color-accent-bg-normal: var(--alpha-color-bg-cobalt-normal);
1077
- --alpha-color-accent-bg-dark: var(--alpha-color-bg-cobalt-dark);
1078
- --alpha-color-warning-fg-dark: var(--alpha-color-fg-orange-dark);
1079
- --alpha-color-warning-fg-light: var(--alpha-color-fg-orange-light);
1080
- --alpha-color-warning-fg-normal: var(--alpha-color-fg-orange-normal);
1081
- --alpha-color-warning-bg-lightest: var(--alpha-color-bg-orange-lightest);
1082
- --alpha-color-warning-bg-lighter: var(--alpha-color-bg-orange-lighter);
1083
- --alpha-color-warning-bg-light: var(--alpha-color-bg-orange-light);
1084
- --alpha-color-warning-bg-normal: var(--alpha-color-bg-orange-normal);
1085
- --alpha-color-warning-bg-dark: var(--alpha-color-bg-orange-dark);
1086
- --alpha-color-critical-fg-dark: var(--alpha-color-fg-red-dark);
1087
- --alpha-color-critical-fg-light: var(--alpha-color-fg-red-light);
1088
- --alpha-color-critical-fg-normal: var(--alpha-color-fg-red-normal);
1089
- --alpha-color-critical-bg-lightest: var(--alpha-color-bg-red-lightest);
1090
- --alpha-color-critical-bg-lighter: var(--alpha-color-bg-red-lighter);
1091
- --alpha-color-critical-bg-light: var(--alpha-color-bg-red-light);
1092
- --alpha-color-critical-bg-normal: var(--alpha-color-fg-red-normal);
1093
- --alpha-color-critical-bg-dark: var(--alpha-color-bg-red-dark);
1094
- --alpha-color-primary-fg-dark: var(--alpha-color-fg-blue-dark);
1095
- --alpha-color-primary-fg-light: var(--alpha-color-fg-blue-light);
1096
- --alpha-color-primary-fg-normal: var(--alpha-color-fg-blue-normal);
1097
- --alpha-color-primary-bg-dark: var(--alpha-color-bg-blue-dark);
1098
- --alpha-color-primary-bg-lightest: var(--alpha-color-bg-blue-lightest);
1099
- --alpha-color-primary-bg-lighter: var(--alpha-color-bg-blue-lighter);
1100
- --alpha-color-primary-bg-light: var(--alpha-color-bg-blue-light);
1101
- --alpha-color-primary-bg-normal: var(--alpha-color-bg-blue-normal);
1102
- --alpha-color-dim-black-normal: var(--alpha-color-bg-absolute-black-lighter);
1103
- --alpha-color-dim-black-light: var(--alpha-color-bg-absolute-black-lightest);
1104
- --alpha-shadow-input-default: inset 0 0 0 1px var(--alpha-color-shadow-medium), 0 0 2px 0 var(--alpha-color-shadow-base);
1105
- --alpha-shadow-6: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 12px 60px 4px var(--alpha-color-shadow-xlarge);
1106
- --alpha-shadow-5: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 6px 40px 0 var(--alpha-color-shadow-xlarge);
1107
- --alpha-shadow-4: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 4px 24px 0 var(--alpha-color-shadow-large);
1108
- --alpha-shadow-3: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 4px 16px 0 var(--alpha-color-shadow-medium);
1109
- --alpha-shadow-2: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 2px 6px 0 var(--alpha-color-shadow-small);
1110
- --alpha-shadow-1: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 1px 2px 0 var(--alpha-color-shadow-small);
1111
- --alpha-gradient-fg-black: linear-gradient(90deg, var(--alpha-color-bg-black-light) 0%, var(--alpha-color-bg-black-dark) 100%);
1112
- --alpha-shadow-input-error: inset 0 0 0 1px var(--alpha-color-warning-bg-normal), 0 0 0 3px var(--alpha-color-warning-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base);
1113
- --alpha-shadow-input-active: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 0 3px var(--alpha-color-primary-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base);
1114
- --alpha-shadow-input-hover: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 6px 0 var(--alpha-color-shadow-base);
1115
- --alpha-shadow-active: 0 0 0 1px var(--alpha-color-primary-bg-normal);
1116
- --alpha-shadow-error: 0 0 0 1px var(--alpha-color-warning-bg-normal);
1117
- }
1118
-
1119
- :where(:root, :host), [data-bezier-theme="light"] {
1120
- --alpha-color-dim-black-normal-hovered: #2a2a2a66;
1121
- --alpha-color-dim-black-light-hovered: #2a2a2a33;
1122
- --alpha-color-shadow-base-inner-hovered: #ededed2f;
1123
- --alpha-color-shadow-base-hovered: #14141414;
1124
- --alpha-color-shadow-small-hovered: #1414141e;
1125
- --alpha-color-shadow-medium-hovered: #14141439;
1126
- --alpha-color-shadow-large-hovered: #14141438;
1127
- --alpha-color-shadow-xlarge-hovered: #1414144d;
1128
- --alpha-color-surface-normal-hovered: #edededff;
1129
- --alpha-color-surface-lower-hovered: #eaeaeaff;
1130
- --alpha-color-surface-lowest-hovered: #e5e5e8ff;
1131
- --alpha-color-bg-absolute-white-lightest-hovered: #ededed33;
1132
- --alpha-color-bg-absolute-white-lighter-hovered: #ededed66;
1133
- --alpha-color-bg-absolute-white-light-hovered: #ededed99;
1134
- --alpha-color-bg-absolute-white-normal-hovered: #ededede6;
1135
- --alpha-color-bg-absolute-white-dark-hovered: #edededff;
1136
- --alpha-color-bg-absolute-black-lightest-hovered: #14141433;
1137
- --alpha-color-bg-absolute-black-lighter-hovered: #14141466;
1138
- --alpha-color-bg-absolute-black-light-hovered: #14141499;
1139
- --alpha-color-bg-absolute-black-normal-hovered: #141414d9;
1140
- --alpha-color-bg-absolute-black-dark-hovered: #141414ff;
1141
- --alpha-color-bg-navy-transparent-hovered: #414c9c1a;
1142
- --alpha-color-bg-navy-shade-normal-hovered: #5761a5ff;
1143
- --alpha-color-bg-navy-shade-light-hovered: #5761a533;
1144
- --alpha-color-bg-navy-dark-hovered: #34377cff;
1145
- --alpha-color-bg-navy-lightest-hovered: #414c9c27;
1146
- --alpha-color-bg-navy-lighter-hovered: #414c9c33;
1147
- --alpha-color-bg-navy-light-hovered: #414c9c4d;
1148
- --alpha-color-bg-navy-normal-hovered: #414c9cff;
1149
- --alpha-color-bg-purple-transparent-hovered: #8247e11a;
1150
- --alpha-color-bg-purple-shade-normal-hovered: #905edeff;
1151
- --alpha-color-bg-purple-shade-light-hovered: #905ede33;
1152
- --alpha-color-bg-purple-dark-hovered: #6135a6ff;
1153
- --alpha-color-bg-purple-lightest-hovered: #8247e127;
1154
- --alpha-color-bg-purple-lighter-hovered: #8247e133;
1155
- --alpha-color-bg-purple-light-hovered: #8247e14d;
1156
- --alpha-color-bg-purple-normal-hovered: #8247e1ff;
1157
- --alpha-color-bg-pink-transparent-hovered: #cf3eac1a;
1158
- --alpha-color-bg-pink-shade-normal-hovered: #cb5bb0ff;
1159
- --alpha-color-bg-pink-shade-light-hovered: #cb5bb033;
1160
- --alpha-color-bg-pink-dark-hovered: #a03591ff;
1161
- --alpha-color-bg-pink-lightest-hovered: #cf3eac27;
1162
- --alpha-color-bg-pink-lighter-hovered: #cf3eac33;
1163
- --alpha-color-bg-pink-light-hovered: #cf3eac4d;
1164
- --alpha-color-bg-pink-normal-hovered: #cf3eacff;
1165
- --alpha-color-bg-yellow-transparent-hovered: #d9a0101a;
1166
- --alpha-color-bg-yellow-shade-normal-hovered: #e2a52dff;
1167
- --alpha-color-bg-yellow-shade-light-hovered: #e2a52d33;
1168
- --alpha-color-bg-yellow-dark-hovered: #b58500ff;
1169
- --alpha-color-bg-yellow-lightest-hovered: #d9a01027;
1170
- --alpha-color-bg-yellow-lighter-hovered: #d9a01033;
1171
- --alpha-color-bg-yellow-light-hovered: #d9a0104d;
1172
- --alpha-color-bg-yellow-normal-hovered: #d9a010ff;
1173
- --alpha-color-bg-olive-transparent-hovered: #9ba2121a;
1174
- --alpha-color-bg-olive-shade-normal-hovered: #969a51ff;
1175
- --alpha-color-bg-olive-shade-light-hovered: #969a5133;
1176
- --alpha-color-bg-olive-dark-hovered: #70751cff;
1177
- --alpha-color-bg-olive-lightest-hovered: #9ba21227;
1178
- --alpha-color-bg-olive-lighter-hovered: #9ba21233;
1179
- --alpha-color-bg-olive-light-hovered: #9ba2124d;
1180
- --alpha-color-bg-olive-normal-hovered: #9ba212ff;
1181
- --alpha-color-bg-teal-transparent-hovered: #08a5a01a;
1182
- --alpha-color-bg-teal-shade-normal-hovered: #539b98ff;
1183
- --alpha-color-bg-teal-shade-light-hovered: #539b9833;
1184
- --alpha-color-bg-teal-dark-hovered: #06848bff;
1185
- --alpha-color-bg-teal-lightest-hovered: #08a5a027;
1186
- --alpha-color-bg-teal-lighter-hovered: #08a5a033;
1187
- --alpha-color-bg-teal-light-hovered: #08a5a04d;
1188
- --alpha-color-bg-teal-normal-hovered: #08a5a0ff;
1189
- --alpha-color-bg-green-transparent-hovered: #3f9e611a;
1190
- --alpha-color-bg-green-shade-normal-hovered: #5aa473ff;
1191
- --alpha-color-bg-green-shade-light-hovered: #5aa47333;
1192
- --alpha-color-bg-green-dark-hovered: #347b5aff;
1060
+ --alpha-color-bg-grey-light-hovered: #dedee0ff;
1061
+ --alpha-color-bg-grey-lighter: var(--alpha-color-grey-100);
1062
+ --alpha-color-bg-grey-lighter-hovered: #e5e5e8ff;
1063
+ --alpha-color-bg-grey-lightest: var(--alpha-color-grey-50);
1064
+ --alpha-color-bg-grey-lightest-hovered: #eaeaeaff;
1065
+ --alpha-color-bg-grey-transparent: var(--alpha-color-grey-900-0);
1066
+ --alpha-color-bg-grey-transparent-hovered: #2424281a;
1067
+ --alpha-color-bg-grey-grey-alpha-darkest: var(--alpha-color-grey-alpha-200-80);
1068
+ --alpha-color-bg-grey-grey-alpha-darkest-hovered: #dedee0cc;
1069
+ --alpha-color-bg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-100-90);
1070
+ --alpha-color-bg-grey-grey-alpha-darker-hovered: #e5e5e8e6;
1071
+ --alpha-color-bg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-100-80);
1072
+ --alpha-color-bg-grey-grey-alpha-dark-hovered: #e5e5e8cc;
1073
+ --alpha-color-bg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-50-80);
1074
+ --alpha-color-bg-grey-grey-alpha-light-hovered: #eaeaeacc;
1075
+ --alpha-color-bg-grey-normal: var(--alpha-color-grey-400);
1076
+ --alpha-color-bg-grey-normal-hovered: #c0c0c3ff;
1077
+ --alpha-color-bg-white-highest: var(--alpha-color-white-100);
1078
+ --alpha-color-bg-white-highest-hovered: #edededff;
1079
+ --alpha-color-bg-white-higher: var(--alpha-color-white-100);
1080
+ --alpha-color-bg-white-higher-hovered: #edededff;
1081
+ --alpha-color-bg-white-normal: var(--alpha-color-white-100);
1082
+ --alpha-color-bg-white-normal-hovered: #edededff;
1083
+ --alpha-color-bg-white-transparent: var(--alpha-color-white-0);
1084
+ --alpha-color-bg-white-transparent-hovered: #ffffff1a;
1085
+ --alpha-color-bg-white-white-alpha-lightest: var(--alpha-color-white-90);
1086
+ --alpha-color-bg-white-white-alpha-lightest-hovered: #ededede6;
1087
+ --alpha-color-bg-white-white-alpha-lighter: var(--alpha-color-white-60);
1088
+ --alpha-color-bg-white-white-alpha-lighter-hovered: #ededed99;
1089
+ --alpha-color-bg-white-white-alpha-light: var(--alpha-color-white-20);
1090
+ --alpha-color-bg-white-white-alpha-light-hovered: #ededed4d;
1091
+ --alpha-color-bg-white-white-alpha-transparent: var(--alpha-color-white-0);
1092
+ --alpha-color-bg-white-white-alpha-transparent-hovered: #ffffff1a;
1093
+ --alpha-color-bg-blue-normal: var(--alpha-color-blue-400);
1094
+ --alpha-color-bg-blue-normal-hovered: #5551fcff;
1095
+ --alpha-color-bg-blue-light: var(--alpha-color-blue-400-30);
1096
+ --alpha-color-bg-blue-light-hovered: #5551fc4d;
1097
+ --alpha-color-bg-blue-lighter: var(--alpha-color-blue-400-20);
1098
+ --alpha-color-bg-blue-lighter-hovered: #5551fc4d;
1099
+ --alpha-color-bg-blue-lightest: var(--alpha-color-blue-400-10);
1100
+ --alpha-color-bg-blue-lightest-hovered: #5551fc27;
1101
+ --alpha-color-bg-blue-dark: var(--alpha-color-blue-500);
1102
+ --alpha-color-bg-blue-dark-hovered: #4b42d5ff;
1103
+ --alpha-color-bg-blue-shade-lighter: var(--alpha-color-shade-blue-400-20);
1104
+ --alpha-color-bg-blue-shade-lighter-hovered: #6165d94d;
1105
+ --alpha-color-bg-blue-shade-normal: var(--alpha-color-shade-blue-400);
1106
+ --alpha-color-bg-blue-shade-normal-hovered: #6165d9ff;
1107
+ --alpha-color-bg-blue-transparent: var(--alpha-color-blue-400-0);
1108
+ --alpha-color-bg-blue-transparent-hovered: #6d6afc1a;
1109
+ --alpha-color-bg-cobalt-normal: var(--alpha-color-cobalt-400);
1110
+ --alpha-color-bg-cobalt-normal-hovered: #4088dfff;
1111
+ --alpha-color-bg-cobalt-light: var(--alpha-color-cobalt-400-30);
1112
+ --alpha-color-bg-cobalt-light-hovered: #4088df4d;
1113
+ --alpha-color-bg-cobalt-lighter: var(--alpha-color-cobalt-400-20);
1114
+ --alpha-color-bg-cobalt-lighter-hovered: #4088df4d;
1115
+ --alpha-color-bg-cobalt-lightest: var(--alpha-color-cobalt-400-10);
1116
+ --alpha-color-bg-cobalt-lightest-hovered: #4088df27;
1117
+ --alpha-color-bg-cobalt-dark: var(--alpha-color-cobalt-500);
1118
+ --alpha-color-bg-cobalt-dark-hovered: #3268c4ff;
1119
+ --alpha-color-bg-cobalt-shade-lighter: var(--alpha-color-shade-cobalt-400-20);
1120
+ --alpha-color-bg-cobalt-shade-lighter-hovered: #47a2e24d;
1121
+ --alpha-color-bg-cobalt-shade-normal: var(--alpha-color-shade-cobalt-400);
1122
+ --alpha-color-bg-cobalt-shade-normal-hovered: #47a2e2ff;
1123
+ --alpha-color-bg-cobalt-transparent: var(--alpha-color-cobalt-400-0);
1124
+ --alpha-color-bg-cobalt-transparent-hovered: #5093e51a;
1125
+ --alpha-color-bg-red-normal: var(--alpha-color-red-400);
1126
+ --alpha-color-bg-red-normal-hovered: #df4c4cff;
1127
+ --alpha-color-bg-red-light: var(--alpha-color-red-400-30);
1128
+ --alpha-color-bg-red-light-hovered: #df4c4c4d;
1129
+ --alpha-color-bg-red-lighter: var(--alpha-color-red-400-20);
1130
+ --alpha-color-bg-red-lighter-hovered: #df4c4c4d;
1131
+ --alpha-color-bg-red-lightest: var(--alpha-color-red-400-10);
1132
+ --alpha-color-bg-red-lightest-hovered: #df4c4c27;
1133
+ --alpha-color-bg-red-dark: var(--alpha-color-red-500);
1134
+ --alpha-color-bg-red-dark-hovered: #ab3940ff;
1135
+ --alpha-color-bg-red-shade-lighter: var(--alpha-color-shade-red-400-20);
1136
+ --alpha-color-bg-red-shade-lighter-hovered: #d758614d;
1137
+ --alpha-color-bg-red-shade-normal: var(--alpha-color-shade-red-400);
1138
+ --alpha-color-bg-red-shade-normal-hovered: #d75861ff;
1139
+ --alpha-color-bg-red-transparent: var(--alpha-color-red-400-0);
1140
+ --alpha-color-bg-red-transparent-hovered: #e55c5c1a;
1141
+ --alpha-color-bg-orange-normal: var(--alpha-color-orange-400);
1142
+ --alpha-color-bg-orange-normal-hovered: #df751fff;
1143
+ --alpha-color-bg-orange-light: var(--alpha-color-orange-400-30);
1144
+ --alpha-color-bg-orange-light-hovered: #df751f4d;
1145
+ --alpha-color-bg-orange-lighter: var(--alpha-color-orange-400-20);
1146
+ --alpha-color-bg-orange-lighter-hovered: #df751f4d;
1147
+ --alpha-color-bg-orange-lightest: var(--alpha-color-orange-400-10);
1148
+ --alpha-color-bg-orange-lightest-hovered: #df751f27;
1149
+ --alpha-color-bg-orange-dark: var(--alpha-color-orange-500);
1150
+ --alpha-color-bg-orange-dark-hovered: #b15c0fff;
1151
+ --alpha-color-bg-orange-shade-lighter: var(--alpha-color-shade-orange-400-20);
1152
+ --alpha-color-bg-orange-shade-lighter-hovered: #d9813a4d;
1153
+ --alpha-color-bg-orange-shade-normal: var(--alpha-color-shade-orange-400);
1154
+ --alpha-color-bg-orange-shade-normal-hovered: #d9813aff;
1155
+ --alpha-color-bg-orange-transparent: var(--alpha-color-orange-400-0);
1156
+ --alpha-color-bg-orange-transparent-hovered: #e67f2b1a;
1157
+ --alpha-color-bg-green-normal: var(--alpha-color-green-400);
1158
+ --alpha-color-bg-green-normal-hovered: #3f9e61ff;
1159
+ --alpha-color-bg-green-light: var(--alpha-color-green-400-30);
1160
+ --alpha-color-bg-green-light-hovered: #3f9e614d;
1161
+ --alpha-color-bg-green-lighter: var(--alpha-color-green-400-20);
1162
+ --alpha-color-bg-green-lighter-hovered: #3f9e614d;
1163
+ --alpha-color-bg-green-lightest: var(--alpha-color-green-400-10);
1193
1164
  --alpha-color-bg-green-lightest-hovered: #3f9e6127;
1194
- --alpha-color-bg-green-lighter-hovered: #3f9e6133;
1195
- --alpha-color-bg-green-light-hovered: #3f9e614d;
1196
- --alpha-color-bg-green-normal-hovered: #3f9e61ff;
1197
- --alpha-color-bg-orange-transparent-hovered: #df751f1a;
1198
- --alpha-color-bg-orange-shade-normal-hovered: #d9813aff;
1199
- --alpha-color-bg-orange-shade-light-hovered: #d9813a33;
1200
- --alpha-color-bg-orange-dark-hovered: #b15c0fff;
1201
- --alpha-color-bg-orange-lightest-hovered: #df751f27;
1202
- --alpha-color-bg-orange-lighter-hovered: #df751f33;
1203
- --alpha-color-bg-orange-light-hovered: #df751f4d;
1204
- --alpha-color-bg-orange-normal-hovered: #df751fff;
1205
- --alpha-color-bg-red-transparent-hovered: #df4c4c1a;
1206
- --alpha-color-bg-red-shade-normal-hovered: #d75861ff;
1207
- --alpha-color-bg-red-shade-light-hovered: #d7586133;
1208
- --alpha-color-bg-red-dark-hovered: #ab3940ff;
1209
- --alpha-color-bg-red-lightest-hovered: #df4c4c27;
1210
- --alpha-color-bg-red-lighter-hovered: #df4c4c33;
1211
- --alpha-color-bg-red-light-hovered: #df4c4c4d;
1212
- --alpha-color-bg-red-normal-hovered: #df4c4cff;
1213
- --alpha-color-bg-cobalt-transparent-hovered: #4088df1a;
1214
- --alpha-color-bg-cobalt-shade-normal-hovered: #47a2e2ff;
1215
- --alpha-color-bg-cobalt-shade-light-hovered: #47a2e233;
1216
- --alpha-color-bg-cobalt-dark-hovered: #3268c4ff;
1217
- --alpha-color-bg-cobalt-lightest-hovered: #4088df27;
1218
- --alpha-color-bg-cobalt-lighter-hovered: #4088df33;
1219
- --alpha-color-bg-cobalt-light-hovered: #4088df4d;
1220
- --alpha-color-bg-cobalt-normal-hovered: #4088dfff;
1221
- --alpha-color-bg-blue-transparent-hovered: #5551fc1a;
1222
- --alpha-color-bg-blue-shade-normal-hovered: #6165d9ff;
1223
- --alpha-color-bg-blue-shade-light-hovered: #6165d933;
1224
- --alpha-color-bg-blue-dark-hovered: #4b42d5ff;
1225
- --alpha-color-bg-blue-lightest-hovered: #5551fc27;
1226
- --alpha-color-bg-blue-lighter-hovered: #5551fc33;
1227
- --alpha-color-bg-blue-light-hovered: #5551fc4d;
1228
- --alpha-color-bg-blue-normal-hovered: #5551fcff;
1229
- --alpha-color-bg-white-white-alpha-transparent-hovered: #ededed1a;
1230
- --alpha-color-bg-white-white-alpha-light-hovered: #ededed33;
1231
- --alpha-color-bg-white-white-alpha-lighter-hovered: #ededed99;
1232
- --alpha-color-bg-white-white-alpha-lightest-hovered: #ededede6;
1233
- --alpha-color-bg-white-transparent-hovered: #ededed1a;
1234
- --alpha-color-bg-white-normal-hovered: #edededff;
1235
- --alpha-color-bg-white-higher-hovered: #edededff;
1236
- --alpha-color-bg-white-highest-hovered: #edededff;
1237
- --alpha-color-bg-grey-normal-hovered: #c0c0c3ff;
1238
- --alpha-color-bg-grey-grey-alpha-light-hovered: #eaeaeacc;
1239
- --alpha-color-bg-grey-grey-alpha-dark-hovered: #e5e5e8cc;
1240
- --alpha-color-bg-grey-grey-alpha-darker-hovered: #e5e5e8e6;
1241
- --alpha-color-bg-grey-grey-alpha-darkest-hovered: #dedee0cc;
1242
- --alpha-color-bg-grey-transparent-hovered: #3a3a411a;
1243
- --alpha-color-bg-grey-lightest-hovered: #eaeaeaff;
1244
- --alpha-color-bg-grey-lighter-hovered: #e5e5e8ff;
1245
- --alpha-color-bg-grey-light-hovered: #dedee0ff;
1246
- --alpha-color-bg-grey-dark-hovered: #9b9b9eff;
1247
- --alpha-color-bg-grey-darkest-hovered: #3a3a41ff;
1248
- --alpha-color-bg-black-transparent-hovered: #1414141a;
1249
- --alpha-color-bg-black-lightest-hovered: #1414140c;
1250
- --alpha-color-bg-black-lighter-hovered: #14141414;
1251
- --alpha-color-bg-black-light-hovered: #1414141e;
1252
- --alpha-color-bg-black-dark-hovered: #14141439;
1253
- --alpha-color-bg-black-darker-hovered: #14141466;
1254
- --alpha-color-bg-black-darkest-hovered: #14141499;
1255
- --alpha-color-fg-grey-grey-alpha-light-hovered: #eaeaeacc;
1256
- --alpha-color-fg-grey-grey-alpha-dark-hovered: #e5e5e8cc;
1257
- --alpha-color-fg-grey-grey-alpha-darker-hovered: #dedee0cc;
1258
- --alpha-color-fg-grey-lightest-hovered: #eaeaeaff;
1259
- --alpha-color-fg-grey-lighter-hovered: #e5e5e8ff;
1260
- --alpha-color-fg-grey-light-hovered: #dedee0ff;
1261
- --alpha-color-fg-grey-normal-hovered: #c0c0c3ff;
1262
- --alpha-color-fg-grey-dark-hovered: #9b9b9eff;
1263
- --alpha-color-fg-absolute-white-lightest-hovered: #ededed33;
1264
- --alpha-color-fg-absolute-white-lighter-hovered: #ededed66;
1265
- --alpha-color-fg-absolute-white-light-hovered: #ededed99;
1266
- --alpha-color-fg-absolute-white-normal-hovered: #ededede6;
1267
- --alpha-color-fg-absolute-white-dark-hovered: #edededff;
1268
- --alpha-color-fg-absolute-black-lightest-hovered: #14141433;
1269
- --alpha-color-fg-absolute-black-lighter-hovered: #14141466;
1270
- --alpha-color-fg-absolute-black-light-hovered: #14141499;
1271
- --alpha-color-fg-absolute-black-normal-hovered: #141414d9;
1272
- --alpha-color-fg-absolute-black-dark-hovered: #141414ff;
1273
- --alpha-color-fg-navy-dark-hovered: #34377cff;
1274
- --alpha-color-fg-navy-light-hovered: #414c9c4d;
1275
- --alpha-color-fg-navy-normal-hovered: #414c9cff;
1276
- --alpha-color-fg-purple-dark-hovered: #6135a6ff;
1277
- --alpha-color-fg-purple-light-hovered: #8247e14d;
1278
- --alpha-color-fg-purple-normal-hovered: #8247e1ff;
1279
- --alpha-color-fg-pink-dark-hovered: #a03591ff;
1280
- --alpha-color-fg-pink-light-hovered: #cf3eac4d;
1281
- --alpha-color-fg-pink-normal-hovered: #cf3eacff;
1282
- --alpha-color-fg-yellow-dark-hovered: #b58500ff;
1283
- --alpha-color-fg-yellow-light-hovered: #d9a0104d;
1284
- --alpha-color-fg-yellow-normal-hovered: #d9a010ff;
1285
- --alpha-color-fg-olive-dark-hovered: #70751cff;
1286
- --alpha-color-fg-olive-light-hovered: #9ba2124d;
1287
- --alpha-color-fg-olive-normal-hovered: #9ba212ff;
1288
- --alpha-color-fg-teal-dark-hovered: #06848bff;
1289
- --alpha-color-fg-teal-light-hovered: #08a5a04d;
1290
- --alpha-color-fg-teal-normal-hovered: #08a5a0ff;
1291
- --alpha-color-fg-green-dark-hovered: #347b5aff;
1292
- --alpha-color-fg-green-light-hovered: #3f9e614d;
1293
- --alpha-color-fg-green-normal-hovered: #3f9e61ff;
1294
- --alpha-color-fg-orange-dark-hovered: #b15c0fff;
1295
- --alpha-color-fg-orange-light-hovered: #df751f4d;
1296
- --alpha-color-fg-orange-normal-hovered: #df751fff;
1297
- --alpha-color-fg-red-dark-hovered: #ab3940ff;
1298
- --alpha-color-fg-red-light-hovered: #df4c4c4d;
1299
- --alpha-color-fg-red-normal-hovered: #df4c4cff;
1300
- --alpha-color-fg-cobalt-dark-hovered: #3268c4ff;
1301
- --alpha-color-fg-cobalt-light-hovered: #4088df4d;
1302
- --alpha-color-fg-cobalt-normal-hovered: #4088dfff;
1303
- --alpha-color-fg-blue-dark-hovered: #4b42d5ff;
1304
- --alpha-color-fg-blue-light-hovered: #5551fc4d;
1305
- --alpha-color-fg-blue-normal-hovered: #5551fcff;
1306
- --alpha-color-fg-white-normal-hovered: #edededff;
1307
- --alpha-color-fg-black-lightest-hovered: #1414141e;
1308
- --alpha-color-fg-black-light-hovered: #14141439;
1309
- --alpha-color-fg-black-dark-hovered: #14141466;
1310
- --alpha-color-fg-black-darker-hovered: #14141499;
1311
- --alpha-color-fg-black-darkest-hovered: #141414d9;
1312
- --alpha-color-fg-black-pure-hovered: #141414ff;
1165
+ --alpha-color-bg-green-dark: var(--alpha-color-green-500);
1166
+ --alpha-color-bg-green-dark-hovered: #347b5aff;
1167
+ --alpha-color-bg-green-shade-lighter: var(--alpha-color-shade-green-400-20);
1168
+ --alpha-color-bg-green-shade-lighter-hovered: #5aa4734d;
1169
+ --alpha-color-bg-green-shade-normal: var(--alpha-color-shade-green-400);
1170
+ --alpha-color-bg-green-shade-normal-hovered: #5aa473ff;
1171
+ --alpha-color-bg-green-transparent: var(--alpha-color-green-400-0);
1172
+ --alpha-color-bg-green-transparent-hovered: #40ad671a;
1173
+ --alpha-color-bg-teal-normal: var(--alpha-color-teal-400);
1174
+ --alpha-color-bg-teal-normal-hovered: #08a5a0ff;
1175
+ --alpha-color-bg-teal-light: var(--alpha-color-teal-400-30);
1176
+ --alpha-color-bg-teal-light-hovered: #08a5a04d;
1177
+ --alpha-color-bg-teal-lighter: var(--alpha-color-teal-400-20);
1178
+ --alpha-color-bg-teal-lighter-hovered: #08a5a04d;
1179
+ --alpha-color-bg-teal-lightest: var(--alpha-color-teal-400-10);
1180
+ --alpha-color-bg-teal-lightest-hovered: #08a5a027;
1181
+ --alpha-color-bg-teal-dark: var(--alpha-color-teal-500);
1182
+ --alpha-color-bg-teal-dark-hovered: #06848bff;
1183
+ --alpha-color-bg-teal-shade-lighter: var(--alpha-color-shade-teal-400-20);
1184
+ --alpha-color-bg-teal-shade-lighter-hovered: #539b984d;
1185
+ --alpha-color-bg-teal-shade-normal: var(--alpha-color-shade-teal-400);
1186
+ --alpha-color-bg-teal-shade-normal-hovered: #539b98ff;
1187
+ --alpha-color-bg-teal-transparent: var(--alpha-color-teal-400-0);
1188
+ --alpha-color-bg-teal-transparent-hovered: #09b2ac1a;
1189
+ --alpha-color-bg-olive-normal: var(--alpha-color-olive-400);
1190
+ --alpha-color-bg-olive-normal-hovered: #9ba212ff;
1191
+ --alpha-color-bg-olive-light: var(--alpha-color-olive-400-30);
1192
+ --alpha-color-bg-olive-light-hovered: #9ba2124d;
1193
+ --alpha-color-bg-olive-lighter: var(--alpha-color-olive-400-20);
1194
+ --alpha-color-bg-olive-lighter-hovered: #9ba2124d;
1195
+ --alpha-color-bg-olive-lightest: var(--alpha-color-olive-400-10);
1196
+ --alpha-color-bg-olive-lightest-hovered: #9ba21227;
1197
+ --alpha-color-bg-olive-dark: var(--alpha-color-olive-500);
1198
+ --alpha-color-bg-olive-dark-hovered: #70751cff;
1199
+ --alpha-color-bg-olive-shade-lighter: var(--alpha-color-shade-olive-400-20);
1200
+ --alpha-color-bg-olive-shade-lighter-hovered: #969a514d;
1201
+ --alpha-color-bg-olive-shade-normal: var(--alpha-color-shade-olive-400);
1202
+ --alpha-color-bg-olive-shade-normal-hovered: #969a51ff;
1203
+ --alpha-color-bg-olive-transparent: var(--alpha-color-olive-400-0);
1204
+ --alpha-color-bg-olive-transparent-hovered: #a9b1101a;
1205
+ --alpha-color-bg-yellow-normal: var(--alpha-color-yellow-400);
1206
+ --alpha-color-bg-yellow-normal-hovered: #d9a010ff;
1207
+ --alpha-color-bg-yellow-light: var(--alpha-color-yellow-400-30);
1208
+ --alpha-color-bg-yellow-light-hovered: #d9a0104d;
1209
+ --alpha-color-bg-yellow-lighter: var(--alpha-color-yellow-400-20);
1210
+ --alpha-color-bg-yellow-lighter-hovered: #d9a0104d;
1211
+ --alpha-color-bg-yellow-lightest: var(--alpha-color-yellow-400-10);
1212
+ --alpha-color-bg-yellow-lightest-hovered: #d9a01027;
1213
+ --alpha-color-bg-yellow-dark: var(--alpha-color-yellow-500);
1214
+ --alpha-color-bg-yellow-dark-hovered: #b58500ff;
1215
+ --alpha-color-bg-yellow-shade-lighter: var(--alpha-color-shade-yellow-400-20);
1216
+ --alpha-color-bg-yellow-shade-lighter-hovered: #e2a52d4d;
1217
+ --alpha-color-bg-yellow-shade-normal: var(--alpha-color-shade-yellow-400);
1218
+ --alpha-color-bg-yellow-shade-normal-hovered: #e2a52dff;
1219
+ --alpha-color-bg-yellow-transparent: var(--alpha-color-yellow-400-0);
1220
+ --alpha-color-bg-yellow-transparent-hovered: #edae0d1a;
1221
+ --alpha-color-bg-pink-normal: var(--alpha-color-pink-400);
1222
+ --alpha-color-bg-pink-normal-hovered: #cf3eacff;
1223
+ --alpha-color-bg-pink-light: var(--alpha-color-pink-400-30);
1224
+ --alpha-color-bg-pink-light-hovered: #cf3eac4d;
1225
+ --alpha-color-bg-pink-lighter: var(--alpha-color-pink-400-20);
1226
+ --alpha-color-bg-pink-lighter-hovered: #cf3eac4d;
1227
+ --alpha-color-bg-pink-lightest: var(--alpha-color-pink-400-10);
1228
+ --alpha-color-bg-pink-lightest-hovered: #cf3eac27;
1229
+ --alpha-color-bg-pink-dark: var(--alpha-color-pink-500);
1230
+ --alpha-color-bg-pink-dark-hovered: #a03591ff;
1231
+ --alpha-color-bg-pink-shade-lighter: var(--alpha-color-shade-pink-400-20);
1232
+ --alpha-color-bg-pink-shade-lighter-hovered: #cb5bb04d;
1233
+ --alpha-color-bg-pink-shade-normal: var(--alpha-color-shade-pink-400);
1234
+ --alpha-color-bg-pink-shade-normal-hovered: #cb5bb0ff;
1235
+ --alpha-color-bg-pink-transparent: var(--alpha-color-pink-400-0);
1236
+ --alpha-color-bg-pink-transparent-hovered: #d64bb51a;
1237
+ --alpha-color-bg-purple-normal: var(--alpha-color-purple-400);
1238
+ --alpha-color-bg-purple-normal-hovered: #8247e1ff;
1239
+ --alpha-color-bg-purple-light: var(--alpha-color-purple-400-30);
1240
+ --alpha-color-bg-purple-light-hovered: #8247e14d;
1241
+ --alpha-color-bg-purple-lighter: var(--alpha-color-purple-400-20);
1242
+ --alpha-color-bg-purple-lighter-hovered: #8247e14d;
1243
+ --alpha-color-bg-purple-lightest: var(--alpha-color-purple-400-10);
1244
+ --alpha-color-bg-purple-lightest-hovered: #8247e127;
1245
+ --alpha-color-bg-purple-dark: var(--alpha-color-purple-500);
1246
+ --alpha-color-bg-purple-dark-hovered: #6135a6ff;
1247
+ --alpha-color-bg-purple-shade-lighter: var(--alpha-color-shade-purple-400-20);
1248
+ --alpha-color-bg-purple-shade-lighter-hovered: #905ede4d;
1249
+ --alpha-color-bg-purple-shade-normal: var(--alpha-color-shade-purple-400);
1250
+ --alpha-color-bg-purple-shade-normal-hovered: #905edeff;
1251
+ --alpha-color-bg-purple-transparent: var(--alpha-color-purple-400-0);
1252
+ --alpha-color-bg-purple-transparent-hovered: #8e57e71a;
1253
+ --alpha-color-bg-navy-normal: var(--alpha-color-navy-400);
1254
+ --alpha-color-bg-navy-normal-hovered: #414c9cff;
1255
+ --alpha-color-bg-navy-light: var(--alpha-color-navy-400-30);
1256
+ --alpha-color-bg-navy-light-hovered: #414c9c4d;
1257
+ --alpha-color-bg-navy-lighter: var(--alpha-color-navy-400-20);
1258
+ --alpha-color-bg-navy-lighter-hovered: #414c9c4d;
1259
+ --alpha-color-bg-navy-lightest: var(--alpha-color-navy-400-10);
1260
+ --alpha-color-bg-navy-lightest-hovered: #414c9c27;
1261
+ --alpha-color-bg-navy-dark: var(--alpha-color-navy-500);
1262
+ --alpha-color-bg-navy-dark-hovered: #34377cff;
1263
+ --alpha-color-bg-navy-shade-lighter: var(--alpha-color-shade-navy-400-20);
1264
+ --alpha-color-bg-navy-shade-lighter-hovered: #5761a54d;
1265
+ --alpha-color-bg-navy-shade-normal: var(--alpha-color-shade-navy-400);
1266
+ --alpha-color-bg-navy-shade-normal-hovered: #5761a5ff;
1267
+ --alpha-color-bg-navy-transparent: var(--alpha-color-navy-400-0);
1268
+ --alpha-color-bg-navy-transparent-hovered: #424fab1a;
1269
+ --alpha-color-bg-absolute-black-dark: var(--alpha-color-black-100);
1270
+ --alpha-color-bg-absolute-black-dark-hovered: #141414ff;
1271
+ --alpha-color-bg-absolute-black-normal: var(--alpha-color-black-85);
1272
+ --alpha-color-bg-absolute-black-normal-hovered: #141414d9;
1273
+ --alpha-color-bg-absolute-black-light: var(--alpha-color-black-60);
1274
+ --alpha-color-bg-absolute-black-light-hovered: #14141499;
1275
+ --alpha-color-bg-absolute-black-lighter: var(--alpha-color-black-40);
1276
+ --alpha-color-bg-absolute-black-lighter-hovered: #14141466;
1277
+ --alpha-color-bg-absolute-black-lightest: var(--alpha-color-black-20);
1278
+ --alpha-color-bg-absolute-black-lightest-hovered: #1414144d;
1279
+ --alpha-color-bg-absolute-black-transparent: var(--alpha-color-black-0);
1280
+ --alpha-color-bg-absolute-black-transparent-hovered: #0000001a;
1281
+ --alpha-color-bg-absolute-white-dark: var(--alpha-color-white-100);
1282
+ --alpha-color-bg-absolute-white-dark-hovered: #edededff;
1283
+ --alpha-color-bg-absolute-white-normal: var(--alpha-color-white-90);
1284
+ --alpha-color-bg-absolute-white-normal-hovered: #ededede6;
1285
+ --alpha-color-bg-absolute-white-light: var(--alpha-color-white-60);
1286
+ --alpha-color-bg-absolute-white-light-hovered: #ededed99;
1287
+ --alpha-color-bg-absolute-white-lighter: var(--alpha-color-white-40);
1288
+ --alpha-color-bg-absolute-white-lighter-hovered: #ededed66;
1289
+ --alpha-color-bg-absolute-white-lightest: var(--alpha-color-white-20);
1290
+ --alpha-color-bg-absolute-white-lightest-hovered: #ededed4d;
1291
+ --alpha-color-bg-absolute-white-transparent: var(--alpha-color-white-0);
1292
+ --alpha-color-bg-absolute-white-transparent-hovered: #ffffff1a;
1293
+ --alpha-color-surface-lowest: var(--alpha-color-grey-100);
1294
+ --alpha-color-surface-lowest-hovered: #e5e5e8ff;
1295
+ --alpha-color-surface-lower: var(--alpha-color-grey-50);
1296
+ --alpha-color-surface-lower-hovered: #eaeaeaff;
1297
+ --alpha-color-surface-normal: var(--alpha-color-white-100);
1298
+ --alpha-color-surface-normal-hovered: #edededff;
1299
+ --alpha-color-shadow-xlarge: var(--alpha-color-black-30);
1300
+ --alpha-color-shadow-xlarge-hovered: #1414144d;
1301
+ --alpha-color-shadow-large: var(--alpha-color-black-22);
1302
+ --alpha-color-shadow-large-hovered: #14141438;
1303
+ --alpha-color-shadow-medium: var(--alpha-color-black-15);
1304
+ --alpha-color-shadow-medium-hovered: #14141439;
1305
+ --alpha-color-shadow-small: var(--alpha-color-black-8);
1306
+ --alpha-color-shadow-small-hovered: #1414141e;
1307
+ --alpha-color-shadow-base: var(--alpha-color-black-5);
1308
+ --alpha-color-shadow-base-hovered: #14141414;
1309
+ --alpha-color-shadow-base-inner: var(--alpha-color-white-12);
1310
+ --alpha-color-shadow-base-inner-hovered: #ededed2f;
1311
+ --alpha-color-dim-black-light: var(--alpha-color-bg-absolute-black-lightest);
1312
+ --alpha-color-dim-black-light-hovered: #1414144d;
1313
+ --alpha-color-dim-black-normal: var(--alpha-color-bg-absolute-black-lighter);
1314
+ --alpha-color-dim-black-normal-hovered: #14141466;
1315
+ --alpha-color-primary-bg-normal: var(--alpha-color-bg-blue-normal);
1316
+ --alpha-color-primary-bg-normal-hovered: #5551fcff;
1317
+ --alpha-color-primary-bg-light: var(--alpha-color-bg-blue-light);
1318
+ --alpha-color-primary-bg-light-hovered: #5551fc4d;
1319
+ --alpha-color-primary-bg-lighter: var(--alpha-color-bg-blue-lighter);
1320
+ --alpha-color-primary-bg-lighter-hovered: #5551fc4d;
1321
+ --alpha-color-primary-bg-lightest: var(--alpha-color-bg-blue-lightest);
1322
+ --alpha-color-primary-bg-lightest-hovered: #5551fc27;
1323
+ --alpha-color-primary-bg-dark: var(--alpha-color-bg-blue-dark);
1324
+ --alpha-color-primary-bg-dark-hovered: #4b42d5ff;
1325
+ --alpha-color-primary-fg-normal: var(--alpha-color-fg-blue-normal);
1326
+ --alpha-color-primary-fg-normal-hovered: #5551fcff;
1327
+ --alpha-color-primary-fg-light: var(--alpha-color-fg-blue-light);
1328
+ --alpha-color-primary-fg-light-hovered: #5551fc4d;
1329
+ --alpha-color-primary-fg-dark: var(--alpha-color-fg-blue-dark);
1330
+ --alpha-color-primary-fg-dark-hovered: #4b42d5ff;
1331
+ --alpha-color-critical-bg-dark: var(--alpha-color-bg-red-dark);
1332
+ --alpha-color-critical-bg-dark-hovered: #ab3940ff;
1333
+ --alpha-color-critical-bg-normal: var(--alpha-color-fg-red-normal);
1334
+ --alpha-color-critical-bg-normal-hovered: #df4c4cff;
1335
+ --alpha-color-critical-bg-light: var(--alpha-color-bg-red-light);
1336
+ --alpha-color-critical-bg-light-hovered: #df4c4c4d;
1337
+ --alpha-color-critical-bg-lighter: var(--alpha-color-bg-red-lighter);
1338
+ --alpha-color-critical-bg-lighter-hovered: #df4c4c4d;
1339
+ --alpha-color-critical-bg-lightest: var(--alpha-color-bg-red-lightest);
1340
+ --alpha-color-critical-bg-lightest-hovered: #df4c4c27;
1341
+ --alpha-color-critical-fg-normal: var(--alpha-color-fg-red-normal);
1342
+ --alpha-color-critical-fg-normal-hovered: #df4c4cff;
1343
+ --alpha-color-critical-fg-light: var(--alpha-color-fg-red-light);
1344
+ --alpha-color-critical-fg-light-hovered: #df4c4c4d;
1345
+ --alpha-color-critical-fg-dark: var(--alpha-color-fg-red-dark);
1346
+ --alpha-color-critical-fg-dark-hovered: #ab3940ff;
1347
+ --alpha-color-warning-bg-dark: var(--alpha-color-bg-orange-dark);
1348
+ --alpha-color-warning-bg-dark-hovered: #b15c0fff;
1349
+ --alpha-color-warning-bg-normal: var(--alpha-color-bg-orange-normal);
1350
+ --alpha-color-warning-bg-normal-hovered: #df751fff;
1351
+ --alpha-color-warning-bg-light: var(--alpha-color-bg-orange-light);
1352
+ --alpha-color-warning-bg-light-hovered: #df751f4d;
1353
+ --alpha-color-warning-bg-lighter: var(--alpha-color-bg-orange-lighter);
1354
+ --alpha-color-warning-bg-lighter-hovered: #df751f4d;
1355
+ --alpha-color-warning-bg-lightest: var(--alpha-color-bg-orange-lightest);
1356
+ --alpha-color-warning-bg-lightest-hovered: #df751f27;
1357
+ --alpha-color-warning-fg-normal: var(--alpha-color-fg-orange-normal);
1358
+ --alpha-color-warning-fg-normal-hovered: #df751fff;
1359
+ --alpha-color-warning-fg-light: var(--alpha-color-fg-orange-light);
1360
+ --alpha-color-warning-fg-light-hovered: #df751f4d;
1361
+ --alpha-color-warning-fg-dark: var(--alpha-color-fg-orange-dark);
1362
+ --alpha-color-warning-fg-dark-hovered: #b15c0fff;
1363
+ --alpha-color-accent-bg-dark: var(--alpha-color-bg-cobalt-dark);
1364
+ --alpha-color-accent-bg-dark-hovered: #3268c4ff;
1365
+ --alpha-color-accent-bg-normal: var(--alpha-color-bg-cobalt-normal);
1366
+ --alpha-color-accent-bg-normal-hovered: #4088dfff;
1367
+ --alpha-color-accent-bg-light: var(--alpha-color-bg-cobalt-light);
1368
+ --alpha-color-accent-bg-light-hovered: #4088df4d;
1369
+ --alpha-color-accent-bg-lighter: var(--alpha-color-bg-cobalt-lighter);
1370
+ --alpha-color-accent-bg-lighter-hovered: #4088df4d;
1371
+ --alpha-color-accent-bg-lightest: var(--alpha-color-bg-cobalt-lightest);
1372
+ --alpha-color-accent-bg-lightest-hovered: #4088df27;
1373
+ --alpha-color-accent-fg-normal: var(--alpha-color-fg-cobalt-normal);
1374
+ --alpha-color-accent-fg-normal-hovered: #4088dfff;
1375
+ --alpha-color-accent-fg-light: var(--alpha-color-fg-cobalt-light);
1376
+ --alpha-color-accent-fg-light-hovered: #4088df4d;
1377
+ --alpha-color-accent-fg-dark: var(--alpha-color-fg-cobalt-dark);
1378
+ --alpha-color-accent-fg-dark-hovered: #3268c4ff;
1379
+ --alpha-color-success-bg-dark: var(--alpha-color-bg-green-dark);
1380
+ --alpha-color-success-bg-dark-hovered: #347b5aff;
1381
+ --alpha-color-success-bg-normal: var(--alpha-color-bg-green-normal);
1382
+ --alpha-color-success-bg-normal-hovered: #3f9e61ff;
1383
+ --alpha-color-success-bg-light: var(--alpha-color-bg-green-light);
1384
+ --alpha-color-success-bg-light-hovered: #3f9e614d;
1385
+ --alpha-color-success-bg-lighter: var(--alpha-color-bg-green-lighter);
1386
+ --alpha-color-success-bg-lighter-hovered: #3f9e614d;
1387
+ --alpha-color-success-bg-lightest: var(--alpha-color-bg-green-lightest);
1388
+ --alpha-color-success-bg-lightest-hovered: #3f9e6127;
1389
+ --alpha-color-success-fg-normal: var(--alpha-color-fg-green-normal);
1390
+ --alpha-color-success-fg-normal-hovered: #3f9e61ff;
1391
+ --alpha-color-success-fg-light: var(--alpha-color-fg-green-light);
1392
+ --alpha-color-success-fg-light-hovered: #3f9e614d;
1393
+ --alpha-color-success-fg-dark: var(--alpha-color-fg-green-dark);
1394
+ --alpha-color-success-fg-dark-hovered: #347b5aff;
1313
1395
  }