@salutejs/sdds-themes 0.58.0-next-insol.0 → 0.58.0

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 (41) hide show
  1. package/css/sdds_sbcom.module.css +1777 -0
  2. package/css/sdds_sbcom__dark.css +1103 -0
  3. package/css/sdds_sbcom__light.css +1103 -0
  4. package/es/themes/index.js +2 -2
  5. package/es/themes/index.js.map +1 -1
  6. package/es/themes/sdds_sbcom__dark.js +3 -0
  7. package/es/themes/sdds_sbcom__dark.js.map +1 -0
  8. package/es/themes/sdds_sbcom__light.js +3 -0
  9. package/es/themes/sdds_sbcom__light.js.map +1 -0
  10. package/es/tokens/sdds_sbcom/index.js +1676 -0
  11. package/es/tokens/sdds_sbcom/index.js.map +1 -0
  12. package/package.json +3 -3
  13. package/themes/index.d.ts +2 -2
  14. package/themes/index.js +5 -5
  15. package/themes/index.js.map +1 -1
  16. package/themes/sdds_sbcom__dark.d.ts +1 -0
  17. package/themes/sdds_sbcom__dark.js +6 -0
  18. package/themes/sdds_sbcom__dark.js.map +1 -0
  19. package/themes/sdds_sbcom__light.d.ts +1 -0
  20. package/themes/sdds_sbcom__light.js +6 -0
  21. package/themes/sdds_sbcom__light.js.map +1 -0
  22. package/tokens/{sdds_insol_next → sdds_sbcom}/index.d.ts +882 -1609
  23. package/tokens/sdds_sbcom/index.js +1693 -0
  24. package/tokens/sdds_sbcom/index.js.map +1 -0
  25. package/css/sdds_insol_next.module.css +0 -2761
  26. package/css/sdds_insol_next__dark.css +0 -1845
  27. package/css/sdds_insol_next__light.css +0 -1845
  28. package/es/themes/sdds_insol_next__dark.js +0 -3
  29. package/es/themes/sdds_insol_next__dark.js.map +0 -1
  30. package/es/themes/sdds_insol_next__light.js +0 -3
  31. package/es/themes/sdds_insol_next__light.js.map +0 -1
  32. package/es/tokens/sdds_insol_next/index.js +0 -2403
  33. package/es/tokens/sdds_insol_next/index.js.map +0 -1
  34. package/themes/sdds_insol_next__dark.d.ts +0 -1
  35. package/themes/sdds_insol_next__dark.js +0 -6
  36. package/themes/sdds_insol_next__dark.js.map +0 -1
  37. package/themes/sdds_insol_next__light.d.ts +0 -1
  38. package/themes/sdds_insol_next__light.js +0 -6
  39. package/themes/sdds_insol_next__light.js.map +0 -1
  40. package/tokens/sdds_insol_next/index.js +0 -2425
  41. package/tokens/sdds_insol_next/index.js.map +0 -1
@@ -0,0 +1,1777 @@
1
+ /* Generated by robots, do not change this manually! */
2
+
3
+ .dark {
4
+ --text-primary-hover: #D7C5BCFF;
5
+ --text-primary-active: #CFBAAFFF;
6
+ --text-primary-brightness: #FFFFFFFF;
7
+ --text-secondary-hover: #F5F1EFFF;
8
+ --text-secondary-active: #F5F1EF52;
9
+ --text-tertiary-hover: #F5F1EF99;
10
+ --text-tertiary-active: #F5F1EF25;
11
+ --text-paragraph-hover: #F5F1EFF5;
12
+ --text-paragraph-active: #F5F1EF49;
13
+ --text-accent-hover: #D1CEADFF;
14
+ --text-accent-active: #A9A266FF;
15
+ --text-accent-minor-hover: #B4AE79F5;
16
+ --text-accent-minor-active: #B4AE7949;
17
+ --text-positive-hover: #91CC8EFF;
18
+ --text-positive-active: #469442FF;
19
+ --text-warning-hover: #E95D0CFF;
20
+ --text-warning-active: #9B3E08FF;
21
+ --text-negative-hover: #E36468FF;
22
+ --text-negative-active: #A41E22FF;
23
+ --text-info-hover: #3895FFFF;
24
+ --text-info-active: #0053B3FF;
25
+ --text-positive-minor-hover: #249122F5;
26
+ --text-positive-minor-active: #24912249;
27
+ --text-warning-minor-hover: #BB4F11FF;
28
+ --text-warning-minor-active: #70300AFF;
29
+ --text-negative-minor-hover: #D41C2EFF;
30
+ --text-negative-minor-active: #8C121EFF;
31
+ --text-info-minor-hover: #1277BAFF;
32
+ --text-info-minor-active: #0B476FFF;
33
+ --text-positive-minor: #2393227A;
34
+ --text-warning-minor: #85380C;
35
+ --text-info-minor: #0D5382;
36
+ --text-negative-minor: #9C1422;
37
+ --text-primary: #F6F2F0FF;
38
+ --text-secondary: #F6F2F0A3;
39
+ --text-tertiary: #F6F2F03D;
40
+ --text-paragraph: #F6F2F07A;
41
+ --text-accent: #B4AE7BFF;
42
+ --text-accent-minor: #B4AE7B7A;
43
+ --text-positive: #50A84CFF;
44
+ --text-negative: #BE2329FF;
45
+ --text-warning: #AD4409FF;
46
+ --text-info: #0064D3FF;
47
+ --on-dark-text-primary-hover: #D7C5BCFF;
48
+ --on-dark-text-primary-active: #CFBAAFFF;
49
+ --on-dark-text-primary-brightness: #FFFFFFFF;
50
+ --on-dark-text-secondary-hover: #F5F1EFFF;
51
+ --on-dark-text-secondary-active: #F5F1EF52;
52
+ --on-dark-text-tertiary-hover: #F5F1EF99;
53
+ --on-dark-text-tertiary-active: #F5F1EF25;
54
+ --on-dark-text-paragraph-hover: #F5F1EFF5;
55
+ --on-dark-text-paragraph-active: #F5F1EF49;
56
+ --on-dark-text-accent-hover: #D1CEADFF;
57
+ --on-dark-text-accent-active: #A9A266FF;
58
+ --on-dark-text-accent-minor-hover: #B4AE79F5;
59
+ --on-dark-text-accent-minor-active: #B4AE7949;
60
+ --on-dark-text-positive-hover: #91CC8EFF;
61
+ --on-dark-text-positive-active: #469442FF;
62
+ --on-dark-text-warning-hover: #E95D0CFF;
63
+ --on-dark-text-warning-active: #9B3E08FF;
64
+ --on-dark-text-negative-hover: #E36468FF;
65
+ --on-dark-text-negative-active: #A41E22FF;
66
+ --on-dark-text-info-hover: #3895FFFF;
67
+ --on-dark-text-info-active: #0053B3FF;
68
+ --on-dark-text-positive-minor-hover: #249122F5;
69
+ --on-dark-text-positive-minor-active: #24912249;
70
+ --on-dark-text-warning-minor-hover: #BB4F11FF;
71
+ --on-dark-text-warning-minor-active: #70300AFF;
72
+ --on-dark-text-negative-minor-hover: #D41C2EFF;
73
+ --on-dark-text-negative-minor-active: #8C121EFF;
74
+ --on-dark-text-info-minor-hover: #1277BAFF;
75
+ --on-dark-text-info-minor-active: #0B476FFF;
76
+ --on-dark-text-primary: #F6F2F0FF;
77
+ --on-dark-text-secondary: #F6F2F0A3;
78
+ --on-dark-text-tertiary: #F6F2F03D;
79
+ --on-dark-text-paragraph: #F6F2F07A;
80
+ --on-dark-text-accent: #B4AE7BFF;
81
+ --on-dark-text-accent-minor: #B4AE7B7A;
82
+ --on-dark-text-positive: #50A84CFF;
83
+ --on-dark-text-negative: #BE2329FF;
84
+ --on-dark-text-warning: #AD4409FF;
85
+ --on-dark-text-info: #0064D3FF;
86
+ --on-dark-text-positive-minor: #2393227A;
87
+ --on-dark-text-negative-minor: #9C1422;
88
+ --on-dark-text-info-minor: #0D5382;
89
+ --on-dark-text-warning-minor: #85380C;
90
+ --on-light-text-primary-hover: #B19B91FF;
91
+ --on-light-text-primary-active: #15110FFF;
92
+ --on-light-text-primary-brightness: #271F1CFF;
93
+ --on-light-text-secondary-hover: #15110F52;
94
+ --on-light-text-secondary-active: #15110FFF;
95
+ --on-light-text-tertiary-hover: #15110F25;
96
+ --on-light-text-tertiary-active: #15110F62;
97
+ --on-light-text-paragraph-hover: #15110F3D;
98
+ --on-light-text-paragraph-active: #15110FA3;
99
+ --on-light-text-accent-hover: #86B57DFF;
100
+ --on-light-text-accent-active: #466E3FFF;
101
+ --on-light-text-accent-minor-hover: #53824A3D;
102
+ --on-light-text-accent-minor-active: #53824AA3;
103
+ --on-light-text-positive-hover: #2FB92DFF;
104
+ --on-light-text-positive-active: #1C6F1BFF;
105
+ --on-light-text-warning-hover: #DF590CFF;
106
+ --on-light-text-warning-active: #883607FF;
107
+ --on-light-text-negative-hover: #EB7A89FF;
108
+ --on-light-text-negative-active: #C31D33FF;
109
+ --on-light-text-info-hover: #3895FFFF;
110
+ --on-light-text-info-active: #0053B3FF;
111
+ --on-light-text-positive-minor-hover: #24912249;
112
+ --on-light-text-positive-minor-active: #249122C4;
113
+ --on-light-text-warning-minor-hover: #FDB790FF;
114
+ --on-light-text-warning-minor-active: #FC8240FF;
115
+ --on-light-text-negative-minor-hover: #FFB8BFFF;
116
+ --on-light-text-negative-minor-active: #FF6675FF;
117
+ --on-light-text-info-minor-hover: #A3DAFFFF;
118
+ --on-light-text-info-minor-active: #29A9FFFF;
119
+ --on-light-text-primary: #15110FFF;
120
+ --on-light-text-secondary: #15110FA3;
121
+ --on-light-text-tertiary: #15110F3D;
122
+ --on-light-text-paragraph: #15110F66;
123
+ --on-light-text-accent: #52804AFF;
124
+ --on-light-text-accent-minor: #52804A66;
125
+ --on-light-text-positive: #207F1FFF;
126
+ --on-light-text-warning: #AD4409FF;
127
+ --on-light-text-negative: #DE213AFF;
128
+ --on-light-text-info: #0064D3FF;
129
+ --on-light-text-positive-minor: #2393227A;
130
+ --on-light-text-warning-minor: #FD9C68;
131
+ --on-light-text-negative-minor: #FF8F9A;
132
+ --on-light-text-info-minor: #52BAFF;
133
+ --inverse-text-primary-hover: #B19B91FF;
134
+ --inverse-text-primary-active: #15110FFF;
135
+ --inverse-text-primary-brightness: #271F1CFF;
136
+ --inverse-text-secondary-hover: #15110F52;
137
+ --inverse-text-secondary-active: #15110FFF;
138
+ --inverse-text-tertiary-hover: #15110F25;
139
+ --inverse-text-tertiary-active: #15110F62;
140
+ --inverse-text-paragraph-hover: #15110F3D;
141
+ --inverse-text-paragraph-active: #15110FA3;
142
+ --inverse-text-accent-hover: #79B706FF;
143
+ --inverse-text-accent-active: #3E5E03FF;
144
+ --inverse-text-accent-minor-hover: #B6FB37FF;
145
+ --inverse-text-accent-minor-active: #70AA03FF;
146
+ --inverse-text-positive-hover: #79B706FF;
147
+ --inverse-text-positive-active: #3E5E03FF;
148
+ --inverse-text-warning-hover: #DF590CFF;
149
+ --inverse-text-warning-active: #883607FF;
150
+ --inverse-text-negative-hover: #EB7A89FF;
151
+ --inverse-text-negative-active: #C31D33FF;
152
+ --inverse-text-info-hover: #3895FFFF;
153
+ --inverse-text-info-active: #0053B3FF;
154
+ --inverse-text-positive-minor-hover: #B6FB37FF;
155
+ --inverse-text-positive-minor-active: #70AA03FF;
156
+ --inverse-text-warning-minor-hover: #FDB790FF;
157
+ --inverse-text-warning-minor-active: #FC8240FF;
158
+ --inverse-text-negative-minor-hover: #FFB8BFFF;
159
+ --inverse-text-negative-minor-active: #FF6675FF;
160
+ --inverse-text-info-minor-hover: #A3DAFFFF;
161
+ --inverse-text-info-minor-active: #29A9FFFF;
162
+ --inverse-text-accent: #588604;
163
+ --inverse-text-positive: #588604;
164
+ --inverse-text-accent-minor: #83C804;
165
+ --inverse-text-positive-minor: #83C804;
166
+ --inverse-text-primary: #15110FFF;
167
+ --inverse-text-secondary: #15110FA3;
168
+ --inverse-text-tertiary: #15110F3D;
169
+ --inverse-text-paragraph: #15110F66;
170
+ --inverse-text-warning: #AD4409FF;
171
+ --inverse-text-negative: #DE213AFF;
172
+ --inverse-text-info: #0064D3FF;
173
+ --inverse-text-negative-minor: #FF8F9A;
174
+ --inverse-text-warning-minor: #FD9C68;
175
+ --inverse-text-info-minor: #52BAFF;
176
+ --surface-solid-primary-hover: #2E2E2EFF;
177
+ --surface-solid-primary-active: #1F1F1FFF;
178
+ --surface-solid-primary-brightness: #333333FF;
179
+ --surface-solid-secondary-hover: #424242FF;
180
+ --surface-solid-secondary-active: #333333FF;
181
+ --surface-solid-tertiary-hover: #525252FF;
182
+ --surface-solid-tertiary-active: #424242FF;
183
+ --surface-solid-card-hover: #2E2E2EFF;
184
+ --surface-solid-card-active: #1F1F1FFF;
185
+ --surface-solid-card-brightness: #333333FF;
186
+ --surface-solid-default-hover: #F9F7F5FF;
187
+ --surface-solid-default-active: #F2ECE9FF;
188
+ --surface-transparent-primary-hover: #FFFFFF24;
189
+ --surface-transparent-primary-active: #FFFFFF0F;
190
+ --surface-transparent-secondary-hover: #FFFFFF47;
191
+ --surface-transparent-secondary-active: #FFFFFF1A;
192
+ --surface-transparent-tertiary-hover: #FFFFFF5C;
193
+ --surface-transparent-tertiary-active: #FFFFFF2E;
194
+ --surface-transparent-deep-hover: #FFFFFFC2;
195
+ --surface-transparent-deep-active: #FFFFFF94;
196
+ --surface-transparent-card-hover: #FFFFFFFF;
197
+ --surface-transparent-card-active: #FFFFFFFF;
198
+ --surface-transparent-card-brightness: #FFFFFFFF;
199
+ --surface-clear-hover: #FFFFFF00;
200
+ --surface-clear-active: #FFFFFF00;
201
+ --surface-accent-hover: #5A8952FF;
202
+ --surface-accent-active: #4D7647FF;
203
+ --surface-accent-minor-hover: #155214FF;
204
+ --surface-accent-minor-active: #0F390EFF;
205
+ --surface-transparent-accent-hover: #517C4B52;
206
+ --surface-transparent-accent-active: #517C4B24;
207
+ --surface-positive-hover: #1DAF37FF;
208
+ --surface-positive-active: #18952FFF;
209
+ --surface-warning-hover: #FB7223FF;
210
+ --surface-warning-active: #F05B05FF;
211
+ --surface-negative-hover: #FF475AFF;
212
+ --surface-negative-active: #FF1F35FF;
213
+ --surface-info-hover: #1798EEFF;
214
+ --surface-info-active: #1086D5FF;
215
+ --surface-positive-minor-hover: #0E3A16FF;
216
+ --surface-positive-minor-active: #08210CFF;
217
+ --surface-warning-minor-hover: #63311CFF;
218
+ --surface-warning-minor-active: #4C2615FF;
219
+ --surface-negative-minor-hover: #662C29FF;
220
+ --surface-negative-minor-active: #502220FF;
221
+ --surface-info-minor-hover: #053C85FF;
222
+ --surface-info-minor-active: #042F67FF;
223
+ --surface-solid-card: #232323FF;
224
+ --surface-solid-primary: #232323FF;
225
+ --surface-solid-secondary: #373737FF;
226
+ --surface-solid-tertiary: #474747FF;
227
+ --surface-solid-default: #F6F2F0FF;
228
+ --surface-transparent-primary: #FFFFFF14;
229
+ --surface-transparent-secondary: #FFFFFF29;
230
+ --surface-transparent-tertiary: #FFFFFF3D;
231
+ --surface-transparent-deep: #FFFFFFA3;
232
+ --surface-clear: #FFFFFF00;
233
+ --surface-warning: #FA5F05;
234
+ --surface-negative: #FF293E;
235
+ --surface-info: #118CDF;
236
+ --surface-positive: #1A9E32;
237
+ --surface-positive-minor: #0A2B10;
238
+ --surface-warning-minor: #552A18FF;
239
+ --surface-negative-minor: #582623FF;
240
+ --surface-info-minor: #043471FF;
241
+ --surface-accent: #527E4BFF;
242
+ --surface-transparent-accent: #527E4B33;
243
+ --surface-accent-minor: #124311FF;
244
+ --surface-transparent-navi-hover: #FFFFFFFF;
245
+ --surface-transparent-navi-active: #FFFFFFFF;
246
+ --on-dark-surface-solid-primary-hover: #2E2E2EFF;
247
+ --on-dark-surface-solid-primary-active: #1F1F1FFF;
248
+ --on-dark-surface-solid-primary-brightness: #333333FF;
249
+ --on-dark-surface-solid-secondary-hover: #424242FF;
250
+ --on-dark-surface-solid-secondary-active: #333333FF;
251
+ --on-dark-surface-solid-tertiary-hover: #525252FF;
252
+ --on-dark-surface-solid-tertiary-active: #424242FF;
253
+ --on-dark-surface-solid-card-hover: #2E2E2EFF;
254
+ --on-dark-surface-solid-card-active: #1F1F1FFF;
255
+ --on-dark-surface-solid-card-brightness: #333333FF;
256
+ --on-dark-surface-solid-default-hover: #F9F7F5FF;
257
+ --on-dark-surface-solid-default-active: #F2ECE9FF;
258
+ --on-dark-surface-transparent-primary-hover: #FFFFFF24;
259
+ --on-dark-surface-transparent-primary-active: #FFFFFF0F;
260
+ --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
261
+ --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
262
+ --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
263
+ --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
264
+ --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
265
+ --on-dark-surface-transparent-deep-active: #FFFFFF94;
266
+ --on-dark-surface-transparent-card-hover: #FFFFFFFF;
267
+ --on-dark-surface-transparent-card-active: #FFFFFFFF;
268
+ --on-dark-surface-transparent-card-brightness: #FFFFFFFF;
269
+ --on-dark-surface-clear-hover: #FFFFFF00;
270
+ --on-dark-surface-clear-active: #FFFFFF00;
271
+ --on-dark-surface-accent-hover: #5A8952FF;
272
+ --on-dark-surface-accent-active: #4D7647FF;
273
+ --on-dark-surface-accent-minor-hover: #155214FF;
274
+ --on-dark-surface-accent-minor-active: #0F390EFF;
275
+ --on-dark-surface-transparent-accent-hover: #517C4B52;
276
+ --on-dark-surface-transparent-accent-active: #517C4B24;
277
+ --on-dark-surface-positive-hover: #1DAF37FF;
278
+ --on-dark-surface-positive-active: #18952FFF;
279
+ --on-dark-surface-warning-hover: #FB7223FF;
280
+ --on-dark-surface-warning-active: #F05B05FF;
281
+ --on-dark-surface-negative-hover: #FF475AFF;
282
+ --on-dark-surface-negative-active: #FF1F35FF;
283
+ --on-dark-surface-info-hover: #1798EEFF;
284
+ --on-dark-surface-info-active: #1086D5FF;
285
+ --on-dark-surface-positive-minor-hover: #0E3A16FF;
286
+ --on-dark-surface-positive-minor-active: #08210CFF;
287
+ --on-dark-surface-warning-minor-hover: #63311CFF;
288
+ --on-dark-surface-warning-minor-active: #4C2615FF;
289
+ --on-dark-surface-negative-minor-hover: #662C29FF;
290
+ --on-dark-surface-negative-minor-active: #502220FF;
291
+ --on-dark-surface-info-minor-hover: #053C85FF;
292
+ --on-dark-surface-info-minor-active: #042F67FF;
293
+ --on-dark-surface-solid-primary: #232323FF;
294
+ --on-dark-surface-solid-secondary: #373737FF;
295
+ --on-dark-surface-solid-tertiary: #474747FF;
296
+ --on-dark-surface-solid-card: #232323FF;
297
+ --on-dark-surface-solid-default: #F6F2F0FF;
298
+ --on-dark-surface-transparent-primary: #FFFFFF14;
299
+ --on-dark-surface-transparent-secondary: #FFFFFF29;
300
+ --on-dark-surface-transparent-tertiary: #FFFFFF3D;
301
+ --on-dark-surface-transparent-deep: #FFFFFFA3;
302
+ --on-dark-surface-clear: #FFFFFF00;
303
+ --on-dark-surface-warning: #FA5F05;
304
+ --on-dark-surface-negative: #FF293E;
305
+ --on-dark-surface-transparent-accent: #527E4B33;
306
+ --on-dark-surface-info: #118CDF;
307
+ --on-dark-surface-warning-minor: #552A18FF;
308
+ --on-dark-surface-negative-minor: #582623FF;
309
+ --on-dark-surface-info-minor: #043471FF;
310
+ --on-dark-surface-accent: #527E4BFF;
311
+ --on-dark-surface-positive: #1A9E32;
312
+ --on-dark-surface-accent-minor: #124311FF;
313
+ --on-dark-surface-positive-minor: #0A2B10;
314
+ --on-dark-surface-transparent-navi-hover: #FFFFFFFF;
315
+ --on-dark-surface-transparent-navi-active: #FFFFFFFF;
316
+ --on-light-surface-solid-primary-hover: #FFFFFFFF;
317
+ --on-light-surface-solid-primary-active: #FFFFFFFF;
318
+ --on-light-surface-solid-primary-brightness: #FFFFFFFF;
319
+ --on-light-surface-solid-secondary-hover: #FFFFFFFF;
320
+ --on-light-surface-solid-secondary-active: #FFFFFFFF;
321
+ --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
322
+ --on-light-surface-solid-tertiary-active: #FFFFFFFF;
323
+ --on-light-surface-solid-card-hover: #FFFFFFFF;
324
+ --on-light-surface-solid-card-active: #FFFFFFFF;
325
+ --on-light-surface-solid-card-brightness: #FFFFFFFF;
326
+ --on-light-surface-solid-default-hover: #271F1CFF;
327
+ --on-light-surface-solid-default-active: #090706FF;
328
+ --on-light-surface-transparent-primary-hover: #15110F0D;
329
+ --on-light-surface-transparent-primary-active: #15110F0F;
330
+ --on-light-surface-transparent-secondary-hover: #15110F1A;
331
+ --on-light-surface-transparent-secondary-active: #15110F1F;
332
+ --on-light-surface-transparent-tertiary-hover: #15110F2E;
333
+ --on-light-surface-transparent-tertiary-active: #15110F33;
334
+ --on-light-surface-transparent-deep-hover: #15110FB3;
335
+ --on-light-surface-transparent-deep-active: #15110FB8;
336
+ --on-light-surface-transparent-card-hover: #FFFFFFFF;
337
+ --on-light-surface-transparent-card-active: #FFFFFFFF;
338
+ --on-light-surface-transparent-card-brightness: #FFFFFFFF;
339
+ --on-light-surface-clear-hover: #FFFFFF00;
340
+ --on-light-surface-clear-active: #FFFFFF00;
341
+ --on-light-surface-accent-hover: #5A8952FF;
342
+ --on-light-surface-accent-active: #497043FF;
343
+ --on-light-surface-accent-minor-hover: #C6EBA8FF;
344
+ --on-light-surface-accent-minor-active: #C1E9A0FF;
345
+ --on-light-surface-transparent-accent-hover: #517C4B2E;
346
+ --on-light-surface-transparent-accent-active: #517C4B33;
347
+ --on-light-surface-positive-hover: #28A126FF;
348
+ --on-light-surface-positive-active: #20801EFF;
349
+ --on-light-surface-warning-hover: #FB782DFF;
350
+ --on-light-surface-warning-active: #E65705FF;
351
+ --on-light-surface-negative-hover: #FF5263FF;
352
+ --on-light-surface-negative-active: #FF142CFF;
353
+ --on-light-surface-info-hover: #209CEEFF;
354
+ --on-light-surface-info-active: #0F81CCFF;
355
+ --on-light-surface-positive-minor-hover: #C8E3C4FF;
356
+ --on-light-surface-positive-minor-active: #C2E0BEFF;
357
+ --on-light-surface-warning-minor-hover: #FBCCBBFF;
358
+ --on-light-surface-warning-minor-active: #FBC5B1FF;
359
+ --on-light-surface-negative-minor-hover: #FBCCC5FF;
360
+ --on-light-surface-negative-minor-active: #FBC7C1FF;
361
+ --on-light-surface-info-minor-hover: #C2DBFFFF;
362
+ --on-light-surface-info-minor-active: #BDD8FFFF;
363
+ --on-light-surface-solid-card: #FFFFFFFF;
364
+ --on-light-surface-solid-primary: #FFFFFFFF;
365
+ --on-light-surface-solid-secondary: #FFFFFFFF;
366
+ --on-light-surface-solid-tertiary: #FFFFFFFF;
367
+ --on-light-surface-solid-default: #15110FFF;
368
+ --on-light-surface-transparent-primary: #15110F0A;
369
+ --on-light-surface-transparent-secondary: #15110F14;
370
+ --on-light-surface-transparent-tertiary: #15110F1F;
371
+ --on-light-surface-transparent-deep: #15110FA3;
372
+ --on-light-surface-clear: #FFFFFF00;
373
+ --on-light-surface-accent: #527E4BFF;
374
+ --on-light-surface-transparent-accent: #527E4B1F;
375
+ --on-light-surface-accent-minor: #CAECAFFF;
376
+ --on-light-surface-positive: #239322FF;
377
+ --on-light-surface-warning: #FA5F05;
378
+ --on-light-surface-negative: #FF293E;
379
+ --on-light-surface-info: #118CDF;
380
+ --on-light-surface-negative-minor: #FCD3CEFF;
381
+ --on-light-surface-warning-minor: #FCD4C5FF;
382
+ --on-light-surface-info-minor: #CAE0FFFF;
383
+ --on-light-surface-positive-minor: #CEE6CBFF;
384
+ --on-light-surface-transparent-navi-hover: #FFFFFFFF;
385
+ --on-light-surface-transparent-navi-active: #FFFFFFFF;
386
+ --inverse-surface-solid-primary-hover: #FFFFFFFF;
387
+ --inverse-surface-solid-primary-active: #FFFFFFFF;
388
+ --inverse-surface-solid-primary-brightness: #FFFFFFFF;
389
+ --inverse-surface-solid-secondary-hover: #FFFFFFFF;
390
+ --inverse-surface-solid-secondary-active: #FFFFFFFF;
391
+ --inverse-surface-solid-tertiary-hover: #FFFFFFFF;
392
+ --inverse-surface-solid-tertiary-active: #FFFFFFFF;
393
+ --inverse-surface-solid-card-hover: #FFFFFFFF;
394
+ --inverse-surface-solid-card-active: #FFFFFFFF;
395
+ --inverse-surface-solid-card-brightness: #FFFFFFFF;
396
+ --inverse-surface-solid-default-hover: #271F1CFF;
397
+ --inverse-surface-solid-default-active: #090706FF;
398
+ --inverse-surface-transparent-primary-hover: #15110F0D;
399
+ --inverse-surface-transparent-primary-active: #15110F0F;
400
+ --inverse-surface-transparent-secondary-hover: #15110F1A;
401
+ --inverse-surface-transparent-secondary-active: #15110F1F;
402
+ --inverse-surface-transparent-tertiary-hover: #15110F2E;
403
+ --inverse-surface-transparent-tertiary-active: #15110F33;
404
+ --inverse-surface-transparent-deep-hover: #15110FB3;
405
+ --inverse-surface-transparent-deep-active: #15110FB8;
406
+ --inverse-surface-transparent-card-hover: #FFFFFFFF;
407
+ --inverse-surface-transparent-card-active: #FFFFFFFF;
408
+ --inverse-surface-transparent-card-brightness: #FFFFFFFF;
409
+ --inverse-surface-clear-hover: #FFFFFF00;
410
+ --inverse-surface-clear-active: #FFFFFF00;
411
+ --inverse-surface-accent-hover: #5A8952FF;
412
+ --inverse-surface-accent-active: #497043FF;
413
+ --inverse-surface-accent-minor-hover: #C6EBA8FF;
414
+ --inverse-surface-accent-minor-active: #C1E9A0FF;
415
+ --inverse-surface-transparent-accent-hover: #517C4B2E;
416
+ --inverse-surface-transparent-accent-active: #517C4B33;
417
+ --inverse-surface-positive-hover: #28A126FF;
418
+ --inverse-surface-positive-active: #20801EFF;
419
+ --inverse-surface-warning-hover: #FB782DFF;
420
+ --inverse-surface-warning-active: #E65705FF;
421
+ --inverse-surface-negative-hover: #FF5263FF;
422
+ --inverse-surface-negative-active: #FF142CFF;
423
+ --inverse-surface-info-hover: #209CEEFF;
424
+ --inverse-surface-info-active: #0F81CCFF;
425
+ --inverse-surface-positive-minor-hover: #C6EBA8FF;
426
+ --inverse-surface-positive-minor-active: #C1E9A0FF;
427
+ --inverse-surface-warning-minor-hover: #FBCCBBFF;
428
+ --inverse-surface-warning-minor-active: #FBC5B1FF;
429
+ --inverse-surface-negative-minor-hover: #FBCCC5FF;
430
+ --inverse-surface-negative-minor-active: #FBC7C1FF;
431
+ --inverse-surface-info-minor-hover: #C2DBFFFF;
432
+ --inverse-surface-info-minor-active: #BDD8FFFF;
433
+ --inverse-surface-solid-card: #FFFFFFFF;
434
+ --inverse-surface-solid-primary: #FFFFFFFF;
435
+ --inverse-surface-solid-secondary: #FFFFFFFF;
436
+ --inverse-surface-solid-tertiary: #FFFFFFFF;
437
+ --inverse-surface-solid-default: #15110FFF;
438
+ --inverse-surface-transparent-primary: #15110F0A;
439
+ --inverse-surface-transparent-secondary: #15110F14;
440
+ --inverse-surface-transparent-tertiary: #15110F1F;
441
+ --inverse-surface-transparent-deep: #15110FA3;
442
+ --inverse-surface-clear: #FFFFFF00;
443
+ --inverse-surface-warning: #FA5F05;
444
+ --inverse-surface-negative: #FF293E;
445
+ --inverse-surface-transparent-accent: #527E4B1F;
446
+ --inverse-surface-info: #118CDF;
447
+ --inverse-surface-warning-minor: #FCD4C5FF;
448
+ --inverse-surface-negative-minor: #FCD3CEFF;
449
+ --inverse-surface-info-minor: #CAE0FFFF;
450
+ --inverse-surface-accent: #527E4BFF;
451
+ --inverse-surface-positive: #239322FF;
452
+ --inverse-surface-positive-minor: #CAECAFFF;
453
+ --inverse-surface-accent-minor: #CAECAFFF;
454
+ --inverse-surface-transparent-navi-hover: #FFFFFFFF;
455
+ --inverse-surface-transparent-navi-active: #FFFFFFFF;
456
+ --background-primary-brightness: #171717FF;
457
+ --background-primary: #15110FFF;
458
+ --background-secondary: #0F0F0FFF;
459
+ --dark-background-primary: #15110FFF;
460
+ --dark-background-secondary: #0F0F0FFF;
461
+ --light-background-primary: #EBE7E5FF;
462
+ --light-background-secondary: #F6F2F0FF;
463
+ --inverse-background-primary-brightness: #F9F9F9FF;
464
+ --inverse-background-primary: #EBE7E5FF;
465
+ --inverse-background-secondary: #F6F2F0FF;
466
+ --overlay-hard: #00000029;
467
+ --overlay-soft: #0000001F;
468
+ --on-dark-overlay-hard: #00000029;
469
+ --on-dark-overlay-soft: #0000001F;
470
+ --on-light-overlay-soft: #0000003D;
471
+ --on-light-overlay-hard: #00000052;
472
+ --inverse-overlay-soft: #0000003D;
473
+ --inverse-overlay-hard: #00000052;
474
+ --outline-transparent-primary-hover: #FFFFFF4D;
475
+ --outline-transparent-primary-active: #FFFFFF12;
476
+ --outline-clear-hover: #FFFFFF00;
477
+ --outline-clear-active: #FFFFFF00;
478
+ --outline-positive-hover: #91CC8EFF;
479
+ --outline-positive-active: #469442FF;
480
+ --outline-warning-hover: #FF6D05FF;
481
+ --outline-warning-active: #B34A00FF;
482
+ --outline-negative-hover: #E86D72FF;
483
+ --outline-negative-active: #C71F25FF;
484
+ --outline-info-hover: #52A5FFFF;
485
+ --outline-info-active: #006CE0FF;
486
+ --outline-solid-default-hover: #6B6461FF;
487
+ --outline-solid-default-active: #2B2827FF;
488
+ --outline-clear: #FFFFFF00;
489
+ --outline-transparent-surface-hover: #858585FF;
490
+ --outline-transparent-surface-active: #666666FF;
491
+ --outline-solid-default: #3B3735FF;
492
+ --outline-transparent-primary: #FFFFFF1F;
493
+ --outline-positive: #50A84CFF;
494
+ --outline-warning: #C55200FF;
495
+ --outline-negative: #DD272EFF;
496
+ --outline-info: #007AFFFF;
497
+ --on-dark-outline-transparent-primary-hover: #FFFFFF4D;
498
+ --on-dark-outline-transparent-primary-active: #FFFFFF12;
499
+ --on-dark-outline-clear-hover: #FFFFFF00;
500
+ --on-dark-outline-clear-active: #FFFFFF00;
501
+ --on-dark-outline-positive-hover: #91CC8EFF;
502
+ --on-dark-outline-positive-active: #469442FF;
503
+ --on-dark-outline-warning-hover: #FF6D05FF;
504
+ --on-dark-outline-warning-active: #B34A00FF;
505
+ --on-dark-outline-negative-hover: #E86D72FF;
506
+ --on-dark-outline-negative-active: #C71F25FF;
507
+ --on-dark-outline-info-hover: #52A5FFFF;
508
+ --on-dark-outline-info-active: #006CE0FF;
509
+ --on-dark-outline-solid-default-hover: #6B6461FF;
510
+ --on-dark-outline-solid-default-active: #2B2827FF;
511
+ --on-dark-outline-clear: #FFFFFF00;
512
+ --on-dark-outline-transparent-surface-hover: #858585FF;
513
+ --on-dark-outline-transparent-surface-active: #666666FF;
514
+ --on-dark-outline-solid-default: #3B3735FF;
515
+ --on-dark-outline-transparent-primary: #FFFFFF1F;
516
+ --on-dark-outline-positive: #50A84CFF;
517
+ --on-dark-outline-warning: #C55200FF;
518
+ --on-dark-outline-negative: #DD272EFF;
519
+ --on-dark-outline-info: #007AFFFF;
520
+ --on-light-outline-transparent-primary-hover: #15110F25;
521
+ --on-light-outline-transparent-primary-active: #15110F62;
522
+ --on-light-outline-clear-hover: #00000000;
523
+ --on-light-outline-clear-active: #00000000;
524
+ --on-light-outline-positive-hover: #32CA2FFF;
525
+ --on-light-outline-positive-active: #20801EFF;
526
+ --on-light-outline-warning-hover: #FA6800FF;
527
+ --on-light-outline-warning-active: #9E4200FF;
528
+ --on-light-outline-negative-hover: #EB7F83FF;
529
+ --on-light-outline-negative-active: #C71F25FF;
530
+ --on-light-outline-info-hover: #66B0FFFF;
531
+ --on-light-outline-info-active: #006CE0FF;
532
+ --on-light-outline-solid-default-hover: #ADA39FFF;
533
+ --on-light-outline-solid-default-active: #C4BEBAFF;
534
+ --on-light-outline-transparent-surface-hover: #CCCCCCFF;
535
+ --on-light-outline-transparent-surface-active: #E6E6E6FF;
536
+ --on-light-outline-solid-default: #DDD9D7FF;
537
+ --on-light-outline-transparent-primary: #15110F3D;
538
+ --on-light-outline-clear: #00000000;
539
+ --on-light-outline-positive: #239322FF;
540
+ --on-light-outline-warning: #C55200FF;
541
+ --on-light-outline-negative: #DD272EFF;
542
+ --on-light-outline-info: #007AFFFF;
543
+ --inverse-outline-transparent-primary-hover: #15110F25;
544
+ --inverse-outline-transparent-primary-active: #15110F62;
545
+ --inverse-outline-clear-hover: #00000000;
546
+ --inverse-outline-clear-active: #00000000;
547
+ --inverse-outline-positive-hover: #32CA2FFF;
548
+ --inverse-outline-positive-active: #20801EFF;
549
+ --inverse-outline-warning-hover: #FA6800FF;
550
+ --inverse-outline-warning-active: #9E4200FF;
551
+ --inverse-outline-negative-hover: #EB7F83FF;
552
+ --inverse-outline-negative-active: #C71F25FF;
553
+ --inverse-outline-info-hover: #66B0FFFF;
554
+ --inverse-outline-info-active: #006CE0FF;
555
+ --inverse-outline-solid-default-hover: #ADA39FFF;
556
+ --inverse-outline-solid-default-active: #C4BEBAFF;
557
+ --inverse-outline-transparent-surface-hover: #CCCCCCFF;
558
+ --inverse-outline-transparent-surface-active: #E6E6E6FF;
559
+ --inverse-outline-solid-default: #DDD9D7FF;
560
+ --inverse-outline-transparent-primary: #15110F3D;
561
+ --inverse-outline-clear: #00000000;
562
+ --inverse-outline-positive: #239322FF;
563
+ --inverse-outline-warning: #C55200FF;
564
+ --inverse-outline-negative: #DD272EFF;
565
+ --inverse-outline-info: #007AFFFF;
566
+ --data-yellow: #F3A912;
567
+ --data-yellow-hover: #F4B22FFF;
568
+ --data-yellow-active: #EDA20CFF;
569
+ --data-yellow-minor: #A16B00;
570
+ --data-yellow-minor-hover: #B87A00FF;
571
+ --data-yellow-minor-active: #996600FF;
572
+ --data-yellow-transparent: #F3A9128F;
573
+ --data-yellow-transparent-hover: #F3A812AD;
574
+ --data-yellow-transparent-active: #F3A81280;
575
+ --on-dark-data-yellow: #F3A912;
576
+ --on-dark-data-yellow-hover: #F4B22FFF;
577
+ --on-dark-data-yellow-active: #EDA20CFF;
578
+ --on-dark-data-yellow-minor: #A16B00;
579
+ --on-dark-data-yellow-minor-hover: #B87A00FF;
580
+ --on-dark-data-yellow-minor-active: #996600FF;
581
+ --on-dark-data-yellow-transparent: #F3A9128F;
582
+ --on-dark-data-yellow-transparent-hover: #F3A812AD;
583
+ --on-dark-data-yellow-transparent-active: #F3A81280;
584
+ --on-light-data-yellow: #F3A912;
585
+ --on-light-data-yellow-hover: #F5B638FF;
586
+ --on-light-data-yellow-active: #E49C0CFF;
587
+ --on-light-data-yellow-minor: #FFD37A;
588
+ --on-light-data-yellow-minor-hover: #FFCF70FF;
589
+ --on-light-data-yellow-minor-active: #FFCC66FF;
590
+ --on-light-data-yellow-transparent: #F3A9128F;
591
+ --on-light-data-yellow-transparent-hover: #F3A8129E;
592
+ --on-light-data-yellow-transparent-active: #F3A812A3;
593
+ --inverse-data-yellow: #F3A912;
594
+ --inverse-data-yellow-hover: #F5B638FF;
595
+ --inverse-data-yellow-active: #E49C0CFF;
596
+ --inverse-data-yellow-minor: #FFD37A;
597
+ --inverse-data-yellow-minor-hover: #FFCF70FF;
598
+ --inverse-data-yellow-minor-active: #FFCC66FF;
599
+ --inverse-data-yellow-transparent: #F3A9128F;
600
+ --inverse-data-yellow-transparent-hover: #F3A8129E;
601
+ --inverse-data-yellow-transparent-active: #F3A812A3;
602
+ color: var(--text-primary);
603
+ background-color: var(--background-primary);
604
+ }
605
+
606
+ .dark {
607
+ --text-accent-gradient-hover: #858585FF;
608
+ --text-accent-gradient-active: #666666FF;
609
+ --text-accent-gradient: linear-gradient(45.00deg, #7A733FFF 0%, #B4AE7BFF 100%);
610
+ --text-accent-gradient-ai-hover: #858585FF;
611
+ --text-accent-gradient-ai-active: #666666FF;
612
+ --text-accent-gradient-ai: linear-gradient(135.00deg, #A94AC2FF 0%, #785CECFF 49.35%, #24B8E9FF 100%);
613
+ --on-dark-text-accent-gradient-hover: #858585FF;
614
+ --on-dark-text-accent-gradient-active: #666666FF;
615
+ --on-dark-text-accent-gradient: linear-gradient(45.00deg, #7A733FFF 0%, #B4AE7BFF 100%);
616
+ --on-dark-text-accent-gradient-ai: linear-gradient(135.00deg, #A94AC2FF 0%, #785CECFF 49.35%, #24B8E9FF 100%);
617
+ --on-dark-text-accent-gradient-ai-hover: #858585FF;
618
+ --on-dark-text-accent-gradient-ai-active: #666666FF;
619
+ --on-light-text-accent-gradient-hover: #CCCCCCFF;
620
+ --on-light-text-accent-gradient-active: #E6E6E6FF;
621
+ --on-light-text-accent-gradient: linear-gradient(45.00deg, #527E4BFF 0%, #9CBF80FF 100%);
622
+ --on-light-text-accent-gradient-ai: linear-gradient(135.00deg, #A94AC2FF 0%, #785CECFF 49.35%, #24B8E9FF 100%);
623
+ --on-light-text-accent-gradient-ai-hover: #CCCCCCFF;
624
+ --on-light-text-accent-gradient-ai-active: #E6E6E6FF;
625
+ --inverse-text-accent-gradient-hover: #CCCCCCFF;
626
+ --inverse-text-accent-gradient-active: #E6E6E6FF;
627
+ --inverse-text-accent-gradient: linear-gradient(45.00deg, #527E4BFF 0%, #9CBF80FF 100%);
628
+ --inverse-text-accent-gradient-ai: linear-gradient(135.00deg, #A94AC2FF 0%, #785CECFF 49.35%, #24B8E9FF 100%);
629
+ --inverse-text-accent-gradient-ai-hover: #CCCCCCFF;
630
+ --inverse-text-accent-gradient-ai-active: #E6E6E6FF;
631
+ --surface-transparent-card: linear-gradient(135.00deg, #FFFFFF1F 0%, #FFFFFF0A 100%);
632
+ --surface-transparent-navi: linear-gradient(135.00deg, #FFFFFF0A 0%, #FFFFFF1F 100%);
633
+ --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
634
+ --surface-skeleton-gradient-hover: #FFFFFFFF;
635
+ --surface-skeleton-gradient-active: #FFFFFFFF;
636
+ --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
637
+ --surface-skeleton-deep-gradient-hover: #FFFFFFFF;
638
+ --surface-skeleton-deep-gradient-active: #FFFFFFFF;
639
+ --on-dark-surface-transparent-card: linear-gradient(135.00deg, #FFFFFF1F 0%, #FFFFFF0A 100%);
640
+ --on-dark-surface-transparent-navi: linear-gradient(135.00deg, #FFFFFF0A 0%, #FFFFFF1F 100%);
641
+ --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
642
+ --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
643
+ --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
644
+ --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
645
+ --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
646
+ --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
647
+ --on-light-surface-transparent-navi: linear-gradient(135.00deg, #FFFFFF52 0%, #FFFFFFA3 100%);
648
+ --on-light-surface-transparent-card: linear-gradient(135.00deg, #FFFFFFA3 0%, #FFFFFF52 100%);
649
+ --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
650
+ --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
651
+ --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
652
+ --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
653
+ --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
654
+ --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
655
+ --inverse-surface-transparent-card: linear-gradient(135.00deg, #FFFFFFA3 0%, #FFFFFF52 100%);
656
+ --inverse-surface-transparent-navi: linear-gradient(135.00deg, #FFFFFF52 0%, #FFFFFFA3 100%);
657
+ --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
658
+ --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
659
+ --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
660
+ --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
661
+ --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
662
+ --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
663
+ --background-gradient: linear-gradient(135.00deg, #2D332BFF 0%, #434131FF 98.473%);
664
+ --dark-background-gradient: linear-gradient(135.00deg, #2D332BFF 0%, #434131FF 98.473%);
665
+ --light-background-gradient: linear-gradient(135.00deg, #C5E6C5FF 0%, #FDEBCBFF 100%);
666
+ --inverse-background-gradient: linear-gradient(135.00deg, #C5E6C5FF 0%, #FDEBCBFF 100%);
667
+ --overlay-gradient: linear-gradient(180.00deg, #15110F00 0%, #15110FFF 100%);
668
+ --on-dark-overlay-gradient: linear-gradient(180.00deg, #15110F00 0%, #15110FFF 100%);
669
+ --on-light-overlay-gradient: linear-gradient(180.00deg, #EBE7E500 0%, #EBE7E5FF 100%);
670
+ --inverse-overlay-gradient: linear-gradient(180.00deg, #EBE7E500 0%, #EBE7E5FF 100%);
671
+ --outline-transparent-surface: linear-gradient(135.00deg, #FFFFFFCC 0%, #FFFFFF29 36.746%, #FFFFFF29 66.734%, #FFFFFF99 100%);
672
+ --on-dark-outline-transparent-surface: linear-gradient(135.00deg, #FFFFFFCC 0%, #FFFFFF29 36.746%, #FFFFFF29 66.734%, #FFFFFF99 100%);
673
+ --on-light-outline-transparent-surface: linear-gradient(135.00deg, #FFFFFFFF 0%, #FFFFFF29 36.746%, #FFFFFF29 66.734%, #FFFFFFCC 100%);
674
+ --inverse-outline-transparent-surface: linear-gradient(135.00deg, #FFFFFFFF 0%, #FFFFFF29 36.746%, #FFFFFF29 66.734%, #FFFFFFCC 100%);
675
+ }
676
+
677
+ .light {
678
+ --text-primary-hover: #B19B91FF;
679
+ --text-primary-active: #15110FFF;
680
+ --text-primary-brightness: #271F1CFF;
681
+ --text-secondary-hover: #15110F52;
682
+ --text-secondary-active: #15110FFF;
683
+ --text-tertiary-hover: #15110F25;
684
+ --text-tertiary-active: #15110F62;
685
+ --text-paragraph-hover: #15110F3D;
686
+ --text-paragraph-active: #15110FA3;
687
+ --text-accent-hover: #86B57DFF;
688
+ --text-accent-active: #466E3FFF;
689
+ --text-accent-minor-hover: #53824A3D;
690
+ --text-accent-minor-active: #53824AA3;
691
+ --text-positive-hover: #2FB92DFF;
692
+ --text-positive-active: #1C6F1BFF;
693
+ --text-warning-hover: #DF590CFF;
694
+ --text-warning-active: #883607FF;
695
+ --text-negative-hover: #EB7A89FF;
696
+ --text-negative-active: #C31D33FF;
697
+ --text-info-hover: #3895FFFF;
698
+ --text-info-active: #0053B3FF;
699
+ --text-positive-minor-hover: #24912249;
700
+ --text-positive-minor-active: #249122C4;
701
+ --text-warning-minor-hover: #FDB790FF;
702
+ --text-warning-minor-active: #FC8240FF;
703
+ --text-negative-minor-hover: #FFB8BFFF;
704
+ --text-negative-minor-active: #FF6675FF;
705
+ --text-info-minor-hover: #A3DAFFFF;
706
+ --text-info-minor-active: #29A9FFFF;
707
+ --text-primary: #15110FFF;
708
+ --text-secondary: #15110FA3;
709
+ --text-tertiary: #15110F3D;
710
+ --text-paragraph: #15110F66;
711
+ --text-accent: #52804AFF;
712
+ --text-accent-minor: #52804A66;
713
+ --text-positive: #207F1FFF;
714
+ --text-warning: #AD4409FF;
715
+ --text-negative: #DE213AFF;
716
+ --text-info: #0064D3FF;
717
+ --text-positive-minor: #2393227A;
718
+ --text-warning-minor: #FD9C68;
719
+ --text-negative-minor: #FF8F9A;
720
+ --text-info-minor: #52BAFF;
721
+ --on-dark-text-primary-hover: #D7C5BCFF;
722
+ --on-dark-text-primary-active: #CFBAAFFF;
723
+ --on-dark-text-primary-brightness: #FFFFFFFF;
724
+ --on-dark-text-secondary-hover: #F5F1EFFF;
725
+ --on-dark-text-secondary-active: #F5F1EF52;
726
+ --on-dark-text-tertiary-hover: #F5F1EF99;
727
+ --on-dark-text-tertiary-active: #F5F1EF25;
728
+ --on-dark-text-paragraph-hover: #F5F1EFF5;
729
+ --on-dark-text-paragraph-active: #F5F1EF49;
730
+ --on-dark-text-accent-hover: #D1CEADFF;
731
+ --on-dark-text-accent-active: #A9A266FF;
732
+ --on-dark-text-accent-minor-hover: #B4AE79F5;
733
+ --on-dark-text-accent-minor-active: #B4AE7949;
734
+ --on-dark-text-positive-hover: #91CC8EFF;
735
+ --on-dark-text-positive-active: #469442FF;
736
+ --on-dark-text-warning-hover: #E95D0CFF;
737
+ --on-dark-text-warning-active: #9B3E08FF;
738
+ --on-dark-text-negative-hover: #E36468FF;
739
+ --on-dark-text-negative-active: #A41E22FF;
740
+ --on-dark-text-info-hover: #3895FFFF;
741
+ --on-dark-text-info-active: #0053B3FF;
742
+ --on-dark-text-positive-minor-hover: #249122F5;
743
+ --on-dark-text-positive-minor-active: #24912249;
744
+ --on-dark-text-warning-minor-hover: #BB4F11FF;
745
+ --on-dark-text-warning-minor-active: #70300AFF;
746
+ --on-dark-text-negative-minor-hover: #D41C2EFF;
747
+ --on-dark-text-negative-minor-active: #8C121EFF;
748
+ --on-dark-text-info-minor-hover: #1277BAFF;
749
+ --on-dark-text-info-minor-active: #0B476FFF;
750
+ --on-dark-text-primary: #F6F2F0FF;
751
+ --on-dark-text-secondary: #F6F2F0A3;
752
+ --on-dark-text-tertiary: #F6F2F03D;
753
+ --on-dark-text-paragraph: #F6F2F07A;
754
+ --on-dark-text-accent: #B4AE7BFF;
755
+ --on-dark-text-accent-minor: #B4AE7B7A;
756
+ --on-dark-text-positive: #50A84CFF;
757
+ --on-dark-text-negative: #BE2329FF;
758
+ --on-dark-text-warning: #AD4409FF;
759
+ --on-dark-text-info: #0064D3FF;
760
+ --on-dark-text-warning-minor: #85380C;
761
+ --on-dark-text-negative-minor: #9C1422;
762
+ --on-dark-text-info-minor: #0D5382;
763
+ --on-dark-text-positive-minor: #2393227A;
764
+ --on-light-text-primary-hover: #B19B91FF;
765
+ --on-light-text-primary-active: #15110FFF;
766
+ --on-light-text-primary-brightness: #271F1CFF;
767
+ --on-light-text-secondary-hover: #15110F52;
768
+ --on-light-text-secondary-active: #15110FFF;
769
+ --on-light-text-tertiary-hover: #15110F25;
770
+ --on-light-text-tertiary-active: #15110F62;
771
+ --on-light-text-paragraph-hover: #15110F3D;
772
+ --on-light-text-paragraph-active: #15110FA3;
773
+ --on-light-text-accent-hover: #86B57DFF;
774
+ --on-light-text-accent-active: #466E3FFF;
775
+ --on-light-text-accent-minor-hover: #53824A3D;
776
+ --on-light-text-accent-minor-active: #53824AA3;
777
+ --on-light-text-positive-hover: #2FB92DFF;
778
+ --on-light-text-positive-active: #1C6F1BFF;
779
+ --on-light-text-warning-hover: #DF590CFF;
780
+ --on-light-text-warning-active: #883607FF;
781
+ --on-light-text-negative-hover: #EB7A89FF;
782
+ --on-light-text-negative-active: #C31D33FF;
783
+ --on-light-text-info-hover: #3895FFFF;
784
+ --on-light-text-info-active: #0053B3FF;
785
+ --on-light-text-positive-minor-hover: #24912249;
786
+ --on-light-text-positive-minor-active: #249122C4;
787
+ --on-light-text-warning-minor-hover: #FDB790FF;
788
+ --on-light-text-warning-minor-active: #FC8240FF;
789
+ --on-light-text-negative-minor-hover: #FFB8BFFF;
790
+ --on-light-text-negative-minor-active: #FF6675FF;
791
+ --on-light-text-info-minor-hover: #A3DAFFFF;
792
+ --on-light-text-info-minor-active: #29A9FFFF;
793
+ --on-light-text-primary: #15110FFF;
794
+ --on-light-text-secondary: #15110FA3;
795
+ --on-light-text-tertiary: #15110F3D;
796
+ --on-light-text-paragraph: #15110F66;
797
+ --on-light-text-accent: #52804AFF;
798
+ --on-light-text-accent-minor: #52804A66;
799
+ --on-light-text-positive: #207F1FFF;
800
+ --on-light-text-warning: #AD4409FF;
801
+ --on-light-text-negative: #DE213AFF;
802
+ --on-light-text-info: #0064D3FF;
803
+ --on-light-text-positive-minor: #2393227A;
804
+ --on-light-text-warning-minor: #FD9C68;
805
+ --on-light-text-negative-minor: #FF8F9A;
806
+ --on-light-text-info-minor: #52BAFF;
807
+ --inverse-text-primary-hover: #D7C5BCFF;
808
+ --inverse-text-primary-active: #CFBAAFFF;
809
+ --inverse-text-primary-brightness: #FFFFFFFF;
810
+ --inverse-text-secondary-hover: #F5F1EFFF;
811
+ --inverse-text-secondary-active: #F5F1EF52;
812
+ --inverse-text-tertiary-hover: #F5F1EF99;
813
+ --inverse-text-tertiary-active: #F5F1EF25;
814
+ --inverse-text-paragraph-hover: #F5F1EFF5;
815
+ --inverse-text-paragraph-active: #F5F1EF49;
816
+ --inverse-text-accent-hover: #D1CEADFF;
817
+ --inverse-text-accent-active: #A9A266FF;
818
+ --inverse-text-accent-minor-hover: #B4AE79F5;
819
+ --inverse-text-accent-minor-active: #B4AE7949;
820
+ --inverse-text-positive-hover: #91CC8EFF;
821
+ --inverse-text-positive-active: #469442FF;
822
+ --inverse-text-warning-hover: #E95D0CFF;
823
+ --inverse-text-warning-active: #9B3E08FF;
824
+ --inverse-text-negative-hover: #E36468FF;
825
+ --inverse-text-negative-active: #A41E22FF;
826
+ --inverse-text-info-hover: #3895FFFF;
827
+ --inverse-text-info-active: #0053B3FF;
828
+ --inverse-text-positive-minor-hover: #249122F5;
829
+ --inverse-text-positive-minor-active: #24912249;
830
+ --inverse-text-warning-minor-hover: #BB4F11FF;
831
+ --inverse-text-warning-minor-active: #70300AFF;
832
+ --inverse-text-negative-minor-hover: #D41C2EFF;
833
+ --inverse-text-negative-minor-active: #8C121EFF;
834
+ --inverse-text-info-minor-hover: #1277BAFF;
835
+ --inverse-text-info-minor-active: #0B476FFF;
836
+ --inverse-text-primary: #F6F2F0FF;
837
+ --inverse-text-secondary: #F6F2F0A3;
838
+ --inverse-text-tertiary: #F6F2F03D;
839
+ --inverse-text-paragraph: #F6F2F07A;
840
+ --inverse-text-accent: #B4AE7BFF;
841
+ --inverse-text-accent-minor: #B4AE7B7A;
842
+ --inverse-text-positive: #50A84CFF;
843
+ --inverse-text-negative: #BE2329FF;
844
+ --inverse-text-warning: #AD4409FF;
845
+ --inverse-text-info: #0064D3FF;
846
+ --inverse-text-warning-minor: #85380C;
847
+ --inverse-text-negative-minor: #9C1422;
848
+ --inverse-text-info-minor: #0D5382;
849
+ --inverse-text-positive-minor: #2393227A;
850
+ --surface-solid-primary-hover: #FFFFFFFF;
851
+ --surface-solid-primary-active: #FFFFFFFF;
852
+ --surface-solid-primary-brightness: #FFFFFFFF;
853
+ --surface-solid-secondary-hover: #FFFFFFFF;
854
+ --surface-solid-secondary-active: #FFFFFFFF;
855
+ --surface-solid-tertiary-hover: #FFFFFFFF;
856
+ --surface-solid-tertiary-active: #FFFFFFFF;
857
+ --surface-solid-card-hover: #FFFFFFFF;
858
+ --surface-solid-card-active: #FFFFFFFF;
859
+ --surface-solid-card-brightness: #FFFFFFFF;
860
+ --surface-solid-default-hover: #271F1CFF;
861
+ --surface-solid-default-active: #090706FF;
862
+ --surface-transparent-primary-hover: #15110F0D;
863
+ --surface-transparent-primary-active: #15110F0F;
864
+ --surface-transparent-secondary-hover: #15110F1A;
865
+ --surface-transparent-secondary-active: #15110F1F;
866
+ --surface-transparent-tertiary-hover: #15110F2E;
867
+ --surface-transparent-tertiary-active: #15110F33;
868
+ --surface-transparent-deep-hover: #15110FB3;
869
+ --surface-transparent-deep-active: #15110FB8;
870
+ --surface-transparent-card-hover: #FFFFFFFF;
871
+ --surface-transparent-card-active: #FFFFFFFF;
872
+ --surface-transparent-card-brightness: #FFFFFFFF;
873
+ --surface-clear-hover: #00000000;
874
+ --surface-clear-active: #00000000;
875
+ --surface-accent-hover: #5A8952FF;
876
+ --surface-accent-active: #497043FF;
877
+ --surface-accent-minor-hover: #C6EBA8FF;
878
+ --surface-accent-minor-active: #C1E9A0FF;
879
+ --surface-transparent-accent-hover: #517C4B2E;
880
+ --surface-transparent-accent-active: #517C4B33;
881
+ --surface-positive-hover: #28A126FF;
882
+ --surface-positive-active: #20801EFF;
883
+ --surface-warning-hover: #FB782DFF;
884
+ --surface-warning-active: #E65705FF;
885
+ --surface-negative-hover: #FF5263FF;
886
+ --surface-negative-active: #FF142CFF;
887
+ --surface-info-hover: #209CEEFF;
888
+ --surface-info-active: #0F81CCFF;
889
+ --surface-positive-minor-hover: #C8E3C4FF;
890
+ --surface-positive-minor-active: #C2E0BEFF;
891
+ --surface-warning-minor-hover: #FBCCBBFF;
892
+ --surface-warning-minor-active: #FBC5B1FF;
893
+ --surface-negative-minor-hover: #FBCCC5FF;
894
+ --surface-negative-minor-active: #FBC7C1FF;
895
+ --surface-info-minor-hover: #C2DBFFFF;
896
+ --surface-info-minor-active: #BDD8FFFF;
897
+ --surface-transparent-navi-hover: #FFFFFFFF;
898
+ --surface-transparent-navi-active: #FFFFFFFF;
899
+ --surface-solid-card: #FFFFFFFF;
900
+ --surface-solid-primary: #FFFFFFFF;
901
+ --surface-solid-secondary: #FFFFFFFF;
902
+ --surface-solid-tertiary: #FFFFFFFF;
903
+ --surface-solid-default: #15110FFF;
904
+ --surface-transparent-primary: #15110F0A;
905
+ --surface-transparent-secondary: #15110F14;
906
+ --surface-transparent-tertiary: #15110F1F;
907
+ --surface-transparent-deep: #15110FA3;
908
+ --surface-clear: #00000000;
909
+ --surface-accent: #527E4BFF;
910
+ --surface-transparent-accent: #527E4B1F;
911
+ --surface-accent-minor: #CAECAFFF;
912
+ --surface-positive: #239322FF;
913
+ --surface-warning: #FA5F05;
914
+ --surface-negative: #FF293E;
915
+ --surface-info: #118CDF;
916
+ --surface-warning-minor: #FCD4C5FF;
917
+ --surface-negative-minor: #FCD3CEFF;
918
+ --surface-info-minor: #CAE0FFFF;
919
+ --surface-positive-minor: #CEE6CBFF;
920
+ --on-dark-surface-solid-primary-hover: #2E2E2EFF;
921
+ --on-dark-surface-solid-primary-active: #1F1F1FFF;
922
+ --on-dark-surface-solid-primary-brightness: #333333FF;
923
+ --on-dark-surface-solid-secondary-hover: #424242FF;
924
+ --on-dark-surface-solid-secondary-active: #333333FF;
925
+ --on-dark-surface-solid-tertiary-hover: #525252FF;
926
+ --on-dark-surface-solid-tertiary-active: #424242FF;
927
+ --on-dark-surface-solid-card-hover: #2E2E2EFF;
928
+ --on-dark-surface-solid-card-active: #1F1F1FFF;
929
+ --on-dark-surface-solid-card-brightness: #333333FF;
930
+ --on-dark-surface-solid-default-hover: #F9F7F5FF;
931
+ --on-dark-surface-solid-default-active: #F2ECE9FF;
932
+ --on-dark-surface-transparent-primary-hover: #FFFFFF24;
933
+ --on-dark-surface-transparent-primary-active: #FFFFFF0F;
934
+ --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
935
+ --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
936
+ --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
937
+ --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
938
+ --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
939
+ --on-dark-surface-transparent-deep-active: #FFFFFF94;
940
+ --on-dark-surface-transparent-card-hover: #FFFFFFFF;
941
+ --on-dark-surface-transparent-card-active: #FFFFFFFF;
942
+ --on-dark-surface-transparent-card-brightness: #FFFFFFFF;
943
+ --on-dark-surface-clear-hover: #00000000;
944
+ --on-dark-surface-clear-active: #00000000;
945
+ --on-dark-surface-accent-hover: #5A8952FF;
946
+ --on-dark-surface-accent-active: #4D7647FF;
947
+ --on-dark-surface-accent-minor-hover: #155214FF;
948
+ --on-dark-surface-accent-minor-active: #0F390EFF;
949
+ --on-dark-surface-transparent-accent-hover: #517C4B52;
950
+ --on-dark-surface-transparent-accent-active: #517C4B24;
951
+ --on-dark-surface-positive-hover: #1DAF37FF;
952
+ --on-dark-surface-positive-active: #18952FFF;
953
+ --on-dark-surface-warning-hover: #FB7223FF;
954
+ --on-dark-surface-warning-active: #F05B05FF;
955
+ --on-dark-surface-negative-hover: #FF475AFF;
956
+ --on-dark-surface-negative-active: #FF1F35FF;
957
+ --on-dark-surface-info-hover: #1798EEFF;
958
+ --on-dark-surface-info-active: #1086D5FF;
959
+ --on-dark-surface-positive-minor-hover: #0E3A16FF;
960
+ --on-dark-surface-positive-minor-active: #08210CFF;
961
+ --on-dark-surface-warning-minor-hover: #63311CFF;
962
+ --on-dark-surface-warning-minor-active: #4C2615FF;
963
+ --on-dark-surface-negative-minor-hover: #662C29FF;
964
+ --on-dark-surface-negative-minor-active: #502220FF;
965
+ --on-dark-surface-info-minor-hover: #053C85FF;
966
+ --on-dark-surface-info-minor-active: #042F67FF;
967
+ --on-dark-surface-transparent-navi-hover: #FFFFFFFF;
968
+ --on-dark-surface-transparent-navi-active: #FFFFFFFF;
969
+ --on-dark-surface-solid-card: #232323FF;
970
+ --on-dark-surface-solid-primary: #232323FF;
971
+ --on-dark-surface-solid-secondary: #373737FF;
972
+ --on-dark-surface-solid-tertiary: #474747FF;
973
+ --on-dark-surface-solid-default: #F6F2F0FF;
974
+ --on-dark-surface-transparent-primary: #FFFFFF14;
975
+ --on-dark-surface-transparent-secondary: #FFFFFF29;
976
+ --on-dark-surface-transparent-tertiary: #FFFFFF3D;
977
+ --on-dark-surface-transparent-deep: #FFFFFFA3;
978
+ --on-dark-surface-clear: #00000000;
979
+ --on-dark-surface-warning: #FA5F05;
980
+ --on-dark-surface-negative: #FF293E;
981
+ --on-dark-surface-transparent-accent: #527E4B33;
982
+ --on-dark-surface-info: #118CDF;
983
+ --on-dark-surface-warning-minor: #552A18FF;
984
+ --on-dark-surface-negative-minor: #582623FF;
985
+ --on-dark-surface-info-minor: #043471FF;
986
+ --on-dark-surface-accent: #527E4BFF;
987
+ --on-dark-surface-positive: #1A9E32;
988
+ --on-dark-surface-positive-minor: #0A2B10;
989
+ --on-dark-surface-accent-minor: #124311FF;
990
+ --on-light-surface-solid-primary-hover: #FFFFFFFF;
991
+ --on-light-surface-solid-primary-active: #FFFFFFFF;
992
+ --on-light-surface-solid-primary-brightness: #FFFFFFFF;
993
+ --on-light-surface-solid-secondary-hover: #FFFFFFFF;
994
+ --on-light-surface-solid-secondary-active: #FFFFFFFF;
995
+ --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
996
+ --on-light-surface-solid-tertiary-active: #FFFFFFFF;
997
+ --on-light-surface-solid-card-hover: #FFFFFFFF;
998
+ --on-light-surface-solid-card-active: #FFFFFFFF;
999
+ --on-light-surface-solid-card-brightness: #FFFFFFFF;
1000
+ --on-light-surface-solid-default-hover: #271F1CFF;
1001
+ --on-light-surface-solid-default-active: #090706FF;
1002
+ --on-light-surface-transparent-primary-hover: #15110F0D;
1003
+ --on-light-surface-transparent-primary-active: #15110F0F;
1004
+ --on-light-surface-transparent-secondary-hover: #15110F1A;
1005
+ --on-light-surface-transparent-secondary-active: #15110F1F;
1006
+ --on-light-surface-transparent-tertiary-hover: #15110F2E;
1007
+ --on-light-surface-transparent-tertiary-active: #15110F33;
1008
+ --on-light-surface-transparent-deep-hover: #15110FB3;
1009
+ --on-light-surface-transparent-deep-active: #15110FB8;
1010
+ --on-light-surface-transparent-card-hover: #FFFFFFFF;
1011
+ --on-light-surface-transparent-card-active: #FFFFFFFF;
1012
+ --on-light-surface-transparent-card-brightness: #FFFFFFFF;
1013
+ --on-light-surface-clear-hover: #00000000;
1014
+ --on-light-surface-clear-active: #00000000;
1015
+ --on-light-surface-accent-hover: #5A8952FF;
1016
+ --on-light-surface-accent-active: #497043FF;
1017
+ --on-light-surface-accent-minor-hover: #C6EBA8FF;
1018
+ --on-light-surface-accent-minor-active: #C1E9A0FF;
1019
+ --on-light-surface-transparent-accent-hover: #517C4B2E;
1020
+ --on-light-surface-transparent-accent-active: #517C4B33;
1021
+ --on-light-surface-positive-hover: #28A126FF;
1022
+ --on-light-surface-positive-active: #20801EFF;
1023
+ --on-light-surface-warning-hover: #FB782DFF;
1024
+ --on-light-surface-warning-active: #E65705FF;
1025
+ --on-light-surface-negative-hover: #FF5263FF;
1026
+ --on-light-surface-negative-active: #FF142CFF;
1027
+ --on-light-surface-info-hover: #209CEEFF;
1028
+ --on-light-surface-info-active: #0F81CCFF;
1029
+ --on-light-surface-positive-minor-hover: #C8E3C4FF;
1030
+ --on-light-surface-positive-minor-active: #C2E0BEFF;
1031
+ --on-light-surface-warning-minor-hover: #FBCCBBFF;
1032
+ --on-light-surface-warning-minor-active: #FBC5B1FF;
1033
+ --on-light-surface-negative-minor-hover: #FBCCC5FF;
1034
+ --on-light-surface-negative-minor-active: #FBC7C1FF;
1035
+ --on-light-surface-info-minor-hover: #C2DBFFFF;
1036
+ --on-light-surface-info-minor-active: #BDD8FFFF;
1037
+ --on-light-surface-transparent-navi-hover: #FFFFFFFF;
1038
+ --on-light-surface-transparent-navi-active: #FFFFFFFF;
1039
+ --on-light-surface-solid-default: #15110FFF;
1040
+ --on-light-surface-solid-card: #FFFFFFFF;
1041
+ --on-light-surface-solid-primary: #FFFFFFFF;
1042
+ --on-light-surface-solid-secondary: #FFFFFFFF;
1043
+ --on-light-surface-solid-tertiary: #FFFFFFFF;
1044
+ --on-light-surface-transparent-primary: #15110F0A;
1045
+ --on-light-surface-transparent-secondary: #15110F14;
1046
+ --on-light-surface-transparent-tertiary: #15110F1F;
1047
+ --on-light-surface-transparent-deep: #15110FA3;
1048
+ --on-light-surface-clear: #00000000;
1049
+ --on-light-surface-accent: #527E4BFF;
1050
+ --on-light-surface-transparent-accent: #527E4B1F;
1051
+ --on-light-surface-accent-minor: #CAECAFFF;
1052
+ --on-light-surface-positive: #239322FF;
1053
+ --on-light-surface-warning: #FA5F05;
1054
+ --on-light-surface-negative: #FF293E;
1055
+ --on-light-surface-info: #118CDF;
1056
+ --on-light-surface-warning-minor: #FCD4C5FF;
1057
+ --on-light-surface-negative-minor: #FCD3CEFF;
1058
+ --on-light-surface-info-minor: #CAE0FFFF;
1059
+ --on-light-surface-positive-minor: #CEE6CBFF;
1060
+ --inverse-surface-solid-primary-hover: #2E2E2EFF;
1061
+ --inverse-surface-solid-primary-active: #1F1F1FFF;
1062
+ --inverse-surface-solid-primary-brightness: #333333FF;
1063
+ --inverse-surface-solid-secondary-hover: #424242FF;
1064
+ --inverse-surface-solid-secondary-active: #333333FF;
1065
+ --inverse-surface-solid-tertiary-hover: #525252FF;
1066
+ --inverse-surface-solid-tertiary-active: #424242FF;
1067
+ --inverse-surface-solid-card-hover: #2E2E2EFF;
1068
+ --inverse-surface-solid-card-active: #1F1F1FFF;
1069
+ --inverse-surface-solid-card-brightness: #333333FF;
1070
+ --inverse-surface-solid-default-hover: #F9F7F5FF;
1071
+ --inverse-surface-solid-default-active: #F2ECE9FF;
1072
+ --inverse-surface-transparent-primary-hover: #FFFFFF24;
1073
+ --inverse-surface-transparent-primary-active: #FFFFFF0F;
1074
+ --inverse-surface-transparent-secondary-hover: #FFFFFF47;
1075
+ --inverse-surface-transparent-secondary-active: #FFFFFF1A;
1076
+ --inverse-surface-transparent-tertiary-hover: #FFFFFF5C;
1077
+ --inverse-surface-transparent-tertiary-active: #FFFFFF2E;
1078
+ --inverse-surface-transparent-deep-hover: #FFFFFFC2;
1079
+ --inverse-surface-transparent-deep-active: #FFFFFF94;
1080
+ --inverse-surface-transparent-card-hover: #FFFFFFFF;
1081
+ --inverse-surface-transparent-card-active: #FFFFFFFF;
1082
+ --inverse-surface-transparent-card-brightness: #FFFFFFFF;
1083
+ --inverse-surface-clear-hover: #FFFFFF00;
1084
+ --inverse-surface-clear-active: #FFFFFF00;
1085
+ --inverse-surface-accent-hover: #5A8952FF;
1086
+ --inverse-surface-accent-active: #4D7647FF;
1087
+ --inverse-surface-accent-minor-hover: #155214FF;
1088
+ --inverse-surface-accent-minor-active: #0F390EFF;
1089
+ --inverse-surface-transparent-accent-hover: #517C4B52;
1090
+ --inverse-surface-transparent-accent-active: #517C4B24;
1091
+ --inverse-surface-positive-hover: #1DAF37FF;
1092
+ --inverse-surface-positive-active: #18952FFF;
1093
+ --inverse-surface-warning-hover: #FB7223FF;
1094
+ --inverse-surface-warning-active: #F05B05FF;
1095
+ --inverse-surface-negative-hover: #FF475AFF;
1096
+ --inverse-surface-negative-active: #FF1F35FF;
1097
+ --inverse-surface-info-hover: #1798EEFF;
1098
+ --inverse-surface-info-active: #1086D5FF;
1099
+ --inverse-surface-positive-minor-hover: #0E3A16FF;
1100
+ --inverse-surface-positive-minor-active: #08210CFF;
1101
+ --inverse-surface-warning-minor-hover: #63311CFF;
1102
+ --inverse-surface-warning-minor-active: #4C2615FF;
1103
+ --inverse-surface-negative-minor-hover: #662C29FF;
1104
+ --inverse-surface-negative-minor-active: #502220FF;
1105
+ --inverse-surface-info-minor-hover: #053C85FF;
1106
+ --inverse-surface-info-minor-active: #042F67FF;
1107
+ --inverse-surface-transparent-navi-hover: #FFFFFFFF;
1108
+ --inverse-surface-transparent-navi-active: #FFFFFFFF;
1109
+ --inverse-surface-solid-card: #232323FF;
1110
+ --inverse-surface-solid-primary: #232323FF;
1111
+ --inverse-surface-solid-secondary: #373737FF;
1112
+ --inverse-surface-solid-tertiary: #474747FF;
1113
+ --inverse-surface-solid-default: #F6F2F0FF;
1114
+ --inverse-surface-transparent-primary: #FFFFFF14;
1115
+ --inverse-surface-transparent-secondary: #FFFFFF29;
1116
+ --inverse-surface-transparent-tertiary: #FFFFFF3D;
1117
+ --inverse-surface-transparent-deep: #FFFFFFA3;
1118
+ --inverse-surface-clear: #FFFFFF00;
1119
+ --inverse-surface-warning: #FA5F05;
1120
+ --inverse-surface-negative: #FF293E;
1121
+ --inverse-surface-transparent-accent: #527E4B33;
1122
+ --inverse-surface-info: #118CDF;
1123
+ --inverse-surface-warning-minor: #552A18FF;
1124
+ --inverse-surface-negative-minor: #582623FF;
1125
+ --inverse-surface-info-minor: #043471FF;
1126
+ --inverse-surface-accent: #527E4BFF;
1127
+ --inverse-surface-accent-minor: #124311FF;
1128
+ --inverse-surface-positive: #1A9E32;
1129
+ --inverse-surface-positive-minor: #0A2B10;
1130
+ --background-primary-brightness: #F9F9F9FF;
1131
+ --background-primary: #EBE7E5FF;
1132
+ --background-secondary: #F6F2F0FF;
1133
+ --dark-background-primary: #15110FFF;
1134
+ --dark-background-secondary: #0F0F0FFF;
1135
+ --light-background-primary: #EBE7E5FF;
1136
+ --light-background-secondary: #F6F2F0FF;
1137
+ --inverse-background-primary-brightness: #171717FF;
1138
+ --inverse-background-primary: #15110FFF;
1139
+ --inverse-background-secondary: #0F0F0FFF;
1140
+ --overlay-hard: #00000052;
1141
+ --overlay-soft: #0000003D;
1142
+ --on-dark-overlay-hard: #00000029;
1143
+ --on-dark-overlay-soft: #0000001F;
1144
+ --on-light-overlay-hard: #00000052;
1145
+ --on-light-overlay-soft: #0000003D;
1146
+ --inverse-overlay-hard: #00000029;
1147
+ --inverse-overlay-soft: #0000001F;
1148
+ --outline-transparent-primary-hover: #15110F25;
1149
+ --outline-transparent-primary-active: #15110F62;
1150
+ --outline-clear-hover: #00000000;
1151
+ --outline-clear-active: #00000000;
1152
+ --outline-positive-hover: #32CA2FFF;
1153
+ --outline-positive-active: #20801EFF;
1154
+ --outline-warning-hover: #FA6800FF;
1155
+ --outline-warning-active: #9E4200FF;
1156
+ --outline-negative-hover: #EB7F83FF;
1157
+ --outline-negative-active: #C71F25FF;
1158
+ --outline-info-hover: #66B0FFFF;
1159
+ --outline-info-active: #006CE0FF;
1160
+ --outline-solid-default-hover: #ADA39FFF;
1161
+ --outline-solid-default-active: #C4BEBAFF;
1162
+ --outline-transparent-surface-hover: #CCCCCCFF;
1163
+ --outline-transparent-surface-active: #E6E6E6FF;
1164
+ --outline-solid-default: #DDD9D7FF;
1165
+ --outline-transparent-primary: #15110F3D;
1166
+ --outline-positive: #239322FF;
1167
+ --outline-warning: #C55200FF;
1168
+ --outline-negative: #DD272EFF;
1169
+ --outline-info: #007AFFFF;
1170
+ --outline-clear: #00000000;
1171
+ --on-dark-outline-transparent-primary-hover: #FFFFFF4D;
1172
+ --on-dark-outline-transparent-primary-active: #FFFFFF12;
1173
+ --on-dark-outline-clear-hover: #00000000;
1174
+ --on-dark-outline-clear-active: #00000000;
1175
+ --on-dark-outline-positive-hover: #91CC8EFF;
1176
+ --on-dark-outline-positive-active: #469442FF;
1177
+ --on-dark-outline-warning-hover: #FF6D05FF;
1178
+ --on-dark-outline-warning-active: #B34A00FF;
1179
+ --on-dark-outline-negative-hover: #E86D72FF;
1180
+ --on-dark-outline-negative-active: #C71F25FF;
1181
+ --on-dark-outline-info-hover: #52A5FFFF;
1182
+ --on-dark-outline-info-active: #006CE0FF;
1183
+ --on-dark-outline-solid-default-hover: #6B6461FF;
1184
+ --on-dark-outline-solid-default-active: #2B2827FF;
1185
+ --on-dark-outline-transparent-surface-hover: #858585FF;
1186
+ --on-dark-outline-transparent-surface-active: #666666FF;
1187
+ --on-dark-outline-clear: #00000000;
1188
+ --on-dark-outline-warning: #C55200FF;
1189
+ --on-dark-outline-negative: #DD272EFF;
1190
+ --on-dark-outline-info: #007AFFFF;
1191
+ --on-dark-outline-positive: #50A84CFF;
1192
+ --on-dark-outline-solid-default: #3B3735FF;
1193
+ --on-dark-outline-transparent-primary: #FFFFFF1F;
1194
+ --on-light-outline-transparent-primary-hover: #15110F25;
1195
+ --on-light-outline-transparent-primary-active: #15110F62;
1196
+ --on-light-outline-clear-hover: #00000000;
1197
+ --on-light-outline-clear-active: #00000000;
1198
+ --on-light-outline-positive-hover: #32CA2FFF;
1199
+ --on-light-outline-positive-active: #20801EFF;
1200
+ --on-light-outline-warning-hover: #FA6800FF;
1201
+ --on-light-outline-warning-active: #9E4200FF;
1202
+ --on-light-outline-negative-hover: #EB7F83FF;
1203
+ --on-light-outline-negative-active: #C71F25FF;
1204
+ --on-light-outline-info-hover: #66B0FFFF;
1205
+ --on-light-outline-info-active: #006CE0FF;
1206
+ --on-light-outline-solid-default-hover: #ADA39FFF;
1207
+ --on-light-outline-solid-default-active: #C4BEBAFF;
1208
+ --on-light-outline-transparent-surface-hover: #CCCCCCFF;
1209
+ --on-light-outline-transparent-surface-active: #E6E6E6FF;
1210
+ --on-light-outline-clear: #00000000;
1211
+ --on-light-outline-solid-default: #DDD9D7FF;
1212
+ --on-light-outline-transparent-primary: #15110F3D;
1213
+ --on-light-outline-positive: #239322FF;
1214
+ --on-light-outline-warning: #C55200FF;
1215
+ --on-light-outline-negative: #DD272EFF;
1216
+ --on-light-outline-info: #007AFFFF;
1217
+ --inverse-outline-transparent-primary-hover: #FFFFFF4D;
1218
+ --inverse-outline-transparent-primary-active: #FFFFFF12;
1219
+ --inverse-outline-clear-hover: #00000000;
1220
+ --inverse-outline-clear-active: #00000000;
1221
+ --inverse-outline-positive-hover: #91CC8EFF;
1222
+ --inverse-outline-positive-active: #469442FF;
1223
+ --inverse-outline-warning-hover: #FF6D05FF;
1224
+ --inverse-outline-warning-active: #B34A00FF;
1225
+ --inverse-outline-negative-hover: #E86D72FF;
1226
+ --inverse-outline-negative-active: #C71F25FF;
1227
+ --inverse-outline-info-hover: #52A5FFFF;
1228
+ --inverse-outline-info-active: #006CE0FF;
1229
+ --inverse-outline-solid-default-hover: #6B6461FF;
1230
+ --inverse-outline-solid-default-active: #2B2827FF;
1231
+ --inverse-outline-transparent-surface-hover: #858585FF;
1232
+ --inverse-outline-transparent-surface-active: #666666FF;
1233
+ --inverse-outline-clear: #00000000;
1234
+ --inverse-outline-warning: #C55200FF;
1235
+ --inverse-outline-negative: #DD272EFF;
1236
+ --inverse-outline-info: #007AFFFF;
1237
+ --inverse-outline-transparent-primary: #FFFFFF1F;
1238
+ --inverse-outline-solid-default: #3B3735FF;
1239
+ --inverse-outline-positive: #50A84CFF;
1240
+ --data-yellow: #F3A912;
1241
+ --data-yellow-hover: #F5B638FF;
1242
+ --data-yellow-active: #E49C0CFF;
1243
+ --data-yellow-minor: #FFD37A;
1244
+ --data-yellow-minor-hover: #FFCF70FF;
1245
+ --data-yellow-minor-active: #FFCC66FF;
1246
+ --data-yellow-transparent: #F3A9128F;
1247
+ --data-yellow-transparent-hover: #F3A8129E;
1248
+ --data-yellow-transparent-active: #F3A812A3;
1249
+ --on-dark-data-yellow: #F3A912;
1250
+ --on-dark-data-yellow-hover: #F4B22FFF;
1251
+ --on-dark-data-yellow-active: #EDA20CFF;
1252
+ --on-dark-data-yellow-minor: #A16B00;
1253
+ --on-dark-data-yellow-minor-hover: #B87A00FF;
1254
+ --on-dark-data-yellow-minor-active: #996600FF;
1255
+ --on-dark-data-yellow-transparent: #F3A9128F;
1256
+ --on-dark-data-yellow-transparent-hover: #F3A812AD;
1257
+ --on-dark-data-yellow-transparent-active: #F3A81280;
1258
+ --on-light-data-yellow: #F3A912;
1259
+ --on-light-data-yellow-hover: #F5B638FF;
1260
+ --on-light-data-yellow-active: #E49C0CFF;
1261
+ --on-light-data-yellow-minor: #FFD37A;
1262
+ --on-light-data-yellow-minor-hover: #FFCF70FF;
1263
+ --on-light-data-yellow-minor-active: #FFCC66FF;
1264
+ --on-light-data-yellow-transparent: #F3A9128F;
1265
+ --on-light-data-yellow-transparent-hover: #F3A8129E;
1266
+ --on-light-data-yellow-transparent-active: #F3A812A3;
1267
+ --inverse-data-yellow: #F3A912;
1268
+ --inverse-data-yellow-hover: #F4B22FFF;
1269
+ --inverse-data-yellow-active: #EDA20CFF;
1270
+ --inverse-data-yellow-minor: #A16B00;
1271
+ --inverse-data-yellow-minor-hover: #B87A00FF;
1272
+ --inverse-data-yellow-minor-active: #996600FF;
1273
+ --inverse-data-yellow-transparent: #F3A9128F;
1274
+ --inverse-data-yellow-transparent-hover: #F3A812AD;
1275
+ --inverse-data-yellow-transparent-active: #F3A81280;
1276
+ color: var(--text-primary);
1277
+ background-color: var(--background-primary);
1278
+ }
1279
+
1280
+ .light {
1281
+ --text-accent-gradient-hover: #CCCCCCFF;
1282
+ --text-accent-gradient-active: #E6E6E6FF;
1283
+ --text-accent-gradient-ai-hover: #CCCCCCFF;
1284
+ --text-accent-gradient-ai-active: #E6E6E6FF;
1285
+ --text-accent-gradient: linear-gradient(45.00deg, #527E4BFF 0%, #9CBF80FF 100%);
1286
+ --text-accent-gradient-ai: linear-gradient(135.00deg, #A94AC2FF 0%, #785CECFF 49.35%, #24B8E9FF 100%);
1287
+ --on-dark-text-accent-gradient-hover: #858585FF;
1288
+ --on-dark-text-accent-gradient-active: #666666FF;
1289
+ --on-dark-text-accent-gradient-ai-hover: #858585FF;
1290
+ --on-dark-text-accent-gradient-ai-active: #666666FF;
1291
+ --on-dark-text-accent-gradient: linear-gradient(45.00deg, #7A733FFF 0%, #B4AE7BFF 100%);
1292
+ --on-dark-text-accent-gradient-ai: linear-gradient(135.00deg, #A94AC2FF 0%, #785CECFF 49.35%, #24B8E9FF 100%);
1293
+ --on-light-text-accent-gradient-hover: #CCCCCCFF;
1294
+ --on-light-text-accent-gradient-active: #E6E6E6FF;
1295
+ --on-light-text-accent-gradient-ai-hover: #CCCCCCFF;
1296
+ --on-light-text-accent-gradient-ai-active: #E6E6E6FF;
1297
+ --on-light-text-accent-gradient: linear-gradient(45.00deg, #527E4BFF 0%, #9CBF80FF 100%);
1298
+ --on-light-text-accent-gradient-ai: linear-gradient(135.00deg, #A94AC2FF 0%, #785CECFF 49.35%, #24B8E9FF 100%);
1299
+ --inverse-text-accent-gradient-hover: #858585FF;
1300
+ --inverse-text-accent-gradient-active: #666666FF;
1301
+ --inverse-text-accent-gradient-ai-hover: #858585FF;
1302
+ --inverse-text-accent-gradient-ai-active: #666666FF;
1303
+ --inverse-text-accent-gradient: linear-gradient(45.00deg, #7A733FFF 0%, #B4AE7BFF 100%);
1304
+ --inverse-text-accent-gradient-ai: linear-gradient(135.00deg, #A94AC2FF 0%, #785CECFF 49.35%, #24B8E9FF 100%);
1305
+ --surface-transparent-card: linear-gradient(135.00deg, #FFFFFFA3 0%, #FFFFFF52 100%);
1306
+ --surface-transparent-navi: linear-gradient(135.00deg, #FFFFFF52 0%, #FFFFFFA3 100%);
1307
+ --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
1308
+ --surface-skeleton-gradient-hover: #FFFFFFFF;
1309
+ --surface-skeleton-gradient-active: #FFFFFFFF;
1310
+ --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
1311
+ --surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1312
+ --surface-skeleton-deep-gradient-active: #FFFFFFFF;
1313
+ --on-dark-surface-transparent-navi: linear-gradient(135.00deg, #FFFFFF0A 0%, #FFFFFF1F 100%);
1314
+ --on-dark-surface-transparent-card: linear-gradient(135.00deg, #FFFFFF1F 0%, #FFFFFF0A 100%);
1315
+ --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
1316
+ --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
1317
+ --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
1318
+ --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
1319
+ --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1320
+ --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1321
+ --on-light-surface-transparent-card: linear-gradient(135.00deg, #FFFFFFA3 0%, #FFFFFF52 100%);
1322
+ --on-light-surface-transparent-navi: linear-gradient(135.00deg, #FFFFFF52 0%, #FFFFFFA3 100%);
1323
+ --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
1324
+ --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
1325
+ --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
1326
+ --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
1327
+ --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1328
+ --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1329
+ --inverse-surface-transparent-card: linear-gradient(135.00deg, #FFFFFF1F 0%, #FFFFFF0A 100%);
1330
+ --inverse-surface-transparent-navi: linear-gradient(135.00deg, #FFFFFF0A 0%, #FFFFFF1F 100%);
1331
+ --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
1332
+ --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
1333
+ --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
1334
+ --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
1335
+ --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1336
+ --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1337
+ --background-gradient: linear-gradient(135.00deg, #C5E6C5FF 0%, #FDEBCBFF 100%);
1338
+ --dark-background-gradient: linear-gradient(135.00deg, #2D332BFF 0%, #434131FF 98.473%);
1339
+ --light-background-gradient: linear-gradient(135.00deg, #C5E6C5FF 0%, #FDEBCBFF 100%);
1340
+ --inverse-background-gradient: linear-gradient(135.00deg, #2D332BFF 0%, #434131FF 98.473%);
1341
+ --overlay-gradient: linear-gradient(180.00deg, #EBE7E500 0%, #EBE7E5FF 100%);
1342
+ --on-dark-overlay-gradient: linear-gradient(180.00deg, #15110F00 0%, #15110FFF 100%);
1343
+ --on-light-overlay-gradient: linear-gradient(180.00deg, #EBE7E500 0%, #EBE7E5FF 100%);
1344
+ --inverse-overlay-gradient: linear-gradient(180.00deg, #15110F00 0%, #15110FFF 100%);
1345
+ --outline-transparent-surface: linear-gradient(135.00deg, #FFFFFFFF 0%, #FFFFFF29 36.746%, #FFFFFF29 66.734%, #FFFFFFCC 100%);
1346
+ --on-dark-outline-transparent-surface: linear-gradient(135.00deg, #FFFFFFCC 0%, #FFFFFF29 36.746%, #FFFFFF29 66.734%, #FFFFFF99 100%);
1347
+ --on-light-outline-transparent-surface: linear-gradient(135.00deg, #FFFFFFFF 0%, #FFFFFF29 36.746%, #FFFFFF29 66.734%, #FFFFFFCC 100%);
1348
+ --inverse-outline-transparent-surface: linear-gradient(135.00deg, #FFFFFFCC 0%, #FFFFFF29 36.746%, #FFFFFF29 66.734%, #FFFFFF99 100%);
1349
+ }
1350
+
1351
+ .dark, .light {
1352
+ --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
1353
+ --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
1354
+ --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1355
+ --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
1356
+ --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
1357
+ --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
1358
+ --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1359
+ --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
1360
+ --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
1361
+ --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1362
+ --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
1363
+ --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
1364
+ }
1365
+
1366
+ .dark, .light {
1367
+ --border-radius-xxs: 0.25rem;
1368
+ --border-radius-xs: 0.375rem;
1369
+ --border-radius-s: 0.5rem;
1370
+ --border-radius-m: 0.75rem;
1371
+ --border-radius-l: 1rem;
1372
+ --border-radius-xl: 1.25rem;
1373
+ --border-radius-xxl: 2rem;
1374
+ }
1375
+
1376
+ .dark, .light {
1377
+ --spacing-0x: 0rem;
1378
+ --spacing-1x: 0.125rem;
1379
+ --spacing-2x: 0.25rem;
1380
+ --spacing-3x: 0.375rem;
1381
+ --spacing-4x: 0.5rem;
1382
+ --spacing-6x: 0.75rem;
1383
+ --spacing-8x: 1rem;
1384
+ --spacing-10x: 1.25rem;
1385
+ --spacing-12x: 1.5rem;
1386
+ --spacing-16x: 2rem;
1387
+ --spacing-20x: 2.5rem;
1388
+ --spacing-24x: 3rem;
1389
+ --spacing-32x: 4rem;
1390
+ --spacing-40x: 5rem;
1391
+ --spacing-60x: 7.5rem;
1392
+ }
1393
+
1394
+ .dark, .light {
1395
+ font-size: 16px;
1396
+ --plasma-typo-overflow-wrap: break-word;
1397
+ --plasma-typo-hyphens: auto;
1398
+ --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;
1399
+ --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;
1400
+ --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;
1401
+ --plasma-typo-text-font-family: 'undefined', sans-serif;
1402
+ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
1403
+ --plasma-typo-dspl-s-bold-letter-spacing: normal;
1404
+ --plasma-typo-dspl-s-bold-font-style: normal;
1405
+ --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
1406
+ --plasma-typo-dspl-s-medium-letter-spacing: normal;
1407
+ --plasma-typo-dspl-s-medium-font-style: normal;
1408
+ --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
1409
+ --plasma-typo-dspl-s-letter-spacing: normal;
1410
+ --plasma-typo-dspl-s-font-style: normal;
1411
+ --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family);
1412
+ --plasma-typo-h1-bold-letter-spacing: normal;
1413
+ --plasma-typo-h1-bold-font-style: normal;
1414
+ --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family);
1415
+ --plasma-typo-h1-medium-letter-spacing: normal;
1416
+ --plasma-typo-h1-medium-font-style: normal;
1417
+ --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family);
1418
+ --plasma-typo-h1-letter-spacing: normal;
1419
+ --plasma-typo-h1-font-style: normal;
1420
+ --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family);
1421
+ --plasma-typo-h2-bold-letter-spacing: normal;
1422
+ --plasma-typo-h2-bold-font-style: normal;
1423
+ --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family);
1424
+ --plasma-typo-h2-medium-letter-spacing: normal;
1425
+ --plasma-typo-h2-medium-font-style: normal;
1426
+ --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family);
1427
+ --plasma-typo-h2-letter-spacing: normal;
1428
+ --plasma-typo-h2-font-style: normal;
1429
+ --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
1430
+ --plasma-typo-h3-bold-letter-spacing: normal;
1431
+ --plasma-typo-h3-bold-font-style: normal;
1432
+ --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family);
1433
+ --plasma-typo-h3-medium-letter-spacing: normal;
1434
+ --plasma-typo-h3-medium-font-style: normal;
1435
+ --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family);
1436
+ --plasma-typo-h3-letter-spacing: normal;
1437
+ --plasma-typo-h3-font-style: normal;
1438
+ --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family);
1439
+ --plasma-typo-h4-bold-letter-spacing: normal;
1440
+ --plasma-typo-h4-bold-font-style: normal;
1441
+ --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family);
1442
+ --plasma-typo-h4-medium-letter-spacing: normal;
1443
+ --plasma-typo-h4-medium-font-style: normal;
1444
+ --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family);
1445
+ --plasma-typo-h4-letter-spacing: normal;
1446
+ --plasma-typo-h4-font-style: normal;
1447
+ --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family);
1448
+ --plasma-typo-body-l-bold-letter-spacing: -0.02em;
1449
+ --plasma-typo-body-l-bold-font-style: normal;
1450
+ --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family);
1451
+ --plasma-typo-body-l-medium-letter-spacing: -0.02em;
1452
+ --plasma-typo-body-l-medium-font-style: normal;
1453
+ --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family);
1454
+ --plasma-typo-body-l-letter-spacing: -0.02em;
1455
+ --plasma-typo-body-l-font-style: normal;
1456
+ --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family);
1457
+ --plasma-typo-body-m-bold-letter-spacing: -0.02em;
1458
+ --plasma-typo-body-m-bold-font-style: normal;
1459
+ --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family);
1460
+ --plasma-typo-body-m-medium-letter-spacing: -0.02em;
1461
+ --plasma-typo-body-m-medium-font-style: normal;
1462
+ --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family);
1463
+ --plasma-typo-body-m-letter-spacing: -0.02em;
1464
+ --plasma-typo-body-m-font-style: normal;
1465
+ --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family);
1466
+ --plasma-typo-body-s-bold-letter-spacing: -0.02em;
1467
+ --plasma-typo-body-s-bold-font-style: normal;
1468
+ --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family);
1469
+ --plasma-typo-body-s-medium-letter-spacing: -0.02em;
1470
+ --plasma-typo-body-s-medium-font-style: normal;
1471
+ --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family);
1472
+ --plasma-typo-body-s-letter-spacing: -0.02em;
1473
+ --plasma-typo-body-s-font-style: normal;
1474
+ --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);
1475
+ --plasma-typo-body-xs-bold-letter-spacing: -0.02em;
1476
+ --plasma-typo-body-xs-bold-font-style: normal;
1477
+ --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);
1478
+ --plasma-typo-body-xs-medium-letter-spacing: -0.02em;
1479
+ --plasma-typo-body-xs-medium-font-style: normal;
1480
+ --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);
1481
+ --plasma-typo-body-xs-letter-spacing: -0.02em;
1482
+ --plasma-typo-body-xs-font-style: normal;
1483
+ --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);
1484
+ --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;
1485
+ --plasma-typo-body-xxs-bold-font-style: normal;
1486
+ --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
1487
+ --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
1488
+ --plasma-typo-body-xxs-medium-font-style: normal;
1489
+ --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
1490
+ --plasma-typo-body-xxs-letter-spacing: -0.02em;
1491
+ --plasma-typo-body-xxs-font-style: normal;
1492
+ }
1493
+
1494
+ @media (max-width: 559px) {
1495
+ .dark, .light {
1496
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1497
+ --plasma-typo-dspl-s-bold-font-weight: 600;
1498
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1499
+ --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1500
+ --plasma-typo-dspl-s-medium-font-weight: 500;
1501
+ --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1502
+ --plasma-typo-dspl-s-font-size: 2.125rem;
1503
+ --plasma-typo-dspl-s-font-weight: 400;
1504
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
1505
+ --plasma-typo-h1-bold-font-size: 1.75rem;
1506
+ --plasma-typo-h1-bold-font-weight: 600;
1507
+ --plasma-typo-h1-bold-line-height: 2.25rem;
1508
+ --plasma-typo-h1-medium-font-size: 1.75rem;
1509
+ --plasma-typo-h1-medium-font-weight: 500;
1510
+ --plasma-typo-h1-medium-line-height: 2.25rem;
1511
+ --plasma-typo-h1-font-size: 1.75rem;
1512
+ --plasma-typo-h1-font-weight: 400;
1513
+ --plasma-typo-h1-line-height: 2.25rem;
1514
+ --plasma-typo-h2-bold-font-size: 1.375rem;
1515
+ --plasma-typo-h2-bold-font-weight: 600;
1516
+ --plasma-typo-h2-bold-line-height: 1.75rem;
1517
+ --plasma-typo-h2-medium-font-size: 1.375rem;
1518
+ --plasma-typo-h2-medium-font-weight: 500;
1519
+ --plasma-typo-h2-medium-line-height: 1.75rem;
1520
+ --plasma-typo-h2-font-size: 1.375rem;
1521
+ --plasma-typo-h2-font-weight: 400;
1522
+ --plasma-typo-h2-line-height: 1.75rem;
1523
+ --plasma-typo-h3-bold-font-size: 1.25rem;
1524
+ --plasma-typo-h3-bold-font-weight: 600;
1525
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
1526
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1527
+ --plasma-typo-h3-medium-font-weight: 500;
1528
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1529
+ --plasma-typo-h3-font-size: 1.25rem;
1530
+ --plasma-typo-h3-font-weight: 400;
1531
+ --plasma-typo-h3-line-height: 1.4375rem;
1532
+ --plasma-typo-h4-bold-font-size: 1rem;
1533
+ --plasma-typo-h4-bold-font-weight: 600;
1534
+ --plasma-typo-h4-bold-line-height: 1.25rem;
1535
+ --plasma-typo-h4-medium-font-size: 1rem;
1536
+ --plasma-typo-h4-medium-font-weight: 500;
1537
+ --plasma-typo-h4-medium-line-height: 1.25rem;
1538
+ --plasma-typo-h4-font-size: 1rem;
1539
+ --plasma-typo-h4-font-weight: 400;
1540
+ --plasma-typo-h4-line-height: 1.25rem;
1541
+ --plasma-typo-body-l-bold-font-size: 0.9375rem;
1542
+ --plasma-typo-body-l-bold-font-weight: 600;
1543
+ --plasma-typo-body-l-bold-line-height: 1.25rem;
1544
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
1545
+ --plasma-typo-body-l-medium-font-weight: 500;
1546
+ --plasma-typo-body-l-medium-line-height: 1.25rem;
1547
+ --plasma-typo-body-l-font-size: 0.9375rem;
1548
+ --plasma-typo-body-l-font-weight: 400;
1549
+ --plasma-typo-body-l-line-height: 1.25rem;
1550
+ --plasma-typo-body-m-bold-font-size: 0.875rem;
1551
+ --plasma-typo-body-m-bold-font-weight: 600;
1552
+ --plasma-typo-body-m-bold-line-height: 1.125rem;
1553
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1554
+ --plasma-typo-body-m-medium-font-weight: 500;
1555
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1556
+ --plasma-typo-body-m-font-size: 0.875rem;
1557
+ --plasma-typo-body-m-font-weight: 400;
1558
+ --plasma-typo-body-m-line-height: 1.125rem;
1559
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1560
+ --plasma-typo-body-s-bold-font-weight: 600;
1561
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1562
+ --plasma-typo-body-s-medium-font-size: 0.8125rem;
1563
+ --plasma-typo-body-s-medium-font-weight: 500;
1564
+ --plasma-typo-body-s-medium-line-height: 0.9375rem;
1565
+ --plasma-typo-body-s-font-size: 0.8125rem;
1566
+ --plasma-typo-body-s-font-weight: 400;
1567
+ --plasma-typo-body-s-line-height: 0.9375rem;
1568
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
1569
+ --plasma-typo-body-xs-bold-font-weight: 600;
1570
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
1571
+ --plasma-typo-body-xs-medium-font-size: 0.75rem;
1572
+ --plasma-typo-body-xs-medium-font-weight: 500;
1573
+ --plasma-typo-body-xs-medium-line-height: 0.875rem;
1574
+ --plasma-typo-body-xs-font-size: 0.75rem;
1575
+ --plasma-typo-body-xs-font-weight: 400;
1576
+ --plasma-typo-body-xs-line-height: 0.875rem;
1577
+ --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1578
+ --plasma-typo-body-xxs-bold-font-weight: 600;
1579
+ --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1580
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1581
+ --plasma-typo-body-xxs-medium-font-weight: 500;
1582
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1583
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
1584
+ --plasma-typo-body-xxs-font-weight: 400;
1585
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
1586
+ }
1587
+ }
1588
+
1589
+ @media (min-width: 560px) and (max-width: 959px) {
1590
+ .dark, .light {
1591
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1592
+ --plasma-typo-dspl-s-bold-font-weight: 600;
1593
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1594
+ --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1595
+ --plasma-typo-dspl-s-medium-font-weight: 500;
1596
+ --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1597
+ --plasma-typo-dspl-s-font-size: 2.125rem;
1598
+ --plasma-typo-dspl-s-font-weight: 400;
1599
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
1600
+ --plasma-typo-h1-bold-font-size: 1.75rem;
1601
+ --plasma-typo-h1-bold-font-weight: 600;
1602
+ --plasma-typo-h1-bold-line-height: 2.25rem;
1603
+ --plasma-typo-h1-medium-font-size: 1.75rem;
1604
+ --plasma-typo-h1-medium-font-weight: 500;
1605
+ --plasma-typo-h1-medium-line-height: 2.25rem;
1606
+ --plasma-typo-h1-font-size: 1.75rem;
1607
+ --plasma-typo-h1-font-weight: 400;
1608
+ --plasma-typo-h1-line-height: 2.25rem;
1609
+ --plasma-typo-h2-bold-font-size: 1.375rem;
1610
+ --plasma-typo-h2-bold-font-weight: 600;
1611
+ --plasma-typo-h2-bold-line-height: 1.75rem;
1612
+ --plasma-typo-h2-medium-font-size: 1.375rem;
1613
+ --plasma-typo-h2-medium-font-weight: 500;
1614
+ --plasma-typo-h2-medium-line-height: 1.75rem;
1615
+ --plasma-typo-h2-font-size: 1.375rem;
1616
+ --plasma-typo-h2-font-weight: 400;
1617
+ --plasma-typo-h2-line-height: 1.75rem;
1618
+ --plasma-typo-h3-bold-font-size: 1.25rem;
1619
+ --plasma-typo-h3-bold-font-weight: 600;
1620
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
1621
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1622
+ --plasma-typo-h3-medium-font-weight: 500;
1623
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1624
+ --plasma-typo-h3-font-size: 1.25rem;
1625
+ --plasma-typo-h3-font-weight: 400;
1626
+ --plasma-typo-h3-line-height: 1.4375rem;
1627
+ --plasma-typo-h4-bold-font-size: 1rem;
1628
+ --plasma-typo-h4-bold-font-weight: 600;
1629
+ --plasma-typo-h4-bold-line-height: 1.25rem;
1630
+ --plasma-typo-h4-medium-font-size: 1rem;
1631
+ --plasma-typo-h4-medium-font-weight: 500;
1632
+ --plasma-typo-h4-medium-line-height: 1.25rem;
1633
+ --plasma-typo-h4-font-size: 1rem;
1634
+ --plasma-typo-h4-font-weight: 400;
1635
+ --plasma-typo-h4-line-height: 1.25rem;
1636
+ --plasma-typo-body-l-bold-font-size: 0.9375rem;
1637
+ --plasma-typo-body-l-bold-font-weight: 600;
1638
+ --plasma-typo-body-l-bold-line-height: 1.25rem;
1639
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
1640
+ --plasma-typo-body-l-medium-font-weight: 500;
1641
+ --plasma-typo-body-l-medium-line-height: 1.25rem;
1642
+ --plasma-typo-body-l-font-size: 0.9375rem;
1643
+ --plasma-typo-body-l-font-weight: 400;
1644
+ --plasma-typo-body-l-line-height: 1.25rem;
1645
+ --plasma-typo-body-m-bold-font-size: 0.875rem;
1646
+ --plasma-typo-body-m-bold-font-weight: 600;
1647
+ --plasma-typo-body-m-bold-line-height: 1.125rem;
1648
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1649
+ --plasma-typo-body-m-medium-font-weight: 500;
1650
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1651
+ --plasma-typo-body-m-font-size: 0.875rem;
1652
+ --plasma-typo-body-m-font-weight: 400;
1653
+ --plasma-typo-body-m-line-height: 1.125rem;
1654
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1655
+ --plasma-typo-body-s-bold-font-weight: 600;
1656
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1657
+ --plasma-typo-body-s-medium-font-size: 0.8125rem;
1658
+ --plasma-typo-body-s-medium-font-weight: 500;
1659
+ --plasma-typo-body-s-medium-line-height: 0.9375rem;
1660
+ --plasma-typo-body-s-font-size: 0.8125rem;
1661
+ --plasma-typo-body-s-font-weight: 400;
1662
+ --plasma-typo-body-s-line-height: 0.9375rem;
1663
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
1664
+ --plasma-typo-body-xs-bold-font-weight: 600;
1665
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
1666
+ --plasma-typo-body-xs-medium-font-size: 0.75rem;
1667
+ --plasma-typo-body-xs-medium-font-weight: 500;
1668
+ --plasma-typo-body-xs-medium-line-height: 0.875rem;
1669
+ --plasma-typo-body-xs-font-size: 0.75rem;
1670
+ --plasma-typo-body-xs-font-weight: 400;
1671
+ --plasma-typo-body-xs-line-height: 0.875rem;
1672
+ --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1673
+ --plasma-typo-body-xxs-bold-font-weight: 600;
1674
+ --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1675
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1676
+ --plasma-typo-body-xxs-medium-font-weight: 500;
1677
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1678
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
1679
+ --plasma-typo-body-xxs-font-weight: 400;
1680
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
1681
+ }
1682
+ }
1683
+
1684
+ @media (min-width: 960px) {
1685
+ .dark, .light {
1686
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1687
+ --plasma-typo-dspl-s-bold-font-weight: 600;
1688
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1689
+ --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1690
+ --plasma-typo-dspl-s-medium-font-weight: 500;
1691
+ --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1692
+ --plasma-typo-dspl-s-font-size: 2.125rem;
1693
+ --plasma-typo-dspl-s-font-weight: 400;
1694
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
1695
+ --plasma-typo-h1-bold-font-size: 1.75rem;
1696
+ --plasma-typo-h1-bold-font-weight: 600;
1697
+ --plasma-typo-h1-bold-line-height: 2.25rem;
1698
+ --plasma-typo-h1-medium-font-size: 1.75rem;
1699
+ --plasma-typo-h1-medium-font-weight: 500;
1700
+ --plasma-typo-h1-medium-line-height: 2.25rem;
1701
+ --plasma-typo-h1-font-size: 1.75rem;
1702
+ --plasma-typo-h1-font-weight: 400;
1703
+ --plasma-typo-h1-line-height: 2.25rem;
1704
+ --plasma-typo-h2-bold-font-size: 1.375rem;
1705
+ --plasma-typo-h2-bold-font-weight: 600;
1706
+ --plasma-typo-h2-bold-line-height: 1.75rem;
1707
+ --plasma-typo-h2-medium-font-size: 1.375rem;
1708
+ --plasma-typo-h2-medium-font-weight: 500;
1709
+ --plasma-typo-h2-medium-line-height: 1.75rem;
1710
+ --plasma-typo-h2-font-size: 1.375rem;
1711
+ --plasma-typo-h2-font-weight: 400;
1712
+ --plasma-typo-h2-line-height: 1.75rem;
1713
+ --plasma-typo-h3-bold-font-size: 1.25rem;
1714
+ --plasma-typo-h3-bold-font-weight: 600;
1715
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
1716
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1717
+ --plasma-typo-h3-medium-font-weight: 500;
1718
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1719
+ --plasma-typo-h3-font-size: 1.25rem;
1720
+ --plasma-typo-h3-font-weight: 400;
1721
+ --plasma-typo-h3-line-height: 1.4375rem;
1722
+ --plasma-typo-h4-bold-font-size: 1rem;
1723
+ --plasma-typo-h4-bold-font-weight: 600;
1724
+ --plasma-typo-h4-bold-line-height: 1.25rem;
1725
+ --plasma-typo-h4-medium-font-size: 1rem;
1726
+ --plasma-typo-h4-medium-font-weight: 500;
1727
+ --plasma-typo-h4-medium-line-height: 1.25rem;
1728
+ --plasma-typo-h4-font-size: 1rem;
1729
+ --plasma-typo-h4-font-weight: 400;
1730
+ --plasma-typo-h4-line-height: 1.25rem;
1731
+ --plasma-typo-body-l-bold-font-size: 0.9375rem;
1732
+ --plasma-typo-body-l-bold-font-weight: 600;
1733
+ --plasma-typo-body-l-bold-line-height: 1.25rem;
1734
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
1735
+ --plasma-typo-body-l-medium-font-weight: 500;
1736
+ --plasma-typo-body-l-medium-line-height: 1.25rem;
1737
+ --plasma-typo-body-l-font-size: 0.9375rem;
1738
+ --plasma-typo-body-l-font-weight: 400;
1739
+ --plasma-typo-body-l-line-height: 1.25rem;
1740
+ --plasma-typo-body-m-bold-font-size: 0.875rem;
1741
+ --plasma-typo-body-m-bold-font-weight: 600;
1742
+ --plasma-typo-body-m-bold-line-height: 1.125rem;
1743
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1744
+ --plasma-typo-body-m-medium-font-weight: 500;
1745
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1746
+ --plasma-typo-body-m-font-size: 0.875rem;
1747
+ --plasma-typo-body-m-font-weight: 400;
1748
+ --plasma-typo-body-m-line-height: 1.125rem;
1749
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1750
+ --plasma-typo-body-s-bold-font-weight: 600;
1751
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1752
+ --plasma-typo-body-s-medium-font-size: 0.8125rem;
1753
+ --plasma-typo-body-s-medium-font-weight: 500;
1754
+ --plasma-typo-body-s-medium-line-height: 0.9375rem;
1755
+ --plasma-typo-body-s-font-size: 0.8125rem;
1756
+ --plasma-typo-body-s-font-weight: 400;
1757
+ --plasma-typo-body-s-line-height: 0.9375rem;
1758
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
1759
+ --plasma-typo-body-xs-bold-font-weight: 600;
1760
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
1761
+ --plasma-typo-body-xs-medium-font-size: 0.75rem;
1762
+ --plasma-typo-body-xs-medium-font-weight: 500;
1763
+ --plasma-typo-body-xs-medium-line-height: 0.875rem;
1764
+ --plasma-typo-body-xs-font-size: 0.75rem;
1765
+ --plasma-typo-body-xs-font-weight: 400;
1766
+ --plasma-typo-body-xs-line-height: 0.875rem;
1767
+ --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1768
+ --plasma-typo-body-xxs-bold-font-weight: 600;
1769
+ --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1770
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1771
+ --plasma-typo-body-xxs-medium-font-weight: 500;
1772
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1773
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
1774
+ --plasma-typo-body-xxs-font-weight: 400;
1775
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
1776
+ }
1777
+ }