@dialpad/dialtone-css 8.64.2 → 8.64.4

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 (42) hide show
  1. package/lib/build/less/components/radio-checkbox.less +11 -9
  2. package/lib/build/less/recipes/leftbar_row.less +2 -2
  3. package/lib/dist/dialtone-default-theme.css +2715 -574
  4. package/lib/dist/dialtone-default-theme.min.css +1 -1
  5. package/lib/dist/dialtone-docs.json +1 -1
  6. package/lib/dist/dialtone.css +687 -54
  7. package/lib/dist/dialtone.min.css +1 -1
  8. package/lib/dist/tokens/tokens-aegean-dark.css +1112 -552
  9. package/lib/dist/tokens/tokens-aegean-light.css +1010 -450
  10. package/lib/dist/tokens/tokens-base-dark.css +5 -5
  11. package/lib/dist/tokens/tokens-base-deca-dark.css +5 -5
  12. package/lib/dist/tokens/tokens-base-deca-light.css +10 -10
  13. package/lib/dist/tokens/tokens-base-light.css +10 -10
  14. package/lib/dist/tokens/tokens-botany-dark.css +1095 -535
  15. package/lib/dist/tokens/tokens-botany-light.css +1014 -454
  16. package/lib/dist/tokens/tokens-buttercream-dark.css +1101 -541
  17. package/lib/dist/tokens/tokens-buttercream-light.css +1013 -453
  18. package/lib/dist/tokens/tokens-ceruleo-dark.css +1115 -555
  19. package/lib/dist/tokens/tokens-ceruleo-light.css +1035 -475
  20. package/lib/dist/tokens/tokens-debug-dp.css +930 -370
  21. package/lib/dist/tokens/tokens-deca-dark.css +19 -19
  22. package/lib/dist/tokens/tokens-deca-light.css +19 -19
  23. package/lib/dist/tokens/tokens-dp-dark.css +1094 -534
  24. package/lib/dist/tokens/tokens-dp-light.css +1010 -450
  25. package/lib/dist/tokens/tokens-expressive-dark.css +1094 -534
  26. package/lib/dist/tokens/tokens-expressive-light.css +1010 -450
  27. package/lib/dist/tokens/tokens-expressive-sm-dark.css +1094 -534
  28. package/lib/dist/tokens/tokens-expressive-sm-light.css +1010 -450
  29. package/lib/dist/tokens/tokens-high-desert-dark.css +1136 -576
  30. package/lib/dist/tokens/tokens-high-desert-light.css +1014 -454
  31. package/lib/dist/tokens/tokens-melon-dark.css +1094 -534
  32. package/lib/dist/tokens/tokens-melon-light.css +1017 -457
  33. package/lib/dist/tokens/tokens-plum-dark.css +1226 -666
  34. package/lib/dist/tokens/tokens-plum-light.css +1130 -570
  35. package/lib/dist/tokens/tokens-sunflower-dark.css +1329 -769
  36. package/lib/dist/tokens/tokens-sunflower-light.css +1045 -485
  37. package/lib/dist/tokens/tokens-tmo-dark.css +1094 -534
  38. package/lib/dist/tokens/tokens-tmo-light.css +1010 -450
  39. package/lib/dist/tokens/tokens-verdant-haze-dark.css +1094 -534
  40. package/lib/dist/tokens/tokens-verdant-haze-light.css +1010 -450
  41. package/lib/dist/tokens-docs.json +1 -1
  42. package/package.json +3 -3
package/lib/dist/tokens/tokens-aegean-light.css CHANGED
@@ -11,133 +11,133 @@
11
11
  --dt-avatar-color-background-000-a: 100%;
12
12
  --dt-avatar-color-background-000-hsl: var(--dt-avatar-color-background-000-h) var(--dt-avatar-color-background-000-s) var(--dt-avatar-color-background-000-l);
13
13
  --dt-avatar-color-background-000-hsla: hsl(var(--dt-avatar-color-background-000-h) var(--dt-avatar-color-background-000-s) var(--dt-avatar-color-background-000-l) / var(--alpha, 100%));
14
- --dt-avatar-color-background-000: #e0e0e0;
14
+ --dt-avatar-color-background-000: #E0E0E0;
15
15
  --dt-avatar-color-background-1800-h: 36.20689655172413;
16
16
  --dt-avatar-color-background-1800-s: 67.44186046511628%;
17
17
  --dt-avatar-color-background-1800-l: 83.13725490196077%;
18
18
  --dt-avatar-color-background-1800-a: 100%;
19
19
  --dt-avatar-color-background-1800-hsl: var(--dt-avatar-color-background-1800-h) var(--dt-avatar-color-background-1800-s) var(--dt-avatar-color-background-1800-l);
20
20
  --dt-avatar-color-background-1800-hsla: hsl(var(--dt-avatar-color-background-1800-h) var(--dt-avatar-color-background-1800-s) var(--dt-avatar-color-background-1800-l) / var(--alpha, 100%));
21
- --dt-avatar-color-background-1800: #f1dab7;
21
+ --dt-avatar-color-background-1800: #F1DAB7;
22
22
  --dt-avatar-color-background-1700-h: 46.70270270270271;
23
23
  --dt-avatar-color-background-1700-s: 100%;
24
24
  --dt-avatar-color-background-1700-l: 63.725490196078425%;
25
25
  --dt-avatar-color-background-1700-a: 100%;
26
26
  --dt-avatar-color-background-1700-hsl: var(--dt-avatar-color-background-1700-h) var(--dt-avatar-color-background-1700-s) var(--dt-avatar-color-background-1700-l);
27
27
  --dt-avatar-color-background-1700-hsla: hsl(var(--dt-avatar-color-background-1700-h) var(--dt-avatar-color-background-1700-s) var(--dt-avatar-color-background-1700-l) / var(--alpha, 100%));
28
- --dt-avatar-color-background-1700: #ffd646;
28
+ --dt-avatar-color-background-1700: #FFD646;
29
29
  --dt-avatar-color-background-1600-h: 39.473684210526315;
30
30
  --dt-avatar-color-background-1600-s: 100%;
31
31
  --dt-avatar-color-background-1600-l: 62.745098039215684%;
32
32
  --dt-avatar-color-background-1600-a: 100%;
33
33
  --dt-avatar-color-background-1600-hsl: var(--dt-avatar-color-background-1600-h) var(--dt-avatar-color-background-1600-s) var(--dt-avatar-color-background-1600-l);
34
34
  --dt-avatar-color-background-1600-hsla: hsl(var(--dt-avatar-color-background-1600-h) var(--dt-avatar-color-background-1600-s) var(--dt-avatar-color-background-1600-l) / var(--alpha, 100%));
35
- --dt-avatar-color-background-1600: #ffbe41;
35
+ --dt-avatar-color-background-1600: #FFBE41;
36
36
  --dt-avatar-color-background-1500-h: 25.128205128205124;
37
37
  --dt-avatar-color-background-1500-s: 75.48387096774195%;
38
38
  --dt-avatar-color-background-1500-l: 69.6078431372549%;
39
39
  --dt-avatar-color-background-1500-a: 100%;
40
40
  --dt-avatar-color-background-1500-hsl: var(--dt-avatar-color-background-1500-h) var(--dt-avatar-color-background-1500-s) var(--dt-avatar-color-background-1500-l);
41
41
  --dt-avatar-color-background-1500-hsla: hsl(var(--dt-avatar-color-background-1500-h) var(--dt-avatar-color-background-1500-s) var(--dt-avatar-color-background-1500-l) / var(--alpha, 100%));
42
- --dt-avatar-color-background-1500: #eca877;
42
+ --dt-avatar-color-background-1500: #ECA877;
43
43
  --dt-avatar-color-background-1400-h: 0;
44
44
  --dt-avatar-color-background-1400-s: 89.70588235294117%;
45
45
  --dt-avatar-color-background-1400-l: 73.33333333333334%;
46
46
  --dt-avatar-color-background-1400-a: 100%;
47
47
  --dt-avatar-color-background-1400-hsl: var(--dt-avatar-color-background-1400-h) var(--dt-avatar-color-background-1400-s) var(--dt-avatar-color-background-1400-l);
48
48
  --dt-avatar-color-background-1400-hsla: hsl(var(--dt-avatar-color-background-1400-h) var(--dt-avatar-color-background-1400-s) var(--dt-avatar-color-background-1400-l) / var(--alpha, 100%));
49
- --dt-avatar-color-background-1400: #f87e7e;
49
+ --dt-avatar-color-background-1400: #F87E7E;
50
50
  --dt-avatar-color-background-1300-h: 325.6578947368421;
51
51
  --dt-avatar-color-background-1300-s: 100%;
52
52
  --dt-avatar-color-background-1300-l: 70.19607843137254%;
53
53
  --dt-avatar-color-background-1300-a: 100%;
54
54
  --dt-avatar-color-background-1300-hsl: var(--dt-avatar-color-background-1300-h) var(--dt-avatar-color-background-1300-s) var(--dt-avatar-color-background-1300-l);
55
55
  --dt-avatar-color-background-1300-hsla: hsl(var(--dt-avatar-color-background-1300-h) var(--dt-avatar-color-background-1300-s) var(--dt-avatar-color-background-1300-l) / var(--alpha, 100%));
56
- --dt-avatar-color-background-1300: #ff67be;
56
+ --dt-avatar-color-background-1300: #FF67BE;
57
57
  --dt-avatar-color-background-1200-h: 324.10256410256414;
58
58
  --dt-avatar-color-background-1200-s: 75.48387096774195%;
59
59
  --dt-avatar-color-background-1200-l: 69.6078431372549%;
60
60
  --dt-avatar-color-background-1200-a: 100%;
61
61
  --dt-avatar-color-background-1200-hsl: var(--dt-avatar-color-background-1200-h) var(--dt-avatar-color-background-1200-s) var(--dt-avatar-color-background-1200-l);
62
62
  --dt-avatar-color-background-1200-hsla: hsl(var(--dt-avatar-color-background-1200-h) var(--dt-avatar-color-background-1200-s) var(--dt-avatar-color-background-1200-l) / var(--alpha, 100%));
63
- --dt-avatar-color-background-1200: #ec77bd;
63
+ --dt-avatar-color-background-1200: #EC77BD;
64
64
  --dt-avatar-color-background-1100-h: 309.31034482758616;
65
65
  --dt-avatar-color-background-1100-s: 67.44186046511628%;
66
66
  --dt-avatar-color-background-1100-l: 83.13725490196077%;
67
67
  --dt-avatar-color-background-1100-a: 100%;
68
68
  --dt-avatar-color-background-1100-hsl: var(--dt-avatar-color-background-1100-h) var(--dt-avatar-color-background-1100-s) var(--dt-avatar-color-background-1100-l);
69
69
  --dt-avatar-color-background-1100-hsla: hsl(var(--dt-avatar-color-background-1100-h) var(--dt-avatar-color-background-1100-s) var(--dt-avatar-color-background-1100-l) / var(--alpha, 100%));
70
- --dt-avatar-color-background-1100: #f1b7e8;
70
+ --dt-avatar-color-background-1100: #F1B7E8;
71
71
  --dt-avatar-color-background-1000-h: 219.45205479452054;
72
72
  --dt-avatar-color-background-1000-s: 100%;
73
73
  --dt-avatar-color-background-1000-l: 85.68627450980392%;
74
74
  --dt-avatar-color-background-1000-a: 100%;
75
75
  --dt-avatar-color-background-1000-hsl: var(--dt-avatar-color-background-1000-h) var(--dt-avatar-color-background-1000-s) var(--dt-avatar-color-background-1000-l);
76
76
  --dt-avatar-color-background-1000-hsla: hsl(var(--dt-avatar-color-background-1000-h) var(--dt-avatar-color-background-1000-s) var(--dt-avatar-color-background-1000-l) / var(--alpha, 100%));
77
- --dt-avatar-color-background-1000: #b6cfff;
77
+ --dt-avatar-color-background-1000: #B6CFFF;
78
78
  --dt-avatar-color-background-900-h: 212.60115606936415;
79
79
  --dt-avatar-color-background-900-s: 98.85714285714286%;
80
80
  --dt-avatar-color-background-900-l: 65.68627450980392%;
81
81
  --dt-avatar-color-background-900-a: 100%;
82
82
  --dt-avatar-color-background-900-hsl: var(--dt-avatar-color-background-900-h) var(--dt-avatar-color-background-900-s) var(--dt-avatar-color-background-900-l);
83
83
  --dt-avatar-color-background-900-hsla: hsl(var(--dt-avatar-color-background-900-h) var(--dt-avatar-color-background-900-s) var(--dt-avatar-color-background-900-l) / var(--alpha, 100%));
84
- --dt-avatar-color-background-900: #51a0fe;
84
+ --dt-avatar-color-background-900: #51A0FE;
85
85
  --dt-avatar-color-background-800-h: 194.11764705882354;
86
86
  --dt-avatar-color-background-800-s: 100%;
87
87
  --dt-avatar-color-background-800-l: 80%;
88
88
  --dt-avatar-color-background-800-a: 100%;
89
89
  --dt-avatar-color-background-800-hsl: var(--dt-avatar-color-background-800-h) var(--dt-avatar-color-background-800-s) var(--dt-avatar-color-background-800-l);
90
90
  --dt-avatar-color-background-800-hsla: hsl(var(--dt-avatar-color-background-800-h) var(--dt-avatar-color-background-800-s) var(--dt-avatar-color-background-800-l) / var(--alpha, 100%));
91
- --dt-avatar-color-background-800: #99e7ff;
91
+ --dt-avatar-color-background-800: #99E7FF;
92
92
  --dt-avatar-color-background-700-h: 194.53416149068323;
93
93
  --dt-avatar-color-background-700-s: 100%;
94
94
  --dt-avatar-color-background-700-l: 68.43137254901961%;
95
95
  --dt-avatar-color-background-700-a: 100%;
96
96
  --dt-avatar-color-background-700-hsl: var(--dt-avatar-color-background-700-h) var(--dt-avatar-color-background-700-s) var(--dt-avatar-color-background-700-l);
97
97
  --dt-avatar-color-background-700-hsla: hsl(var(--dt-avatar-color-background-700-h) var(--dt-avatar-color-background-700-s) var(--dt-avatar-color-background-700-l) / var(--alpha, 100%));
98
- --dt-avatar-color-background-700: #5ed8ff;
98
+ --dt-avatar-color-background-700: #5ED8FF;
99
99
  --dt-avatar-color-background-600-h: 187.17948717948718;
100
100
  --dt-avatar-color-background-600-s: 75.48387096774195%;
101
101
  --dt-avatar-color-background-600-l: 69.6078431372549%;
102
102
  --dt-avatar-color-background-600-a: 100%;
103
103
  --dt-avatar-color-background-600-hsl: var(--dt-avatar-color-background-600-h) var(--dt-avatar-color-background-600-s) var(--dt-avatar-color-background-600-l);
104
104
  --dt-avatar-color-background-600-hsla: hsl(var(--dt-avatar-color-background-600-h) var(--dt-avatar-color-background-600-s) var(--dt-avatar-color-background-600-l) / var(--alpha, 100%));
105
- --dt-avatar-color-background-600: #77deec;
105
+ --dt-avatar-color-background-600: #77DEEC;
106
106
  --dt-avatar-color-background-500-h: 154.9565217391304;
107
107
  --dt-avatar-color-background-500-s: 76.15894039735099%;
108
108
  --dt-avatar-color-background-500-l: 70.3921568627451%;
109
109
  --dt-avatar-color-background-500-a: 100%;
110
110
  --dt-avatar-color-background-500-hsl: var(--dt-avatar-color-background-500-h) var(--dt-avatar-color-background-500-s) var(--dt-avatar-color-background-500-l);
111
111
  --dt-avatar-color-background-500-hsla: hsl(var(--dt-avatar-color-background-500-h) var(--dt-avatar-color-background-500-s) var(--dt-avatar-color-background-500-l) / var(--alpha, 100%));
112
- --dt-avatar-color-background-500: #7aedbd;
112
+ --dt-avatar-color-background-500: #7AEDBD;
113
113
  --dt-avatar-color-background-400-h: 144.1025641025641;
114
114
  --dt-avatar-color-background-400-s: 75.48387096774195%;
115
115
  --dt-avatar-color-background-400-l: 69.6078431372549%;
116
116
  --dt-avatar-color-background-400-a: 100%;
117
117
  --dt-avatar-color-background-400-hsl: var(--dt-avatar-color-background-400-h) var(--dt-avatar-color-background-400-s) var(--dt-avatar-color-background-400-l);
118
118
  --dt-avatar-color-background-400-hsla: hsl(var(--dt-avatar-color-background-400-h) var(--dt-avatar-color-background-400-s) var(--dt-avatar-color-background-400-l) / var(--alpha, 100%));
119
- --dt-avatar-color-background-400: #77eca6;
119
+ --dt-avatar-color-background-400: #77ECA6;
120
120
  --dt-avatar-color-background-300-h: 97.3469387755102;
121
121
  --dt-avatar-color-background-300-s: 69.99999999999999%;
122
122
  --dt-avatar-color-background-300-l: 72.54901960784314%;
123
123
  --dt-avatar-color-background-300-a: 100%;
124
124
  --dt-avatar-color-background-300-hsl: var(--dt-avatar-color-background-300-h) var(--dt-avatar-color-background-300-s) var(--dt-avatar-color-background-300-l);
125
125
  --dt-avatar-color-background-300-hsla: hsl(var(--dt-avatar-color-background-300-h) var(--dt-avatar-color-background-300-s) var(--dt-avatar-color-background-300-l) / var(--alpha, 100%));
126
- --dt-avatar-color-background-300: #adea88;
126
+ --dt-avatar-color-background-300: #ADEA88;
127
127
  --dt-avatar-color-background-200-h: 101.12903225806451;
128
128
  --dt-avatar-color-background-200-s: 100%;
129
129
  --dt-avatar-color-background-200-l: 75.68627450980392%;
130
130
  --dt-avatar-color-background-200-a: 100%;
131
131
  --dt-avatar-color-background-200-hsl: var(--dt-avatar-color-background-200-h) var(--dt-avatar-color-background-200-s) var(--dt-avatar-color-background-200-l);
132
132
  --dt-avatar-color-background-200-hsla: hsl(var(--dt-avatar-color-background-200-h) var(--dt-avatar-color-background-200-s) var(--dt-avatar-color-background-200-l) / var(--alpha, 100%));
133
- --dt-avatar-color-background-200: #aaff83;
133
+ --dt-avatar-color-background-200: #AAFF83;
134
134
  --dt-avatar-color-background-100-h: 136.64233576642334;
135
135
  --dt-avatar-color-background-100-s: 72.4867724867725%;
136
136
  --dt-avatar-color-background-100-l: 37.05882352941176%;
137
137
  --dt-avatar-color-background-100-a: 100%;
138
138
  --dt-avatar-color-background-100-hsl: var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l);
139
139
  --dt-avatar-color-background-100-hsla: hsl(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
140
- --dt-avatar-color-background-100: #1aa340;
140
+ --dt-avatar-color-background-100: #1AA340;
141
141
  --dt-radio-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
142
142
  --dt-radio-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
143
143
  --dt-radio-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
@@ -304,27 +304,6 @@
304
304
  --dt-shell-mention-color-foreground-primary-hsl: var(--dt-color-black-50-hsl);
305
305
  --dt-shell-mention-color-foreground-primary-hsla: var(--dt-color-black-50-hsla);
306
306
  --dt-shell-mention-color-foreground-primary: var(--dt-color-black-50);
307
- --dt-shell-base-action-color-background-muted-h: var(--dt-color-coral-900-h);
308
- --dt-shell-base-action-color-background-muted-s: var(--dt-color-coral-900-s);
309
- --dt-shell-base-action-color-background-muted-l: var(--dt-color-coral-900-l);
310
- --dt-shell-base-action-color-background-muted-a: var(--dt-color-coral-900-a);
311
- --dt-shell-base-action-color-background-muted-hsl: var(--dt-color-coral-900-hsl);
312
- --dt-shell-base-action-color-background-muted-hsla: var(--dt-color-coral-900-hsla);
313
- --dt-shell-base-action-color-background-muted: var(--dt-color-coral-900);
314
- --dt-shell-base-action-color-background-secondary-h: var(--dt-color-coral-900-h);
315
- --dt-shell-base-action-color-background-secondary-s: var(--dt-color-coral-900-s);
316
- --dt-shell-base-action-color-background-secondary-l: var(--dt-color-coral-900-l);
317
- --dt-shell-base-action-color-background-secondary-a: var(--dt-color-coral-900-a);
318
- --dt-shell-base-action-color-background-secondary-hsl: var(--dt-color-coral-900-hsl);
319
- --dt-shell-base-action-color-background-secondary-hsla: var(--dt-color-coral-900-hsla);
320
- --dt-shell-base-action-color-background-secondary: var(--dt-color-coral-900);
321
- --dt-shell-base-action-color-background-primary-h: var(--dt-color-coral-900-h);
322
- --dt-shell-base-action-color-background-primary-s: var(--dt-color-coral-900-s);
323
- --dt-shell-base-action-color-background-primary-l: var(--dt-color-coral-900-l);
324
- --dt-shell-base-action-color-background-primary-a: var(--dt-color-coral-900-a);
325
- --dt-shell-base-action-color-background-primary-hsl: var(--dt-color-coral-900-hsl);
326
- --dt-shell-base-action-color-background-primary-hsla: var(--dt-color-coral-900-hsla);
327
- --dt-shell-base-action-color-background-primary: var(--dt-color-coral-900);
328
307
  --dt-shell-base-color-status-away-h: var(--dt-color-black-500-h);
329
308
  --dt-shell-base-color-status-away-s: var(--dt-color-black-500-s);
330
309
  --dt-shell-base-color-status-away-l: var(--dt-color-black-500-l);
@@ -353,6 +332,13 @@
353
332
  --dt-shell-base-color-status-positive-hsl: var(--dt-color-green-425-hsl);
354
333
  --dt-shell-base-color-status-positive-hsla: var(--dt-color-green-425-hsla);
355
334
  --dt-shell-base-color-status-positive: var(--dt-color-green-425);
335
+ --dt-shell-base-color-action-h: var(--dt-color-coral-900-h);
336
+ --dt-shell-base-color-action-s: var(--dt-color-coral-900-s);
337
+ --dt-shell-base-color-action-l: var(--dt-color-coral-900-l);
338
+ --dt-shell-base-color-action-a: var(--dt-color-coral-900-a);
339
+ --dt-shell-base-color-action-hsl: var(--dt-color-coral-900-hsl);
340
+ --dt-shell-base-color-action-hsla: var(--dt-color-coral-900-hsla);
341
+ --dt-shell-base-color-action: var(--dt-color-coral-900);
356
342
  --dt-shell-base-color-accent-h: var(--dt-color-teal-800-h);
357
343
  --dt-shell-base-color-accent-s: var(--dt-color-teal-800-s);
358
344
  --dt-shell-base-color-accent-l: var(--dt-color-teal-800-l);
@@ -721,251 +707,174 @@
721
707
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
722
708
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
723
709
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
724
- --dt-color-chart-sequential-10-selected-h: var(--dt-color-indigo-1000-h);
725
- --dt-color-chart-sequential-10-selected-s: var(--dt-color-indigo-1000-s);
726
- --dt-color-chart-sequential-10-selected-l: var(--dt-color-indigo-1000-l);
727
- --dt-color-chart-sequential-10-selected-a: var(--dt-color-indigo-1000-a);
728
- --dt-color-chart-sequential-10-selected-hsl: var(--dt-color-indigo-1000-hsl);
729
- --dt-color-chart-sequential-10-selected-hsla: var(--dt-color-indigo-1000-hsla);
730
- --dt-color-chart-sequential-10-selected: var(--dt-color-indigo-1000); /* Selected state for tenth sequential chart color. */
731
- --dt-color-chart-sequential-10-hover-h: var(--dt-color-indigo-1000-h);
732
- --dt-color-chart-sequential-10-hover-s: var(--dt-color-indigo-1000-s);
733
- --dt-color-chart-sequential-10-hover-l: var(--dt-color-indigo-1000-l);
734
- --dt-color-chart-sequential-10-hover-a: var(--dt-color-indigo-1000-a);
735
- --dt-color-chart-sequential-10-hover-hsl: var(--dt-color-indigo-1000-hsl);
736
- --dt-color-chart-sequential-10-hover-hsla: var(--dt-color-indigo-1000-hsla);
737
- --dt-color-chart-sequential-10-hover: var(--dt-color-indigo-1000); /* Hover state for tenth sequential chart color. */
738
- --dt-color-chart-sequential-09-selected-h: var(--dt-color-indigo-1000-h);
739
- --dt-color-chart-sequential-09-selected-s: var(--dt-color-indigo-1000-s);
740
- --dt-color-chart-sequential-09-selected-l: var(--dt-color-indigo-1000-l);
741
- --dt-color-chart-sequential-09-selected-a: var(--dt-color-indigo-1000-a);
742
- --dt-color-chart-sequential-09-selected-hsl: var(--dt-color-indigo-1000-hsl);
743
- --dt-color-chart-sequential-09-selected-hsla: var(--dt-color-indigo-1000-hsla);
744
- --dt-color-chart-sequential-09-selected: var(--dt-color-indigo-1000); /* Selected state for ninth sequential chart color. */
745
- --dt-color-chart-sequential-09-hover-h: var(--dt-color-indigo-950-h);
746
- --dt-color-chart-sequential-09-hover-s: var(--dt-color-indigo-950-s);
747
- --dt-color-chart-sequential-09-hover-l: var(--dt-color-indigo-950-l);
748
- --dt-color-chart-sequential-09-hover-a: var(--dt-color-indigo-950-a);
749
- --dt-color-chart-sequential-09-hover-hsl: var(--dt-color-indigo-950-hsl);
750
- --dt-color-chart-sequential-09-hover-hsla: var(--dt-color-indigo-950-hsla);
751
- --dt-color-chart-sequential-09-hover: var(--dt-color-indigo-950); /* Hover state for ninth sequential chart color. */
752
- --dt-color-chart-sequential-09-h: var(--dt-color-indigo-900-h);
753
- --dt-color-chart-sequential-09-s: var(--dt-color-indigo-900-s);
754
- --dt-color-chart-sequential-09-l: var(--dt-color-indigo-900-l);
755
- --dt-color-chart-sequential-09-a: var(--dt-color-indigo-900-a);
756
- --dt-color-chart-sequential-09-hsl: var(--dt-color-indigo-900-hsl);
757
- --dt-color-chart-sequential-09-hsla: var(--dt-color-indigo-900-hsla);
758
- --dt-color-chart-sequential-09: var(--dt-color-indigo-900); /* Ninth color in sequential chart series, extremely dark shade. */
759
- --dt-color-chart-sequential-08-selected-h: var(--dt-color-indigo-950-h);
760
- --dt-color-chart-sequential-08-selected-s: var(--dt-color-indigo-950-s);
761
- --dt-color-chart-sequential-08-selected-l: var(--dt-color-indigo-950-l);
762
- --dt-color-chart-sequential-08-selected-a: var(--dt-color-indigo-950-a);
763
- --dt-color-chart-sequential-08-selected-hsl: var(--dt-color-indigo-950-hsl);
764
- --dt-color-chart-sequential-08-selected-hsla: var(--dt-color-indigo-950-hsla);
765
- --dt-color-chart-sequential-08-selected: var(--dt-color-indigo-950); /* Selected state for eighth sequential chart color. */
766
- --dt-color-chart-sequential-08-hover-h: var(--dt-color-indigo-900-h);
767
- --dt-color-chart-sequential-08-hover-s: var(--dt-color-indigo-900-s);
768
- --dt-color-chart-sequential-08-hover-l: var(--dt-color-indigo-900-l);
769
- --dt-color-chart-sequential-08-hover-a: var(--dt-color-indigo-900-a);
770
- --dt-color-chart-sequential-08-hover-hsl: var(--dt-color-indigo-900-hsl);
771
- --dt-color-chart-sequential-08-hover-hsla: var(--dt-color-indigo-900-hsla);
772
- --dt-color-chart-sequential-08-hover: var(--dt-color-indigo-900); /* Hover state for eighth sequential chart color. */
773
- --dt-color-chart-sequential-08-h: var(--dt-color-indigo-800-h);
774
- --dt-color-chart-sequential-08-s: var(--dt-color-indigo-800-s);
775
- --dt-color-chart-sequential-08-l: var(--dt-color-indigo-800-l);
776
- --dt-color-chart-sequential-08-a: var(--dt-color-indigo-800-a);
777
- --dt-color-chart-sequential-08-hsl: var(--dt-color-indigo-800-hsl);
778
- --dt-color-chart-sequential-08-hsla: var(--dt-color-indigo-800-hsla);
779
- --dt-color-chart-sequential-08: var(--dt-color-indigo-800); /* Eighth color in sequential chart series, very dark shade. */
780
- --dt-color-chart-sequential-07-selected-h: var(--dt-color-indigo-1000-h);
781
- --dt-color-chart-sequential-07-selected-s: var(--dt-color-indigo-1000-s);
782
- --dt-color-chart-sequential-07-selected-l: var(--dt-color-indigo-1000-l);
783
- --dt-color-chart-sequential-07-selected-a: var(--dt-color-indigo-1000-a);
784
- --dt-color-chart-sequential-07-selected-hsl: var(--dt-color-indigo-1000-hsl);
785
- --dt-color-chart-sequential-07-selected-hsla: var(--dt-color-indigo-1000-hsla);
786
- --dt-color-chart-sequential-07-selected: var(--dt-color-indigo-1000); /* Selected state for seventh sequential chart color. */
787
- --dt-color-chart-sequential-07-hover-h: var(--dt-color-indigo-800-h);
788
- --dt-color-chart-sequential-07-hover-s: var(--dt-color-indigo-800-s);
789
- --dt-color-chart-sequential-07-hover-l: var(--dt-color-indigo-800-l);
790
- --dt-color-chart-sequential-07-hover-a: var(--dt-color-indigo-800-a);
791
- --dt-color-chart-sequential-07-hover-hsl: var(--dt-color-indigo-800-hsl);
792
- --dt-color-chart-sequential-07-hover-hsla: var(--dt-color-indigo-800-hsla);
793
- --dt-color-chart-sequential-07-hover: var(--dt-color-indigo-800); /* Hover state for seventh sequential chart color. */
794
- --dt-color-chart-sequential-07-h: var(--dt-color-indigo-700-h);
795
- --dt-color-chart-sequential-07-s: var(--dt-color-indigo-700-s);
796
- --dt-color-chart-sequential-07-l: var(--dt-color-indigo-700-l);
797
- --dt-color-chart-sequential-07-a: var(--dt-color-indigo-700-a);
798
- --dt-color-chart-sequential-07-hsl: var(--dt-color-indigo-700-hsl);
799
- --dt-color-chart-sequential-07-hsla: var(--dt-color-indigo-700-hsla);
800
- --dt-color-chart-sequential-07: var(--dt-color-indigo-700); /* Seventh color in sequential chart series, dark shade. */
801
- --dt-color-chart-sequential-06-selected-h: var(--dt-color-indigo-950-h);
802
- --dt-color-chart-sequential-06-selected-s: var(--dt-color-indigo-950-s);
803
- --dt-color-chart-sequential-06-selected-l: var(--dt-color-indigo-950-l);
804
- --dt-color-chart-sequential-06-selected-a: var(--dt-color-indigo-950-a);
805
- --dt-color-chart-sequential-06-selected-hsl: var(--dt-color-indigo-950-hsl);
806
- --dt-color-chart-sequential-06-selected-hsla: var(--dt-color-indigo-950-hsla);
807
- --dt-color-chart-sequential-06-selected: var(--dt-color-indigo-950); /* Selected state for sixth sequential chart color. */
808
- --dt-color-chart-sequential-06-hover-h: var(--dt-color-indigo-700-h);
809
- --dt-color-chart-sequential-06-hover-s: var(--dt-color-indigo-700-s);
810
- --dt-color-chart-sequential-06-hover-l: var(--dt-color-indigo-700-l);
811
- --dt-color-chart-sequential-06-hover-a: var(--dt-color-indigo-700-a);
812
- --dt-color-chart-sequential-06-hover-hsl: var(--dt-color-indigo-700-hsl);
813
- --dt-color-chart-sequential-06-hover-hsla: var(--dt-color-indigo-700-hsla);
814
- --dt-color-chart-sequential-06-hover: var(--dt-color-indigo-700); /* Hover state for sixth sequential chart color. */
815
- --dt-color-chart-sequential-06-h: var(--dt-color-indigo-600-h);
816
- --dt-color-chart-sequential-06-s: var(--dt-color-indigo-600-s);
817
- --dt-color-chart-sequential-06-l: var(--dt-color-indigo-600-l);
818
- --dt-color-chart-sequential-06-a: var(--dt-color-indigo-600-a);
819
- --dt-color-chart-sequential-06-hsl: var(--dt-color-indigo-600-hsl);
820
- --dt-color-chart-sequential-06-hsla: var(--dt-color-indigo-600-hsla);
821
- --dt-color-chart-sequential-06: var(--dt-color-indigo-600); /* Sixth color in sequential chart series, medium-dark shade. */
822
- --dt-color-chart-sequential-05-selected-h: var(--dt-color-indigo-800-h);
823
- --dt-color-chart-sequential-05-selected-s: var(--dt-color-indigo-800-s);
824
- --dt-color-chart-sequential-05-selected-l: var(--dt-color-indigo-800-l);
825
- --dt-color-chart-sequential-05-selected-a: var(--dt-color-indigo-800-a);
826
- --dt-color-chart-sequential-05-selected-hsl: var(--dt-color-indigo-800-hsl);
827
- --dt-color-chart-sequential-05-selected-hsla: var(--dt-color-indigo-800-hsla);
828
- --dt-color-chart-sequential-05-selected: var(--dt-color-indigo-800); /* Selected state for fifth sequential chart color. */
829
- --dt-color-chart-sequential-05-hover-h: var(--dt-color-indigo-600-h);
830
- --dt-color-chart-sequential-05-hover-s: var(--dt-color-indigo-600-s);
831
- --dt-color-chart-sequential-05-hover-l: var(--dt-color-indigo-600-l);
832
- --dt-color-chart-sequential-05-hover-a: var(--dt-color-indigo-600-a);
833
- --dt-color-chart-sequential-05-hover-hsl: var(--dt-color-indigo-600-hsl);
834
- --dt-color-chart-sequential-05-hover-hsla: var(--dt-color-indigo-600-hsla);
835
- --dt-color-chart-sequential-05-hover: var(--dt-color-indigo-600); /* Hover state for fifth sequential chart color. */
836
- --dt-color-chart-sequential-05-h: var(--dt-color-indigo-500-h);
837
- --dt-color-chart-sequential-05-s: var(--dt-color-indigo-500-s);
838
- --dt-color-chart-sequential-05-l: var(--dt-color-indigo-500-l);
839
- --dt-color-chart-sequential-05-a: var(--dt-color-indigo-500-a);
840
- --dt-color-chart-sequential-05-hsl: var(--dt-color-indigo-500-hsl);
841
- --dt-color-chart-sequential-05-hsla: var(--dt-color-indigo-500-hsla);
842
- --dt-color-chart-sequential-05: var(--dt-color-indigo-500); /* Fifth color in sequential chart series, medium shade. */
843
- --dt-color-chart-sequential-04-selected-h: var(--dt-color-indigo-700-h);
844
- --dt-color-chart-sequential-04-selected-s: var(--dt-color-indigo-700-s);
845
- --dt-color-chart-sequential-04-selected-l: var(--dt-color-indigo-700-l);
846
- --dt-color-chart-sequential-04-selected-a: var(--dt-color-indigo-700-a);
847
- --dt-color-chart-sequential-04-selected-hsl: var(--dt-color-indigo-700-hsl);
848
- --dt-color-chart-sequential-04-selected-hsla: var(--dt-color-indigo-700-hsla);
849
- --dt-color-chart-sequential-04-selected: var(--dt-color-indigo-700); /* Selected state for fourth sequential chart color. */
850
- --dt-color-chart-sequential-04-hover-h: var(--dt-color-indigo-500-h);
851
- --dt-color-chart-sequential-04-hover-s: var(--dt-color-indigo-500-s);
852
- --dt-color-chart-sequential-04-hover-l: var(--dt-color-indigo-500-l);
853
- --dt-color-chart-sequential-04-hover-a: var(--dt-color-indigo-500-a);
854
- --dt-color-chart-sequential-04-hover-hsl: var(--dt-color-indigo-500-hsl);
855
- --dt-color-chart-sequential-04-hover-hsla: var(--dt-color-indigo-500-hsla);
856
- --dt-color-chart-sequential-04-hover: var(--dt-color-indigo-500); /* Hover state for fourth sequential chart color. */
857
- --dt-color-chart-sequential-04-h: var(--dt-color-indigo-400-h);
858
- --dt-color-chart-sequential-04-s: var(--dt-color-indigo-400-s);
859
- --dt-color-chart-sequential-04-l: var(--dt-color-indigo-400-l);
860
- --dt-color-chart-sequential-04-a: var(--dt-color-indigo-400-a);
861
- --dt-color-chart-sequential-04-hsl: var(--dt-color-indigo-400-hsl);
862
- --dt-color-chart-sequential-04-hsla: var(--dt-color-indigo-400-hsla);
863
- --dt-color-chart-sequential-04: var(--dt-color-indigo-400); /* Fourth color in sequential chart series, light-medium shade. */
864
- --dt-color-chart-sequential-03-selected-h: var(--dt-color-indigo-600-h);
865
- --dt-color-chart-sequential-03-selected-s: var(--dt-color-indigo-600-s);
866
- --dt-color-chart-sequential-03-selected-l: var(--dt-color-indigo-600-l);
867
- --dt-color-chart-sequential-03-selected-a: var(--dt-color-indigo-600-a);
868
- --dt-color-chart-sequential-03-selected-hsl: var(--dt-color-indigo-600-hsl);
869
- --dt-color-chart-sequential-03-selected-hsla: var(--dt-color-indigo-600-hsla);
870
- --dt-color-chart-sequential-03-selected: var(--dt-color-indigo-600); /* Selected state for third sequential chart color. */
871
- --dt-color-chart-sequential-03-hover-h: var(--dt-color-indigo-400-h);
872
- --dt-color-chart-sequential-03-hover-s: var(--dt-color-indigo-400-s);
873
- --dt-color-chart-sequential-03-hover-l: var(--dt-color-indigo-400-l);
874
- --dt-color-chart-sequential-03-hover-a: var(--dt-color-indigo-400-a);
875
- --dt-color-chart-sequential-03-hover-hsl: var(--dt-color-indigo-400-hsl);
876
- --dt-color-chart-sequential-03-hover-hsla: var(--dt-color-indigo-400-hsla);
877
- --dt-color-chart-sequential-03-hover: var(--dt-color-indigo-400); /* Hover state for third sequential chart color. */
878
- --dt-color-chart-sequential-03-h: var(--dt-color-indigo-300-h);
879
- --dt-color-chart-sequential-03-s: var(--dt-color-indigo-300-s);
880
- --dt-color-chart-sequential-03-l: var(--dt-color-indigo-300-l);
881
- --dt-color-chart-sequential-03-a: var(--dt-color-indigo-300-a);
882
- --dt-color-chart-sequential-03-hsl: var(--dt-color-indigo-300-hsl);
883
- --dt-color-chart-sequential-03-hsla: var(--dt-color-indigo-300-hsla);
884
- --dt-color-chart-sequential-03: var(--dt-color-indigo-300); /* Third color in sequential chart series, light shade. */
885
- --dt-color-chart-sequential-02-selected-h: var(--dt-color-indigo-500-h);
886
- --dt-color-chart-sequential-02-selected-s: var(--dt-color-indigo-500-s);
887
- --dt-color-chart-sequential-02-selected-l: var(--dt-color-indigo-500-l);
888
- --dt-color-chart-sequential-02-selected-a: var(--dt-color-indigo-500-a);
889
- --dt-color-chart-sequential-02-selected-hsl: var(--dt-color-indigo-500-hsl);
890
- --dt-color-chart-sequential-02-selected-hsla: var(--dt-color-indigo-500-hsla);
891
- --dt-color-chart-sequential-02-selected: var(--dt-color-indigo-500); /* Selected state for second sequential chart color. */
892
- --dt-color-chart-sequential-02-hover-h: var(--dt-color-indigo-300-h);
893
- --dt-color-chart-sequential-02-hover-s: var(--dt-color-indigo-300-s);
894
- --dt-color-chart-sequential-02-hover-l: var(--dt-color-indigo-300-l);
895
- --dt-color-chart-sequential-02-hover-a: var(--dt-color-indigo-300-a);
896
- --dt-color-chart-sequential-02-hover-hsl: var(--dt-color-indigo-300-hsl);
897
- --dt-color-chart-sequential-02-hover-hsla: var(--dt-color-indigo-300-hsla);
898
- --dt-color-chart-sequential-02-hover: var(--dt-color-indigo-300); /* Hover state for second sequential chart color. */
899
- --dt-color-chart-sequential-02-h: var(--dt-color-indigo-200-h);
900
- --dt-color-chart-sequential-02-s: var(--dt-color-indigo-200-s);
901
- --dt-color-chart-sequential-02-l: var(--dt-color-indigo-200-l);
902
- --dt-color-chart-sequential-02-a: var(--dt-color-indigo-200-a);
903
- --dt-color-chart-sequential-02-hsl: var(--dt-color-indigo-200-hsl);
904
- --dt-color-chart-sequential-02-hsla: var(--dt-color-indigo-200-hsla);
905
- --dt-color-chart-sequential-02: var(--dt-color-indigo-200); /* Second color in sequential chart series, very light shade. */
906
- --dt-color-chart-sequential-01-selected-h: var(--dt-color-indigo-400-h);
907
- --dt-color-chart-sequential-01-selected-s: var(--dt-color-indigo-400-s);
908
- --dt-color-chart-sequential-01-selected-l: var(--dt-color-indigo-400-l);
909
- --dt-color-chart-sequential-01-selected-a: var(--dt-color-indigo-400-a);
910
- --dt-color-chart-sequential-01-selected-hsl: var(--dt-color-indigo-400-hsl);
911
- --dt-color-chart-sequential-01-selected-hsla: var(--dt-color-indigo-400-hsla);
912
- --dt-color-chart-sequential-01-selected: var(--dt-color-indigo-400); /* Selected state for first sequential chart color. */
913
- --dt-color-chart-sequential-01-hover-h: var(--dt-color-indigo-200-h);
914
- --dt-color-chart-sequential-01-hover-s: var(--dt-color-indigo-200-s);
915
- --dt-color-chart-sequential-01-hover-l: var(--dt-color-indigo-200-l);
916
- --dt-color-chart-sequential-01-hover-a: var(--dt-color-indigo-200-a);
917
- --dt-color-chart-sequential-01-hover-hsl: var(--dt-color-indigo-200-hsl);
918
- --dt-color-chart-sequential-01-hover-hsla: var(--dt-color-indigo-200-hsla);
919
- --dt-color-chart-sequential-01-hover: var(--dt-color-indigo-200); /* Hover state for first sequential chart color. */
710
+ --dt-color-chart-sequential-range-10-end-h: var(--dt-color-teal-900-h);
711
+ --dt-color-chart-sequential-range-10-end-s: var(--dt-color-teal-900-s);
712
+ --dt-color-chart-sequential-range-10-end-l: var(--dt-color-teal-900-l);
713
+ --dt-color-chart-sequential-range-10-end-a: var(--dt-color-teal-900-a);
714
+ --dt-color-chart-sequential-range-10-end-hsl: var(--dt-color-teal-900-hsl);
715
+ --dt-color-chart-sequential-range-10-end-hsla: var(--dt-color-teal-900-hsla);
716
+ --dt-color-chart-sequential-range-10-end: var(--dt-color-teal-900); /* End color for tenth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
717
+ --dt-color-chart-sequential-range-10-start-h: var(--dt-color-teal-100-h);
718
+ --dt-color-chart-sequential-range-10-start-s: var(--dt-color-teal-100-s);
719
+ --dt-color-chart-sequential-range-10-start-l: var(--dt-color-teal-100-l);
720
+ --dt-color-chart-sequential-range-10-start-a: var(--dt-color-teal-100-a);
721
+ --dt-color-chart-sequential-range-10-start-hsl: var(--dt-color-teal-100-hsl);
722
+ --dt-color-chart-sequential-range-10-start-hsla: var(--dt-color-teal-100-hsla);
723
+ --dt-color-chart-sequential-range-10-start: var(--dt-color-teal-100); /* Start color for tenth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
724
+ --dt-color-chart-sequential-range-09-end-h: var(--dt-color-red-700-h);
725
+ --dt-color-chart-sequential-range-09-end-s: var(--dt-color-red-700-s);
726
+ --dt-color-chart-sequential-range-09-end-l: var(--dt-color-red-700-l);
727
+ --dt-color-chart-sequential-range-09-end-a: var(--dt-color-red-700-a);
728
+ --dt-color-chart-sequential-range-09-end-hsl: var(--dt-color-red-700-hsl);
729
+ --dt-color-chart-sequential-range-09-end-hsla: var(--dt-color-red-700-hsla);
730
+ --dt-color-chart-sequential-range-09-end: var(--dt-color-red-700); /* End color for ninth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
731
+ --dt-color-chart-sequential-range-09-start-h: var(--dt-color-red-100-h);
732
+ --dt-color-chart-sequential-range-09-start-s: var(--dt-color-red-100-s);
733
+ --dt-color-chart-sequential-range-09-start-l: var(--dt-color-red-100-l);
734
+ --dt-color-chart-sequential-range-09-start-a: var(--dt-color-red-100-a);
735
+ --dt-color-chart-sequential-range-09-start-hsl: var(--dt-color-red-100-hsl);
736
+ --dt-color-chart-sequential-range-09-start-hsla: var(--dt-color-red-100-hsla);
737
+ --dt-color-chart-sequential-range-09-start: var(--dt-color-red-100); /* Start color for ninth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
738
+ --dt-color-chart-sequential-range-08-end-h: var(--dt-color-olive-900-h);
739
+ --dt-color-chart-sequential-range-08-end-s: var(--dt-color-olive-900-s);
740
+ --dt-color-chart-sequential-range-08-end-l: var(--dt-color-olive-900-l);
741
+ --dt-color-chart-sequential-range-08-end-a: var(--dt-color-olive-900-a);
742
+ --dt-color-chart-sequential-range-08-end-hsl: var(--dt-color-olive-900-hsl);
743
+ --dt-color-chart-sequential-range-08-end-hsla: var(--dt-color-olive-900-hsla);
744
+ --dt-color-chart-sequential-range-08-end: var(--dt-color-olive-900); /* End color for eighth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
745
+ --dt-color-chart-sequential-range-08-start-h: var(--dt-color-olive-100-h);
746
+ --dt-color-chart-sequential-range-08-start-s: var(--dt-color-olive-100-s);
747
+ --dt-color-chart-sequential-range-08-start-l: var(--dt-color-olive-100-l);
748
+ --dt-color-chart-sequential-range-08-start-a: var(--dt-color-olive-100-a);
749
+ --dt-color-chart-sequential-range-08-start-hsl: var(--dt-color-olive-100-hsl);
750
+ --dt-color-chart-sequential-range-08-start-hsla: var(--dt-color-olive-100-hsla);
751
+ --dt-color-chart-sequential-range-08-start: var(--dt-color-olive-100); /* Start color for eighth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
752
+ --dt-color-chart-sequential-range-07-end-h: var(--dt-color-coral-900-h);
753
+ --dt-color-chart-sequential-range-07-end-s: var(--dt-color-coral-900-s);
754
+ --dt-color-chart-sequential-range-07-end-l: var(--dt-color-coral-900-l);
755
+ --dt-color-chart-sequential-range-07-end-a: var(--dt-color-coral-900-a);
756
+ --dt-color-chart-sequential-range-07-end-hsl: var(--dt-color-coral-900-hsl);
757
+ --dt-color-chart-sequential-range-07-end-hsla: var(--dt-color-coral-900-hsla);
758
+ --dt-color-chart-sequential-range-07-end: var(--dt-color-coral-900); /* End color for seventh sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
759
+ --dt-color-chart-sequential-range-07-start-h: var(--dt-color-coral-100-h);
760
+ --dt-color-chart-sequential-range-07-start-s: var(--dt-color-coral-100-s);
761
+ --dt-color-chart-sequential-range-07-start-l: var(--dt-color-coral-100-l);
762
+ --dt-color-chart-sequential-range-07-start-a: var(--dt-color-coral-100-a);
763
+ --dt-color-chart-sequential-range-07-start-hsl: var(--dt-color-coral-100-hsl);
764
+ --dt-color-chart-sequential-range-07-start-hsla: var(--dt-color-coral-100-hsla);
765
+ --dt-color-chart-sequential-range-07-start: var(--dt-color-coral-100); /* Start color for seventh sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
766
+ --dt-color-chart-sequential-range-06-end-h: var(--dt-color-berry-900-h);
767
+ --dt-color-chart-sequential-range-06-end-s: var(--dt-color-berry-900-s);
768
+ --dt-color-chart-sequential-range-06-end-l: var(--dt-color-berry-900-l);
769
+ --dt-color-chart-sequential-range-06-end-a: var(--dt-color-berry-900-a);
770
+ --dt-color-chart-sequential-range-06-end-hsl: var(--dt-color-berry-900-hsl);
771
+ --dt-color-chart-sequential-range-06-end-hsla: var(--dt-color-berry-900-hsla);
772
+ --dt-color-chart-sequential-range-06-end: var(--dt-color-berry-900); /* End color for sixth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
773
+ --dt-color-chart-sequential-range-06-start-h: var(--dt-color-berry-100-h);
774
+ --dt-color-chart-sequential-range-06-start-s: var(--dt-color-berry-100-s);
775
+ --dt-color-chart-sequential-range-06-start-l: var(--dt-color-berry-100-l);
776
+ --dt-color-chart-sequential-range-06-start-a: var(--dt-color-berry-100-a);
777
+ --dt-color-chart-sequential-range-06-start-hsl: var(--dt-color-berry-100-hsl);
778
+ --dt-color-chart-sequential-range-06-start-hsla: var(--dt-color-berry-100-hsla);
779
+ --dt-color-chart-sequential-range-06-start: var(--dt-color-berry-100); /* Start color for sixth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
780
+ --dt-color-chart-sequential-range-05-end-h: var(--dt-color-green-600-h);
781
+ --dt-color-chart-sequential-range-05-end-s: var(--dt-color-green-600-s);
782
+ --dt-color-chart-sequential-range-05-end-l: var(--dt-color-green-600-l);
783
+ --dt-color-chart-sequential-range-05-end-a: var(--dt-color-green-600-a);
784
+ --dt-color-chart-sequential-range-05-end-hsl: var(--dt-color-green-600-hsl);
785
+ --dt-color-chart-sequential-range-05-end-hsla: var(--dt-color-green-600-hsla);
786
+ --dt-color-chart-sequential-range-05-end: var(--dt-color-green-600); /* End color for fifth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
787
+ --dt-color-chart-sequential-range-05-start-h: var(--dt-color-green-100-h);
788
+ --dt-color-chart-sequential-range-05-start-s: var(--dt-color-green-100-s);
789
+ --dt-color-chart-sequential-range-05-start-l: var(--dt-color-green-100-l);
790
+ --dt-color-chart-sequential-range-05-start-a: var(--dt-color-green-100-a);
791
+ --dt-color-chart-sequential-range-05-start-hsl: var(--dt-color-green-100-hsl);
792
+ --dt-color-chart-sequential-range-05-start-hsla: var(--dt-color-green-100-hsla);
793
+ --dt-color-chart-sequential-range-05-start: var(--dt-color-green-100); /* Start color for fifth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
794
+ --dt-color-chart-sequential-range-04-end-h: var(--dt-color-gold-600-h);
795
+ --dt-color-chart-sequential-range-04-end-s: var(--dt-color-gold-600-s);
796
+ --dt-color-chart-sequential-range-04-end-l: var(--dt-color-gold-600-l);
797
+ --dt-color-chart-sequential-range-04-end-a: var(--dt-color-gold-600-a);
798
+ --dt-color-chart-sequential-range-04-end-hsl: var(--dt-color-gold-600-hsl);
799
+ --dt-color-chart-sequential-range-04-end-hsla: var(--dt-color-gold-600-hsla);
800
+ --dt-color-chart-sequential-range-04-end: var(--dt-color-gold-600); /* End color for fourth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
801
+ --dt-color-chart-sequential-range-04-start-h: var(--dt-color-gold-50-h);
802
+ --dt-color-chart-sequential-range-04-start-s: var(--dt-color-gold-50-s);
803
+ --dt-color-chart-sequential-range-04-start-l: var(--dt-color-gold-50-l);
804
+ --dt-color-chart-sequential-range-04-start-a: var(--dt-color-gold-50-a);
805
+ --dt-color-chart-sequential-range-04-start-hsl: var(--dt-color-gold-50-hsl);
806
+ --dt-color-chart-sequential-range-04-start-hsla: var(--dt-color-gold-50-hsla);
807
+ --dt-color-chart-sequential-range-04-start: var(--dt-color-gold-50); /* Start color for fourth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
808
+ --dt-color-chart-sequential-range-03-end-h: var(--dt-color-blue-600-h);
809
+ --dt-color-chart-sequential-range-03-end-s: var(--dt-color-blue-600-s);
810
+ --dt-color-chart-sequential-range-03-end-l: var(--dt-color-blue-600-l);
811
+ --dt-color-chart-sequential-range-03-end-a: var(--dt-color-blue-600-a);
812
+ --dt-color-chart-sequential-range-03-end-hsl: var(--dt-color-blue-600-hsl);
813
+ --dt-color-chart-sequential-range-03-end-hsla: var(--dt-color-blue-600-hsla);
814
+ --dt-color-chart-sequential-range-03-end: var(--dt-color-blue-600); /* End color for third sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
815
+ --dt-color-chart-sequential-range-03-start-h: var(--dt-color-blue-100-h);
816
+ --dt-color-chart-sequential-range-03-start-s: var(--dt-color-blue-100-s);
817
+ --dt-color-chart-sequential-range-03-start-l: var(--dt-color-blue-100-l);
818
+ --dt-color-chart-sequential-range-03-start-a: var(--dt-color-blue-100-a);
819
+ --dt-color-chart-sequential-range-03-start-hsl: var(--dt-color-blue-100-hsl);
820
+ --dt-color-chart-sequential-range-03-start-hsla: var(--dt-color-blue-100-hsla);
821
+ --dt-color-chart-sequential-range-03-start: var(--dt-color-blue-100); /* Start color for third sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
822
+ --dt-color-chart-sequential-range-02-end-h: var(--dt-color-magenta-600-h);
823
+ --dt-color-chart-sequential-range-02-end-s: var(--dt-color-magenta-600-s);
824
+ --dt-color-chart-sequential-range-02-end-l: var(--dt-color-magenta-600-l);
825
+ --dt-color-chart-sequential-range-02-end-a: var(--dt-color-magenta-600-a);
826
+ --dt-color-chart-sequential-range-02-end-hsl: var(--dt-color-magenta-600-hsl);
827
+ --dt-color-chart-sequential-range-02-end-hsla: var(--dt-color-magenta-600-hsla);
828
+ --dt-color-chart-sequential-range-02-end: var(--dt-color-magenta-600); /* End color for second sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
829
+ --dt-color-chart-sequential-range-02-start-h: var(--dt-color-magenta-100-h);
830
+ --dt-color-chart-sequential-range-02-start-s: var(--dt-color-magenta-100-s);
831
+ --dt-color-chart-sequential-range-02-start-l: var(--dt-color-magenta-100-l);
832
+ --dt-color-chart-sequential-range-02-start-a: var(--dt-color-magenta-100-a);
833
+ --dt-color-chart-sequential-range-02-start-hsl: var(--dt-color-magenta-100-hsl);
834
+ --dt-color-chart-sequential-range-02-start-hsla: var(--dt-color-magenta-100-hsla);
835
+ --dt-color-chart-sequential-range-02-start: var(--dt-color-magenta-100); /* Start color for second sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
836
+ --dt-color-chart-sequential-range-01-end-h: var(--dt-color-purple-550-h);
837
+ --dt-color-chart-sequential-range-01-end-s: var(--dt-color-purple-550-s);
838
+ --dt-color-chart-sequential-range-01-end-l: var(--dt-color-purple-550-l);
839
+ --dt-color-chart-sequential-range-01-end-a: var(--dt-color-purple-550-a);
840
+ --dt-color-chart-sequential-range-01-end-hsl: var(--dt-color-purple-550-hsl);
841
+ --dt-color-chart-sequential-range-01-end-hsla: var(--dt-color-purple-550-hsla);
842
+ --dt-color-chart-sequential-range-01-end: var(--dt-color-purple-550); /* Ending color for first sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
843
+ --dt-color-chart-sequential-range-01-start-h: var(--dt-color-purple-100-h);
844
+ --dt-color-chart-sequential-range-01-start-s: var(--dt-color-purple-100-s);
845
+ --dt-color-chart-sequential-range-01-start-l: var(--dt-color-purple-100-l);
846
+ --dt-color-chart-sequential-range-01-start-a: var(--dt-color-purple-100-a);
847
+ --dt-color-chart-sequential-range-01-start-hsl: var(--dt-color-purple-100-hsl);
848
+ --dt-color-chart-sequential-range-01-start-hsla: var(--dt-color-purple-100-hsla);
849
+ --dt-color-chart-sequential-range-01-start: var(--dt-color-purple-100); /* Start color value for first sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
920
850
  --dt-color-chart-sequential-01-h: var(--dt-color-indigo-100-h);
921
851
  --dt-color-chart-sequential-01-s: var(--dt-color-indigo-100-s);
922
852
  --dt-color-chart-sequential-01-l: var(--dt-color-indigo-100-l);
923
853
  --dt-color-chart-sequential-01-a: var(--dt-color-indigo-100-a);
924
854
  --dt-color-chart-sequential-01-hsl: var(--dt-color-indigo-100-hsl);
925
855
  --dt-color-chart-sequential-01-hsla: var(--dt-color-indigo-100-hsla);
926
- --dt-color-chart-sequential-01: var(--dt-color-indigo-100); /* First color in sequential chart series, lightest shade. */
927
- --dt-color-chart-sequential-10-h: var(--dt-color-indigo-950-h);
928
- --dt-color-chart-sequential-10-s: var(--dt-color-indigo-950-s);
929
- --dt-color-chart-sequential-10-l: var(--dt-color-indigo-950-l);
930
- --dt-color-chart-sequential-10-a: var(--dt-color-indigo-950-a);
931
- --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-950-hsl);
932
- --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-950-hsla);
933
- --dt-color-chart-sequential-10: var(--dt-color-indigo-950); /* Tenth color in sequential chart series, darkest shade. */
934
- --dt-color-chart-brand-selected-h: var(--dt-color-purple-550-h);
935
- --dt-color-chart-brand-selected-s: var(--dt-color-purple-550-s);
936
- --dt-color-chart-brand-selected-l: var(--dt-color-purple-550-l);
937
- --dt-color-chart-brand-selected-a: var(--dt-color-purple-550-a);
938
- --dt-color-chart-brand-selected-hsl: var(--dt-color-purple-550-hsl);
939
- --dt-color-chart-brand-selected-hsla: var(--dt-color-purple-550-hsla);
940
- --dt-color-chart-brand-selected: var(--dt-color-purple-550); /* Selected state for brand chart elements. */
941
- --dt-color-chart-brand-hover-h: var(--dt-color-purple-450-h);
942
- --dt-color-chart-brand-hover-s: var(--dt-color-purple-450-s);
943
- --dt-color-chart-brand-hover-l: var(--dt-color-purple-450-l);
944
- --dt-color-chart-brand-hover-a: var(--dt-color-purple-450-a);
945
- --dt-color-chart-brand-hover-hsl: var(--dt-color-purple-450-hsl);
946
- --dt-color-chart-brand-hover-hsla: var(--dt-color-purple-450-hsla);
947
- --dt-color-chart-brand-hover: var(--dt-color-purple-450); /* Hover state for brand chart elements. */
948
- --dt-color-chart-brand-h: var(--dt-color-purple-400-h);
949
- --dt-color-chart-brand-s: var(--dt-color-purple-400-s);
950
- --dt-color-chart-brand-l: var(--dt-color-purple-400-l);
951
- --dt-color-chart-brand-a: var(--dt-color-purple-400-a);
952
- --dt-color-chart-brand-hsl: var(--dt-color-purple-400-hsl);
953
- --dt-color-chart-brand-hsla: var(--dt-color-purple-400-hsla);
954
- --dt-color-chart-brand: var(--dt-color-purple-400); /* Used for brand-related data or to highlight company-specific information in charts. */
955
- --dt-color-chart-info-selected-h: var(--dt-color-blue-600-h);
956
- --dt-color-chart-info-selected-s: var(--dt-color-blue-600-s);
957
- --dt-color-chart-info-selected-l: var(--dt-color-blue-600-l);
958
- --dt-color-chart-info-selected-a: var(--dt-color-blue-600-a);
959
- --dt-color-chart-info-selected-hsl: var(--dt-color-blue-600-hsl);
960
- --dt-color-chart-info-selected-hsla: var(--dt-color-blue-600-hsla);
961
- --dt-color-chart-info-selected: var(--dt-color-blue-600); /* Selected state for info chart elements. */
962
- --dt-color-chart-info-hover-h: var(--dt-color-blue-475-h);
963
- --dt-color-chart-info-hover-s: var(--dt-color-blue-475-s);
964
- --dt-color-chart-info-hover-l: var(--dt-color-blue-475-l);
965
- --dt-color-chart-info-hover-a: var(--dt-color-blue-475-a);
966
- --dt-color-chart-info-hover-hsl: var(--dt-color-blue-475-hsl);
967
- --dt-color-chart-info-hover-hsla: var(--dt-color-blue-475-hsla);
968
- --dt-color-chart-info-hover: var(--dt-color-blue-475); /* Hover state for info chart elements. */
856
+ --dt-color-chart-sequential-01: var(--dt-color-indigo-100); /* First color in sequential chart series. */
857
+ --dt-color-chart-sequential-10-h: var(--dt-color-indigo-900-h);
858
+ --dt-color-chart-sequential-10-s: var(--dt-color-indigo-900-s);
859
+ --dt-color-chart-sequential-10-l: var(--dt-color-indigo-900-l);
860
+ --dt-color-chart-sequential-10-a: var(--dt-color-indigo-900-a);
861
+ --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-900-hsl);
862
+ --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-900-hsla);
863
+ --dt-color-chart-sequential-10: var(--dt-color-indigo-900); /* Tenth color in sequential chart series. */
864
+ --dt-color-chart-info-selected-h: var(--dt-color-blue-500-h);
865
+ --dt-color-chart-info-selected-s: var(--dt-color-blue-500-s);
866
+ --dt-color-chart-info-selected-l: var(--dt-color-blue-500-l);
867
+ --dt-color-chart-info-selected-a: var(--dt-color-blue-500-a);
868
+ --dt-color-chart-info-selected-hsl: var(--dt-color-blue-500-hsl);
869
+ --dt-color-chart-info-selected-hsla: var(--dt-color-blue-500-hsla);
870
+ --dt-color-chart-info-selected: var(--dt-color-blue-500); /* Selected state for info chart elements. */
871
+ --dt-color-chart-info-hover-h: var(--dt-color-blue-450-h);
872
+ --dt-color-chart-info-hover-s: var(--dt-color-blue-450-s);
873
+ --dt-color-chart-info-hover-l: var(--dt-color-blue-450-l);
874
+ --dt-color-chart-info-hover-a: var(--dt-color-blue-450-a);
875
+ --dt-color-chart-info-hover-hsl: var(--dt-color-blue-450-hsl);
876
+ --dt-color-chart-info-hover-hsla: var(--dt-color-blue-450-hsla);
877
+ --dt-color-chart-info-hover: var(--dt-color-blue-450); /* Hover state for info chart elements. */
969
878
  --dt-color-chart-info-h: var(--dt-color-blue-425-h);
970
879
  --dt-color-chart-info-s: var(--dt-color-blue-425-s);
971
880
  --dt-color-chart-info-l: var(--dt-color-blue-425-l);
@@ -980,13 +889,6 @@
980
889
  --dt-color-chart-warning-selected-hsl: var(--dt-color-gold-600-hsl);
981
890
  --dt-color-chart-warning-selected-hsla: var(--dt-color-gold-600-hsla);
982
891
  --dt-color-chart-warning-selected: var(--dt-color-gold-600); /* Selected state for warning chart elements. */
983
- --dt-color-chart-warning-hover-h: var(--dt-color-gold-500-h);
984
- --dt-color-chart-warning-hover-s: var(--dt-color-gold-500-s);
985
- --dt-color-chart-warning-hover-l: var(--dt-color-gold-500-l);
986
- --dt-color-chart-warning-hover-a: var(--dt-color-gold-500-a);
987
- --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
988
- --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
989
- --dt-color-chart-warning-hover: var(--dt-color-gold-500); /* Hover state for warning chart elements. */
990
892
  --dt-color-chart-warning-h: var(--dt-color-gold-400-h);
991
893
  --dt-color-chart-warning-s: var(--dt-color-gold-400-s);
992
894
  --dt-color-chart-warning-l: var(--dt-color-gold-400-l);
@@ -994,6 +896,13 @@
994
896
  --dt-color-chart-warning-hsl: var(--dt-color-gold-400-hsl);
995
897
  --dt-color-chart-warning-hsla: var(--dt-color-gold-400-hsla);
996
898
  --dt-color-chart-warning: var(--dt-color-gold-400); /* Used for cautionary or warning indicators in charts. */
899
+ --dt-color-chart-warning-hover-h: var(--dt-color-gold-500-h);
900
+ --dt-color-chart-warning-hover-s: var(--dt-color-gold-500-s);
901
+ --dt-color-chart-warning-hover-l: var(--dt-color-gold-500-l);
902
+ --dt-color-chart-warning-hover-a: var(--dt-color-gold-500-a);
903
+ --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
904
+ --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
905
+ --dt-color-chart-warning-hover: var(--dt-color-gold-500); /* Hover state for warning chart elements. */
997
906
  --dt-color-chart-critical-selected-h: var(--dt-color-red-600-h);
998
907
  --dt-color-chart-critical-selected-s: var(--dt-color-red-600-s);
999
908
  --dt-color-chart-critical-selected-l: var(--dt-color-red-600-l);
@@ -1078,6 +987,20 @@
1078
987
  --dt-color-chart-neutral-hsl: var(--dt-color-tan-300-hsl);
1079
988
  --dt-color-chart-neutral-hsla: var(--dt-color-tan-300-hsla);
1080
989
  --dt-color-chart-neutral: var(--dt-color-tan-300); /* Used for neutral or background elements in charts where no specific meaning is implied. */
990
+ --dt-color-chart-categorical-10-selected-h: var(--dt-color-teal-900-h);
991
+ --dt-color-chart-categorical-10-selected-s: var(--dt-color-teal-900-s);
992
+ --dt-color-chart-categorical-10-selected-l: var(--dt-color-teal-900-l);
993
+ --dt-color-chart-categorical-10-selected-a: var(--dt-color-teal-900-a);
994
+ --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
995
+ --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
996
+ --dt-color-chart-categorical-10-selected: var(--dt-color-teal-900);
997
+ --dt-color-chart-categorical-10-hover-h: var(--dt-color-teal-700-h);
998
+ --dt-color-chart-categorical-10-hover-s: var(--dt-color-teal-700-s);
999
+ --dt-color-chart-categorical-10-hover-l: var(--dt-color-teal-700-l);
1000
+ --dt-color-chart-categorical-10-hover-a: var(--dt-color-teal-700-a);
1001
+ --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
1002
+ --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
1003
+ --dt-color-chart-categorical-10-hover: var(--dt-color-teal-700);
1081
1004
  --dt-color-chart-categorical-09-selected-h: var(--dt-color-red-600-h);
1082
1005
  --dt-color-chart-categorical-09-selected-s: var(--dt-color-red-600-s);
1083
1006
  --dt-color-chart-categorical-09-selected-l: var(--dt-color-red-600-l);
@@ -1120,13 +1043,13 @@
1120
1043
  --dt-color-chart-categorical-08-hsl: var(--dt-color-olive-500-hsl);
1121
1044
  --dt-color-chart-categorical-08-hsla: var(--dt-color-olive-500-hsla);
1122
1045
  --dt-color-chart-categorical-08: var(--dt-color-olive-500);
1123
- --dt-color-chart-categorical-07-selected-h: var(--dt-color-coral-900-h);
1124
- --dt-color-chart-categorical-07-selected-s: var(--dt-color-coral-900-s);
1125
- --dt-color-chart-categorical-07-selected-l: var(--dt-color-coral-900-l);
1126
- --dt-color-chart-categorical-07-selected-a: var(--dt-color-coral-900-a);
1127
- --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-900-hsl);
1128
- --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-900-hsla);
1129
- --dt-color-chart-categorical-07-selected: var(--dt-color-coral-900);
1046
+ --dt-color-chart-categorical-07-selected-h: var(--dt-color-coral-700-h);
1047
+ --dt-color-chart-categorical-07-selected-s: var(--dt-color-coral-700-s);
1048
+ --dt-color-chart-categorical-07-selected-l: var(--dt-color-coral-700-l);
1049
+ --dt-color-chart-categorical-07-selected-a: var(--dt-color-coral-700-a);
1050
+ --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-700-hsl);
1051
+ --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-700-hsla);
1052
+ --dt-color-chart-categorical-07-selected: var(--dt-color-coral-700);
1130
1053
  --dt-color-chart-categorical-07-hover-h: var(--dt-color-coral-500-h);
1131
1054
  --dt-color-chart-categorical-07-hover-s: var(--dt-color-coral-500-s);
1132
1055
  --dt-color-chart-categorical-07-hover-l: var(--dt-color-coral-500-l);
@@ -1183,20 +1106,20 @@
1183
1106
  --dt-color-chart-categorical-05-hsl: var(--dt-color-green-425-hsl);
1184
1107
  --dt-color-chart-categorical-05-hsla: var(--dt-color-green-425-hsla);
1185
1108
  --dt-color-chart-categorical-05: var(--dt-color-green-425);
1186
- --dt-color-chart-categorical-04-selected-h: var(--dt-color-gold-700-h);
1187
- --dt-color-chart-categorical-04-selected-s: var(--dt-color-gold-700-s);
1188
- --dt-color-chart-categorical-04-selected-l: var(--dt-color-gold-700-l);
1189
- --dt-color-chart-categorical-04-selected-a: var(--dt-color-gold-700-a);
1190
- --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-700-hsl);
1191
- --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-700-hsla);
1192
- --dt-color-chart-categorical-04-selected: var(--dt-color-gold-700);
1193
- --dt-color-chart-categorical-04-hover-h: var(--dt-color-gold-500-h);
1194
- --dt-color-chart-categorical-04-hover-s: var(--dt-color-gold-500-s);
1195
- --dt-color-chart-categorical-04-hover-l: var(--dt-color-gold-500-l);
1196
- --dt-color-chart-categorical-04-hover-a: var(--dt-color-gold-500-a);
1197
- --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-500-hsl);
1198
- --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-500-hsla);
1199
- --dt-color-chart-categorical-04-hover: var(--dt-color-gold-500);
1109
+ --dt-color-chart-categorical-04-selected-h: var(--dt-color-gold-600-h);
1110
+ --dt-color-chart-categorical-04-selected-s: var(--dt-color-gold-600-s);
1111
+ --dt-color-chart-categorical-04-selected-l: var(--dt-color-gold-600-l);
1112
+ --dt-color-chart-categorical-04-selected-a: var(--dt-color-gold-600-a);
1113
+ --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-600-hsl);
1114
+ --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-600-hsla);
1115
+ --dt-color-chart-categorical-04-selected: var(--dt-color-gold-600);
1116
+ --dt-color-chart-categorical-04-hover-h: var(--dt-color-gold-450-h);
1117
+ --dt-color-chart-categorical-04-hover-s: var(--dt-color-gold-450-s);
1118
+ --dt-color-chart-categorical-04-hover-l: var(--dt-color-gold-450-l);
1119
+ --dt-color-chart-categorical-04-hover-a: var(--dt-color-gold-450-a);
1120
+ --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-450-hsl);
1121
+ --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-450-hsla);
1122
+ --dt-color-chart-categorical-04-hover: var(--dt-color-gold-450);
1200
1123
  --dt-color-chart-categorical-04-h: var(--dt-color-gold-400-h);
1201
1124
  --dt-color-chart-categorical-04-s: var(--dt-color-gold-400-s);
1202
1125
  --dt-color-chart-categorical-04-l: var(--dt-color-gold-400-l);
@@ -1204,13 +1127,13 @@
1204
1127
  --dt-color-chart-categorical-04-hsl: var(--dt-color-gold-400-hsl);
1205
1128
  --dt-color-chart-categorical-04-hsla: var(--dt-color-gold-400-hsla);
1206
1129
  --dt-color-chart-categorical-04: var(--dt-color-gold-400);
1207
- --dt-color-chart-categorical-03-selected-h: var(--dt-color-blue-600-h);
1208
- --dt-color-chart-categorical-03-selected-s: var(--dt-color-blue-600-s);
1209
- --dt-color-chart-categorical-03-selected-l: var(--dt-color-blue-600-l);
1210
- --dt-color-chart-categorical-03-selected-a: var(--dt-color-blue-600-a);
1211
- --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-600-hsl);
1212
- --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-600-hsla);
1213
- --dt-color-chart-categorical-03-selected: var(--dt-color-blue-600);
1130
+ --dt-color-chart-categorical-03-selected-h: var(--dt-color-blue-500-h);
1131
+ --dt-color-chart-categorical-03-selected-s: var(--dt-color-blue-500-s);
1132
+ --dt-color-chart-categorical-03-selected-l: var(--dt-color-blue-500-l);
1133
+ --dt-color-chart-categorical-03-selected-a: var(--dt-color-blue-500-a);
1134
+ --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-500-hsl);
1135
+ --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-500-hsla);
1136
+ --dt-color-chart-categorical-03-selected: var(--dt-color-blue-500);
1214
1137
  --dt-color-chart-categorical-03-hover-h: var(--dt-color-blue-450-h);
1215
1138
  --dt-color-chart-categorical-03-hover-s: var(--dt-color-blue-450-s);
1216
1139
  --dt-color-chart-categorical-03-hover-l: var(--dt-color-blue-450-l);
@@ -1218,20 +1141,20 @@
1218
1141
  --dt-color-chart-categorical-03-hover-hsl: var(--dt-color-blue-450-hsl);
1219
1142
  --dt-color-chart-categorical-03-hover-hsla: var(--dt-color-blue-450-hsla);
1220
1143
  --dt-color-chart-categorical-03-hover: var(--dt-color-blue-450);
1221
- --dt-color-chart-categorical-03-h: var(--dt-color-blue-400-h);
1222
- --dt-color-chart-categorical-03-s: var(--dt-color-blue-400-s);
1223
- --dt-color-chart-categorical-03-l: var(--dt-color-blue-400-l);
1224
- --dt-color-chart-categorical-03-a: var(--dt-color-blue-400-a);
1225
- --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-400-hsl);
1226
- --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-400-hsla);
1227
- --dt-color-chart-categorical-03: var(--dt-color-blue-400);
1228
- --dt-color-chart-categorical-02-selected-h: var(--dt-color-magenta-600-h);
1229
- --dt-color-chart-categorical-02-selected-s: var(--dt-color-magenta-600-s);
1230
- --dt-color-chart-categorical-02-selected-l: var(--dt-color-magenta-600-l);
1231
- --dt-color-chart-categorical-02-selected-a: var(--dt-color-magenta-600-a);
1232
- --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-600-hsl);
1233
- --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-600-hsla);
1234
- --dt-color-chart-categorical-02-selected: var(--dt-color-magenta-600);
1144
+ --dt-color-chart-categorical-03-h: var(--dt-color-blue-425-h);
1145
+ --dt-color-chart-categorical-03-s: var(--dt-color-blue-425-s);
1146
+ --dt-color-chart-categorical-03-l: var(--dt-color-blue-425-l);
1147
+ --dt-color-chart-categorical-03-a: var(--dt-color-blue-425-a);
1148
+ --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-425-hsl);
1149
+ --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-425-hsla);
1150
+ --dt-color-chart-categorical-03: var(--dt-color-blue-425);
1151
+ --dt-color-chart-categorical-02-selected-h: var(--dt-color-magenta-475-h);
1152
+ --dt-color-chart-categorical-02-selected-s: var(--dt-color-magenta-475-s);
1153
+ --dt-color-chart-categorical-02-selected-l: var(--dt-color-magenta-475-l);
1154
+ --dt-color-chart-categorical-02-selected-a: var(--dt-color-magenta-475-a);
1155
+ --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-475-hsl);
1156
+ --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-475-hsla);
1157
+ --dt-color-chart-categorical-02-selected: var(--dt-color-magenta-475);
1235
1158
  --dt-color-chart-categorical-02-hover-h: var(--dt-color-magenta-400-h);
1236
1159
  --dt-color-chart-categorical-02-hover-s: var(--dt-color-magenta-400-s);
1237
1160
  --dt-color-chart-categorical-02-hover-l: var(--dt-color-magenta-400-l);
@@ -1246,41 +1169,34 @@
1246
1169
  --dt-color-chart-categorical-02-hsl: var(--dt-color-magenta-300-hsl);
1247
1170
  --dt-color-chart-categorical-02-hsla: var(--dt-color-magenta-300-hsla);
1248
1171
  --dt-color-chart-categorical-02: var(--dt-color-magenta-300);
1249
- --dt-color-chart-categorical-01-selected-h: var(--dt-color-purple-600-h);
1250
- --dt-color-chart-categorical-01-selected-s: var(--dt-color-purple-600-s);
1251
- --dt-color-chart-categorical-01-selected-l: var(--dt-color-purple-600-l);
1252
- --dt-color-chart-categorical-01-selected-a: var(--dt-color-purple-600-a);
1253
- --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-600-hsl);
1254
- --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-600-hsla);
1255
- --dt-color-chart-categorical-01-selected: var(--dt-color-purple-600);
1256
- --dt-color-chart-categorical-01-hover-h: var(--dt-color-purple-500-h);
1257
- --dt-color-chart-categorical-01-hover-s: var(--dt-color-purple-500-s);
1258
- --dt-color-chart-categorical-01-hover-l: var(--dt-color-purple-500-l);
1259
- --dt-color-chart-categorical-01-hover-a: var(--dt-color-purple-500-a);
1260
- --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-500-hsl);
1261
- --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-500-hsla);
1262
- --dt-color-chart-categorical-01-hover: var(--dt-color-purple-500);
1263
- --dt-color-chart-categorical-01-h: var(--dt-color-purple-450-h);
1264
- --dt-color-chart-categorical-01-s: var(--dt-color-purple-450-s);
1265
- --dt-color-chart-categorical-01-l: var(--dt-color-purple-450-l);
1266
- --dt-color-chart-categorical-01-a: var(--dt-color-purple-450-a);
1267
- --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-450-hsl);
1268
- --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-450-hsla);
1269
- --dt-color-chart-categorical-01: var(--dt-color-purple-450);
1270
- --dt-color-chart-categorical-10-selected-h: var(--dt-color-teal-900-h);
1271
- --dt-color-chart-categorical-10-selected-s: var(--dt-color-teal-900-s);
1272
- --dt-color-chart-categorical-10-selected-l: var(--dt-color-teal-900-l);
1273
- --dt-color-chart-categorical-10-selected-a: var(--dt-color-teal-900-a);
1274
- --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
1275
- --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
1276
- --dt-color-chart-categorical-10-selected: var(--dt-color-teal-900);
1277
- --dt-color-chart-categorical-10-hover-h: var(--dt-color-teal-700-h);
1278
- --dt-color-chart-categorical-10-hover-s: var(--dt-color-teal-700-s);
1279
- --dt-color-chart-categorical-10-hover-l: var(--dt-color-teal-700-l);
1280
- --dt-color-chart-categorical-10-hover-a: var(--dt-color-teal-700-a);
1281
- --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
1282
- --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
1283
- --dt-color-chart-categorical-10-hover: var(--dt-color-teal-700);
1172
+ --dt-color-chart-categorical-01-selected-h: var(--dt-color-purple-500-h);
1173
+ --dt-color-chart-categorical-01-selected-s: var(--dt-color-purple-500-s);
1174
+ --dt-color-chart-categorical-01-selected-l: var(--dt-color-purple-500-l);
1175
+ --dt-color-chart-categorical-01-selected-a: var(--dt-color-purple-500-a);
1176
+ --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-500-hsl);
1177
+ --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-500-hsla);
1178
+ --dt-color-chart-categorical-01-selected: var(--dt-color-purple-500);
1179
+ --dt-color-chart-categorical-01-hover-h: var(--dt-color-purple-400-h);
1180
+ --dt-color-chart-categorical-01-hover-s: var(--dt-color-purple-400-s);
1181
+ --dt-color-chart-categorical-01-hover-l: var(--dt-color-purple-400-l);
1182
+ --dt-color-chart-categorical-01-hover-a: var(--dt-color-purple-400-a);
1183
+ --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-400-hsl);
1184
+ --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-400-hsla);
1185
+ --dt-color-chart-categorical-01-hover: var(--dt-color-purple-400);
1186
+ --dt-color-chart-categorical-01-h: var(--dt-color-purple-350-h);
1187
+ --dt-color-chart-categorical-01-s: var(--dt-color-purple-350-s);
1188
+ --dt-color-chart-categorical-01-l: var(--dt-color-purple-350-l);
1189
+ --dt-color-chart-categorical-01-a: var(--dt-color-purple-350-a);
1190
+ --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-350-hsl);
1191
+ --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-350-hsla);
1192
+ --dt-color-chart-categorical-01: var(--dt-color-purple-350);
1193
+ --dt-color-chart-categorical-11-h: var(--dt-color-tan-300-h);
1194
+ --dt-color-chart-categorical-11-s: var(--dt-color-tan-300-s);
1195
+ --dt-color-chart-categorical-11-l: var(--dt-color-tan-300-l);
1196
+ --dt-color-chart-categorical-11-a: var(--dt-color-tan-300-a);
1197
+ --dt-color-chart-categorical-11-hsl: var(--dt-color-tan-300-hsl);
1198
+ --dt-color-chart-categorical-11-hsla: var(--dt-color-tan-300-hsla);
1199
+ --dt-color-chart-categorical-11: var(--dt-color-tan-300);
1284
1200
  --dt-color-chart-categorical-10-h: var(--dt-color-teal-600-h);
1285
1201
  --dt-color-chart-categorical-10-s: var(--dt-color-teal-600-s);
1286
1202
  --dt-color-chart-categorical-10-l: var(--dt-color-teal-600-l);
@@ -1559,10 +1475,10 @@
1559
1475
  --dt-color-surface-warning-subtle-opaque-inverted-h: 34.8;
1560
1476
  --dt-color-surface-warning-subtle-opaque-inverted-s: 93.9%;
1561
1477
  --dt-color-surface-warning-subtle-opaque-inverted-l: 6.47%;
1562
- --dt-color-surface-warning-subtle-opaque-inverted-a: 70%;
1478
+ --dt-color-surface-warning-subtle-opaque-inverted-a: 30%;
1563
1479
  --dt-color-surface-warning-subtle-opaque-inverted-hsl: var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l);
1564
- --dt-color-surface-warning-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l) / var(--alpha, 70%));
1565
- --dt-color-surface-warning-subtle-opaque-inverted: hsl(34.8 93.9% 6.47% / 0.7); /* Warning subtle surface as opaque background color */
1480
+ --dt-color-surface-warning-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l) / var(--alpha, 30%));
1481
+ --dt-color-surface-warning-subtle-opaque-inverted: hsl(34.8 93.9% 6.47% / 0.3); /* Warning subtle surface as opaque background color */
1566
1482
  --dt-color-surface-critical-subtle-opaque-inverted-h: 344;
1567
1483
  --dt-color-surface-critical-subtle-opaque-inverted-s: 93.1%;
1568
1484
  --dt-color-surface-critical-subtle-opaque-inverted-l: 5.69%;
@@ -2398,90 +2314,6 @@
2398
2314
  --dt-shell-mention-color-surface-primary-hsl: var(--dt-shell-base-color-accent-hsl);
2399
2315
  --dt-shell-mention-color-surface-primary-hsla: var(--dt-shell-base-color-accent-hsla);
2400
2316
  --dt-shell-mention-color-surface-primary: var(--dt-shell-base-color-accent);
2401
- --dt-shell-action-color-background-muted-selected-h: 15.2;
2402
- --dt-shell-action-color-background-muted-selected-s: 88.8%;
2403
- --dt-shell-action-color-background-muted-selected-l: 21%;
2404
- --dt-shell-action-color-background-muted-selected-a: 7%;
2405
- --dt-shell-action-color-background-muted-selected-hsl: var(--dt-shell-action-color-background-muted-selected-h) var(--dt-shell-action-color-background-muted-selected-s) var(--dt-shell-action-color-background-muted-selected-l);
2406
- --dt-shell-action-color-background-muted-selected-hsla: hsl(var(--dt-shell-action-color-background-muted-selected-h) var(--dt-shell-action-color-background-muted-selected-s) var(--dt-shell-action-color-background-muted-selected-l) / var(--alpha, 7%));
2407
- --dt-shell-action-color-background-muted-selected: hsl(15.2 88.8% 21% / 0.07);
2408
- --dt-shell-action-color-background-muted-active-h: 15.2;
2409
- --dt-shell-action-color-background-muted-active-s: 88.8%;
2410
- --dt-shell-action-color-background-muted-active-l: 21%;
2411
- --dt-shell-action-color-background-muted-active-a: 7%;
2412
- --dt-shell-action-color-background-muted-active-hsl: var(--dt-shell-action-color-background-muted-active-h) var(--dt-shell-action-color-background-muted-active-s) var(--dt-shell-action-color-background-muted-active-l);
2413
- --dt-shell-action-color-background-muted-active-hsla: hsl(var(--dt-shell-action-color-background-muted-active-h) var(--dt-shell-action-color-background-muted-active-s) var(--dt-shell-action-color-background-muted-active-l) / var(--alpha, 7%));
2414
- --dt-shell-action-color-background-muted-active: hsl(15.2 88.8% 21% / 0.07);
2415
- --dt-shell-action-color-background-muted-hover-h: 15.2;
2416
- --dt-shell-action-color-background-muted-hover-s: 88.8%;
2417
- --dt-shell-action-color-background-muted-hover-l: 21%;
2418
- --dt-shell-action-color-background-muted-hover-a: 10%;
2419
- --dt-shell-action-color-background-muted-hover-hsl: var(--dt-shell-action-color-background-muted-hover-h) var(--dt-shell-action-color-background-muted-hover-s) var(--dt-shell-action-color-background-muted-hover-l);
2420
- --dt-shell-action-color-background-muted-hover-hsla: hsl(var(--dt-shell-action-color-background-muted-hover-h) var(--dt-shell-action-color-background-muted-hover-s) var(--dt-shell-action-color-background-muted-hover-l) / var(--alpha, 10%));
2421
- --dt-shell-action-color-background-muted-hover: hsl(15.2 88.8% 21% / 0.1);
2422
- --dt-shell-action-color-background-muted-default-h: 15.2;
2423
- --dt-shell-action-color-background-muted-default-s: 88.8%;
2424
- --dt-shell-action-color-background-muted-default-l: 21%;
2425
- --dt-shell-action-color-background-muted-default-a: 5%;
2426
- --dt-shell-action-color-background-muted-default-hsl: var(--dt-shell-action-color-background-muted-default-h) var(--dt-shell-action-color-background-muted-default-s) var(--dt-shell-action-color-background-muted-default-l);
2427
- --dt-shell-action-color-background-muted-default-hsla: hsl(var(--dt-shell-action-color-background-muted-default-h) var(--dt-shell-action-color-background-muted-default-s) var(--dt-shell-action-color-background-muted-default-l) / var(--alpha, 5%));
2428
- --dt-shell-action-color-background-muted-default: hsl(15.2 88.8% 21% / 0.05);
2429
- --dt-shell-action-color-background-secondary-selected-h: 15.2;
2430
- --dt-shell-action-color-background-secondary-selected-s: 88.8%;
2431
- --dt-shell-action-color-background-secondary-selected-l: 21%;
2432
- --dt-shell-action-color-background-secondary-selected-a: 13%;
2433
- --dt-shell-action-color-background-secondary-selected-hsl: var(--dt-shell-action-color-background-secondary-selected-h) var(--dt-shell-action-color-background-secondary-selected-s) var(--dt-shell-action-color-background-secondary-selected-l);
2434
- --dt-shell-action-color-background-secondary-selected-hsla: hsl(var(--dt-shell-action-color-background-secondary-selected-h) var(--dt-shell-action-color-background-secondary-selected-s) var(--dt-shell-action-color-background-secondary-selected-l) / var(--alpha, 13%));
2435
- --dt-shell-action-color-background-secondary-selected: hsl(15.2 88.8% 21% / 0.13);
2436
- --dt-shell-action-color-background-secondary-active-h: 15.2;
2437
- --dt-shell-action-color-background-secondary-active-s: 88.8%;
2438
- --dt-shell-action-color-background-secondary-active-l: 21%;
2439
- --dt-shell-action-color-background-secondary-active-a: 16%;
2440
- --dt-shell-action-color-background-secondary-active-hsl: var(--dt-shell-action-color-background-secondary-active-h) var(--dt-shell-action-color-background-secondary-active-s) var(--dt-shell-action-color-background-secondary-active-l);
2441
- --dt-shell-action-color-background-secondary-active-hsla: hsl(var(--dt-shell-action-color-background-secondary-active-h) var(--dt-shell-action-color-background-secondary-active-s) var(--dt-shell-action-color-background-secondary-active-l) / var(--alpha, 16%));
2442
- --dt-shell-action-color-background-secondary-active: hsl(15.2 88.8% 21% / 0.16);
2443
- --dt-shell-action-color-background-secondary-hover-h: 15.2;
2444
- --dt-shell-action-color-background-secondary-hover-s: 88.8%;
2445
- --dt-shell-action-color-background-secondary-hover-l: 21%;
2446
- --dt-shell-action-color-background-secondary-hover-a: 10%;
2447
- --dt-shell-action-color-background-secondary-hover-hsl: var(--dt-shell-action-color-background-secondary-hover-h) var(--dt-shell-action-color-background-secondary-hover-s) var(--dt-shell-action-color-background-secondary-hover-l);
2448
- --dt-shell-action-color-background-secondary-hover-hsla: hsl(var(--dt-shell-action-color-background-secondary-hover-h) var(--dt-shell-action-color-background-secondary-hover-s) var(--dt-shell-action-color-background-secondary-hover-l) / var(--alpha, 10%));
2449
- --dt-shell-action-color-background-secondary-hover: hsl(15.2 88.8% 21% / 0.1);
2450
- --dt-shell-action-color-background-secondary-default-h: 15.2;
2451
- --dt-shell-action-color-background-secondary-default-s: 88.8%;
2452
- --dt-shell-action-color-background-secondary-default-l: 21%;
2453
- --dt-shell-action-color-background-secondary-default-a: 0%;
2454
- --dt-shell-action-color-background-secondary-default-hsl: var(--dt-shell-action-color-background-secondary-default-h) var(--dt-shell-action-color-background-secondary-default-s) var(--dt-shell-action-color-background-secondary-default-l);
2455
- --dt-shell-action-color-background-secondary-default-hsla: hsl(var(--dt-shell-action-color-background-secondary-default-h) var(--dt-shell-action-color-background-secondary-default-s) var(--dt-shell-action-color-background-secondary-default-l) / var(--alpha, 0%));
2456
- --dt-shell-action-color-background-secondary-default: hsl(15.2 88.8% 21% / 0);
2457
- --dt-shell-action-color-background-primary-selected-h: 15.2;
2458
- --dt-shell-action-color-background-primary-selected-s: 88.8%;
2459
- --dt-shell-action-color-background-primary-selected-l: 21%;
2460
- --dt-shell-action-color-background-primary-selected-a: 13%;
2461
- --dt-shell-action-color-background-primary-selected-hsl: var(--dt-shell-action-color-background-primary-selected-h) var(--dt-shell-action-color-background-primary-selected-s) var(--dt-shell-action-color-background-primary-selected-l);
2462
- --dt-shell-action-color-background-primary-selected-hsla: hsl(var(--dt-shell-action-color-background-primary-selected-h) var(--dt-shell-action-color-background-primary-selected-s) var(--dt-shell-action-color-background-primary-selected-l) / var(--alpha, 13%));
2463
- --dt-shell-action-color-background-primary-selected: hsl(15.2 88.8% 21% / 0.13);
2464
- --dt-shell-action-color-background-primary-active-h: 15.2;
2465
- --dt-shell-action-color-background-primary-active-s: 88.8%;
2466
- --dt-shell-action-color-background-primary-active-l: 21%;
2467
- --dt-shell-action-color-background-primary-active-a: 16%;
2468
- --dt-shell-action-color-background-primary-active-hsl: var(--dt-shell-action-color-background-primary-active-h) var(--dt-shell-action-color-background-primary-active-s) var(--dt-shell-action-color-background-primary-active-l);
2469
- --dt-shell-action-color-background-primary-active-hsla: hsl(var(--dt-shell-action-color-background-primary-active-h) var(--dt-shell-action-color-background-primary-active-s) var(--dt-shell-action-color-background-primary-active-l) / var(--alpha, 16%));
2470
- --dt-shell-action-color-background-primary-active: hsl(15.2 88.8% 21% / 0.16);
2471
- --dt-shell-action-color-background-primary-hover-h: 15.2;
2472
- --dt-shell-action-color-background-primary-hover-s: 88.8%;
2473
- --dt-shell-action-color-background-primary-hover-l: 21%;
2474
- --dt-shell-action-color-background-primary-hover-a: 10%;
2475
- --dt-shell-action-color-background-primary-hover-hsl: var(--dt-shell-action-color-background-primary-hover-h) var(--dt-shell-action-color-background-primary-hover-s) var(--dt-shell-action-color-background-primary-hover-l);
2476
- --dt-shell-action-color-background-primary-hover-hsla: hsl(var(--dt-shell-action-color-background-primary-hover-h) var(--dt-shell-action-color-background-primary-hover-s) var(--dt-shell-action-color-background-primary-hover-l) / var(--alpha, 10%));
2477
- --dt-shell-action-color-background-primary-hover: hsl(15.2 88.8% 21% / 0.1);
2478
- --dt-shell-action-color-background-primary-default-h: 15.2;
2479
- --dt-shell-action-color-background-primary-default-s: 88.8%;
2480
- --dt-shell-action-color-background-primary-default-l: 21%;
2481
- --dt-shell-action-color-background-primary-default-a: 0%;
2482
- --dt-shell-action-color-background-primary-default-hsl: var(--dt-shell-action-color-background-primary-default-h) var(--dt-shell-action-color-background-primary-default-s) var(--dt-shell-action-color-background-primary-default-l);
2483
- --dt-shell-action-color-background-primary-default-hsla: hsl(var(--dt-shell-action-color-background-primary-default-h) var(--dt-shell-action-color-background-primary-default-s) var(--dt-shell-action-color-background-primary-default-l) / var(--alpha, 0%));
2484
- --dt-shell-action-color-background-primary-default: hsl(15.2 88.8% 21% / 0);
2485
2317
  --dt-shell-color-border-default-h: 203;
2486
2318
  --dt-shell-color-border-default-s: 60.8%;
2487
2319
  --dt-shell-color-border-default-l: 20%;
@@ -2566,6 +2398,27 @@
2566
2398
  --dt-shell-color-foreground-primary-hsl: var(--dt-shell-base-color-foreground-hsl);
2567
2399
  --dt-shell-color-foreground-primary-hsla: var(--dt-shell-base-color-foreground-hsla);
2568
2400
  --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
2401
+ --dt-shell-base-action-color-background-muted-h: var(--dt-shell-base-color-action-h);
2402
+ --dt-shell-base-action-color-background-muted-s: var(--dt-shell-base-color-action-s);
2403
+ --dt-shell-base-action-color-background-muted-l: var(--dt-shell-base-color-action-l);
2404
+ --dt-shell-base-action-color-background-muted-a: var(--dt-shell-base-color-action-a);
2405
+ --dt-shell-base-action-color-background-muted-hsl: var(--dt-shell-base-color-action-hsl);
2406
+ --dt-shell-base-action-color-background-muted-hsla: var(--dt-shell-base-color-action-hsla);
2407
+ --dt-shell-base-action-color-background-muted: var(--dt-shell-base-color-action);
2408
+ --dt-shell-base-action-color-background-secondary-h: var(--dt-shell-base-color-action-h);
2409
+ --dt-shell-base-action-color-background-secondary-s: var(--dt-shell-base-color-action-s);
2410
+ --dt-shell-base-action-color-background-secondary-l: var(--dt-shell-base-color-action-l);
2411
+ --dt-shell-base-action-color-background-secondary-a: var(--dt-shell-base-color-action-a);
2412
+ --dt-shell-base-action-color-background-secondary-hsl: var(--dt-shell-base-color-action-hsl);
2413
+ --dt-shell-base-action-color-background-secondary-hsla: var(--dt-shell-base-color-action-hsla);
2414
+ --dt-shell-base-action-color-background-secondary: var(--dt-shell-base-color-action);
2415
+ --dt-shell-base-action-color-background-primary-h: var(--dt-shell-base-color-action-h);
2416
+ --dt-shell-base-action-color-background-primary-s: var(--dt-shell-base-color-action-s);
2417
+ --dt-shell-base-action-color-background-primary-l: var(--dt-shell-base-color-action-l);
2418
+ --dt-shell-base-action-color-background-primary-a: var(--dt-shell-base-color-action-a);
2419
+ --dt-shell-base-action-color-background-primary-hsl: var(--dt-shell-base-color-action-hsl);
2420
+ --dt-shell-base-action-color-background-primary-hsla: var(--dt-shell-base-color-action-hsla);
2421
+ --dt-shell-base-action-color-background-primary: var(--dt-shell-base-color-action);
2569
2422
  --dt-theme-mention-color-background-h: var(--dt-color-surface-brand-strong-h);
2570
2423
  --dt-theme-mention-color-background-s: var(--dt-color-surface-brand-strong-s);
2571
2424
  --dt-theme-mention-color-background-l: var(--dt-color-surface-brand-strong-l);
@@ -3049,6 +2902,209 @@
3049
2902
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
3050
2903
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
3051
2904
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2905
+ --dt-color-chart-sequential-range-00-end-h: var(--dt-color-chart-sequential-10-h);
2906
+ --dt-color-chart-sequential-range-00-end-s: var(--dt-color-chart-sequential-10-s);
2907
+ --dt-color-chart-sequential-range-00-end-l: var(--dt-color-chart-sequential-10-l);
2908
+ --dt-color-chart-sequential-range-00-end-a: var(--dt-color-chart-sequential-10-a);
2909
+ --dt-color-chart-sequential-range-00-end-hsl: var(--dt-color-chart-sequential-10-hsl);
2910
+ --dt-color-chart-sequential-range-00-end-hsla: var(--dt-color-chart-sequential-10-hsla);
2911
+ --dt-color-chart-sequential-range-00-end: var(--dt-color-chart-sequential-10); /* Start color value for default sequential range. Use to create a dynamically generated sequential series, must be paired with a start color. */
2912
+ --dt-color-chart-sequential-range-00-start-h: var(--dt-color-chart-sequential-01-h);
2913
+ --dt-color-chart-sequential-range-00-start-s: var(--dt-color-chart-sequential-01-s);
2914
+ --dt-color-chart-sequential-range-00-start-l: var(--dt-color-chart-sequential-01-l);
2915
+ --dt-color-chart-sequential-range-00-start-a: var(--dt-color-chart-sequential-01-a);
2916
+ --dt-color-chart-sequential-range-00-start-hsl: var(--dt-color-chart-sequential-01-hsl);
2917
+ --dt-color-chart-sequential-range-00-start-hsla: var(--dt-color-chart-sequential-01-hsla);
2918
+ --dt-color-chart-sequential-range-00-start: var(--dt-color-chart-sequential-01); /* Start color value for default sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
2919
+ --dt-color-chart-sequential-10-selected-h: 203;
2920
+ --dt-color-chart-sequential-10-selected-s: 42.5%;
2921
+ --dt-color-chart-sequential-10-selected-l: 14.000000000000002%;
2922
+ --dt-color-chart-sequential-10-selected-a: 100%;
2923
+ --dt-color-chart-sequential-10-selected-hsl: var(--dt-color-chart-sequential-10-selected-h) var(--dt-color-chart-sequential-10-selected-s) var(--dt-color-chart-sequential-10-selected-l);
2924
+ --dt-color-chart-sequential-10-selected-hsla: hsl(var(--dt-color-chart-sequential-10-selected-h) var(--dt-color-chart-sequential-10-selected-s) var(--dt-color-chart-sequential-10-selected-l) / var(--alpha, 100%));
2925
+ --dt-color-chart-sequential-10-selected: hsl(203 42.5% 14%); /* Selected state for tenth sequential chart color. */
2926
+ --dt-color-chart-sequential-10-hover-h: 203;
2927
+ --dt-color-chart-sequential-10-hover-s: 51.7%;
2928
+ --dt-color-chart-sequential-10-hover-l: 17%;
2929
+ --dt-color-chart-sequential-10-hover-a: 100%;
2930
+ --dt-color-chart-sequential-10-hover-hsl: var(--dt-color-chart-sequential-10-hover-h) var(--dt-color-chart-sequential-10-hover-s) var(--dt-color-chart-sequential-10-hover-l);
2931
+ --dt-color-chart-sequential-10-hover-hsla: hsl(var(--dt-color-chart-sequential-10-hover-h) var(--dt-color-chart-sequential-10-hover-s) var(--dt-color-chart-sequential-10-hover-l) / var(--alpha, 100%));
2932
+ --dt-color-chart-sequential-10-hover: hsl(203 51.7% 17%); /* Hover state for tenth sequential chart color. */
2933
+ --dt-color-chart-sequential-09-h: 205;
2934
+ --dt-color-chart-sequential-09-s: 59.9%;
2935
+ --dt-color-chart-sequential-09-l: 27.500000000000004%;
2936
+ --dt-color-chart-sequential-09-a: 100%;
2937
+ --dt-color-chart-sequential-09-hsl: var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l);
2938
+ --dt-color-chart-sequential-09-hsla: hsl(var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l) / var(--alpha, 100%));
2939
+ --dt-color-chart-sequential-09: hsl(205 59.9% 27.5%); /* Ninth color in sequential chart series, extremely dark shade. */
2940
+ --dt-color-chart-sequential-08-h: 207;
2941
+ --dt-color-chart-sequential-08-s: 58.9%;
2942
+ --dt-color-chart-sequential-08-l: 35.8%;
2943
+ --dt-color-chart-sequential-08-a: 100%;
2944
+ --dt-color-chart-sequential-08-hsl: var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l);
2945
+ --dt-color-chart-sequential-08-hsla: hsl(var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l) / var(--alpha, 100%));
2946
+ --dt-color-chart-sequential-08: hsl(207 58.9% 35.8%); /* Eighth color in sequential chart series, very dark shade. */
2947
+ --dt-color-chart-sequential-07-h: 209;
2948
+ --dt-color-chart-sequential-07-s: 57.9%;
2949
+ --dt-color-chart-sequential-07-l: 44.8%;
2950
+ --dt-color-chart-sequential-07-a: 100%;
2951
+ --dt-color-chart-sequential-07-hsl: var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l);
2952
+ --dt-color-chart-sequential-07-hsla: hsl(var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l) / var(--alpha, 100%));
2953
+ --dt-color-chart-sequential-07: hsl(209 57.9% 44.8%); /* Seventh color in sequential chart series, dark shade. */
2954
+ --dt-color-chart-sequential-06-h: 211;
2955
+ --dt-color-chart-sequential-06-s: 56.89999999999999%;
2956
+ --dt-color-chart-sequential-06-l: 53%;
2957
+ --dt-color-chart-sequential-06-a: 100%;
2958
+ --dt-color-chart-sequential-06-hsl: var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l);
2959
+ --dt-color-chart-sequential-06-hsla: hsl(var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l) / var(--alpha, 100%));
2960
+ --dt-color-chart-sequential-06: hsl(211 56.9% 53%); /* Sixth color in sequential chart series, medium-dark shade. */
2961
+ --dt-color-chart-sequential-05-h: 213;
2962
+ --dt-color-chart-sequential-05-s: 55.89999999999999%;
2963
+ --dt-color-chart-sequential-05-l: 62.1%;
2964
+ --dt-color-chart-sequential-05-a: 100%;
2965
+ --dt-color-chart-sequential-05-hsl: var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l);
2966
+ --dt-color-chart-sequential-05-hsla: hsl(var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l) / var(--alpha, 100%));
2967
+ --dt-color-chart-sequential-05: hsl(213 55.9% 62.1%); /* Fifth color in sequential chart series, medium shade. */
2968
+ --dt-color-chart-sequential-04-h: 216;
2969
+ --dt-color-chart-sequential-04-s: 54.89999999999999%;
2970
+ --dt-color-chart-sequential-04-l: 70.3%;
2971
+ --dt-color-chart-sequential-04-a: 100%;
2972
+ --dt-color-chart-sequential-04-hsl: var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l);
2973
+ --dt-color-chart-sequential-04-hsla: hsl(var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l) / var(--alpha, 100%));
2974
+ --dt-color-chart-sequential-04: hsl(216 54.9% 70.3%); /* Fourth color in sequential chart series, light-medium shade. */
2975
+ --dt-color-chart-sequential-03-h: 218;
2976
+ --dt-color-chart-sequential-03-s: 53.79999999999999%;
2977
+ --dt-color-chart-sequential-03-l: 79.3%;
2978
+ --dt-color-chart-sequential-03-a: 100%;
2979
+ --dt-color-chart-sequential-03-hsl: var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l);
2980
+ --dt-color-chart-sequential-03-hsla: hsl(var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l) / var(--alpha, 100%));
2981
+ --dt-color-chart-sequential-03: hsl(218 53.8% 79.3%); /* Third color in sequential chart series, light shade. */
2982
+ --dt-color-chart-sequential-02-h: 220;
2983
+ --dt-color-chart-sequential-02-s: 52.900000000000006%;
2984
+ --dt-color-chart-sequential-02-l: 87.6%;
2985
+ --dt-color-chart-sequential-02-a: 100%;
2986
+ --dt-color-chart-sequential-02-hsl: var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l);
2987
+ --dt-color-chart-sequential-02-hsla: hsl(var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l) / var(--alpha, 100%));
2988
+ --dt-color-chart-sequential-02: hsl(220 52.9% 87.6%); /* Second color in sequential chart series, very light shade. */
2989
+ --dt-color-chart-sequential-01-selected-h: 222;
2990
+ --dt-color-chart-sequential-01-selected-s: 36.4%;
2991
+ --dt-color-chart-sequential-01-selected-l: 66.6%;
2992
+ --dt-color-chart-sequential-01-selected-a: 100%;
2993
+ --dt-color-chart-sequential-01-selected-hsl: var(--dt-color-chart-sequential-01-selected-h) var(--dt-color-chart-sequential-01-selected-s) var(--dt-color-chart-sequential-01-selected-l);
2994
+ --dt-color-chart-sequential-01-selected-hsla: hsl(var(--dt-color-chart-sequential-01-selected-h) var(--dt-color-chart-sequential-01-selected-s) var(--dt-color-chart-sequential-01-selected-l) / var(--alpha, 100%));
2995
+ --dt-color-chart-sequential-01-selected: hsl(222 36.4% 66.6%); /* Selected state for first sequential chart color. */
2996
+ --dt-color-chart-sequential-01-hover-h: 222;
2997
+ --dt-color-chart-sequential-01-hover-s: 44.2%;
2998
+ --dt-color-chart-sequential-01-hover-l: 80.8%;
2999
+ --dt-color-chart-sequential-01-hover-a: 100%;
3000
+ --dt-color-chart-sequential-01-hover-hsl: var(--dt-color-chart-sequential-01-hover-h) var(--dt-color-chart-sequential-01-hover-s) var(--dt-color-chart-sequential-01-hover-l);
3001
+ --dt-color-chart-sequential-01-hover-hsla: hsl(var(--dt-color-chart-sequential-01-hover-h) var(--dt-color-chart-sequential-01-hover-s) var(--dt-color-chart-sequential-01-hover-l) / var(--alpha, 100%));
3002
+ --dt-color-chart-sequential-01-hover: hsl(222 44.2% 80.8%); /* Hover state for first sequential chart color. */
3003
+ --dt-color-chart-categorical-11-selected-h: 24;
3004
+ --dt-color-chart-categorical-11-selected-s: 9.26%;
3005
+ --dt-color-chart-categorical-11-selected-l: 55.2%;
3006
+ --dt-color-chart-categorical-11-selected-a: 100%;
3007
+ --dt-color-chart-categorical-11-selected-hsl: var(--dt-color-chart-categorical-11-selected-h) var(--dt-color-chart-categorical-11-selected-s) var(--dt-color-chart-categorical-11-selected-l);
3008
+ --dt-color-chart-categorical-11-selected-hsla: hsl(var(--dt-color-chart-categorical-11-selected-h) var(--dt-color-chart-categorical-11-selected-s) var(--dt-color-chart-categorical-11-selected-l) / var(--alpha, 100%));
3009
+ --dt-color-chart-categorical-11-selected: hsl(24 9.26% 55.2%);
3010
+ --dt-color-chart-categorical-11-hover-h: 24;
3011
+ --dt-color-chart-categorical-11-hover-s: 9.26%;
3012
+ --dt-color-chart-categorical-11-hover-l: 67%;
3013
+ --dt-color-chart-categorical-11-hover-a: 100%;
3014
+ --dt-color-chart-categorical-11-hover-hsl: var(--dt-color-chart-categorical-11-hover-h) var(--dt-color-chart-categorical-11-hover-s) var(--dt-color-chart-categorical-11-hover-l);
3015
+ --dt-color-chart-categorical-11-hover-hsla: hsl(var(--dt-color-chart-categorical-11-hover-h) var(--dt-color-chart-categorical-11-hover-s) var(--dt-color-chart-categorical-11-hover-l) / var(--alpha, 100%));
3016
+ --dt-color-chart-categorical-11-hover: hsl(24 9.26% 67%);
3017
+ --dt-color-chart-categorical-28-h: 224;
3018
+ --dt-color-chart-categorical-28-s: 82.2%;
3019
+ --dt-color-chart-categorical-28-l: 62.9%;
3020
+ --dt-color-chart-categorical-28-a: 100%;
3021
+ --dt-color-chart-categorical-28-hsl: var(--dt-color-chart-categorical-28-h) var(--dt-color-chart-categorical-28-s) var(--dt-color-chart-categorical-28-l);
3022
+ --dt-color-chart-categorical-28-hsla: hsl(var(--dt-color-chart-categorical-28-h) var(--dt-color-chart-categorical-28-s) var(--dt-color-chart-categorical-28-l) / var(--alpha, 100%));
3023
+ --dt-color-chart-categorical-28: hsl(224 82.2% 62.9%);
3024
+ --dt-color-chart-categorical-26-h: 353;
3025
+ --dt-color-chart-categorical-26-s: 98.8%;
3026
+ --dt-color-chart-categorical-26-l: 58.4%;
3027
+ --dt-color-chart-categorical-26-a: 100%;
3028
+ --dt-color-chart-categorical-26-hsl: var(--dt-color-chart-categorical-26-h) var(--dt-color-chart-categorical-26-s) var(--dt-color-chart-categorical-26-l);
3029
+ --dt-color-chart-categorical-26-hsla: hsl(var(--dt-color-chart-categorical-26-h) var(--dt-color-chart-categorical-26-s) var(--dt-color-chart-categorical-26-l) / var(--alpha, 100%));
3030
+ --dt-color-chart-categorical-26: hsl(353 98.8% 58.4%);
3031
+ --dt-color-chart-categorical-22-h: 324;
3032
+ --dt-color-chart-categorical-22-s: 39%;
3033
+ --dt-color-chart-categorical-22-l: 73%;
3034
+ --dt-color-chart-categorical-22-a: 100%;
3035
+ --dt-color-chart-categorical-22-hsl: var(--dt-color-chart-categorical-22-h) var(--dt-color-chart-categorical-22-s) var(--dt-color-chart-categorical-22-l);
3036
+ --dt-color-chart-categorical-22-hsla: hsl(var(--dt-color-chart-categorical-22-h) var(--dt-color-chart-categorical-22-s) var(--dt-color-chart-categorical-22-l) / var(--alpha, 100%));
3037
+ --dt-color-chart-categorical-22: hsl(324 39% 73%);
3038
+ --dt-color-chart-categorical-21-h: 95.6;
3039
+ --dt-color-chart-categorical-21-s: 71.5%;
3040
+ --dt-color-chart-categorical-21-l: 53.900000000000006%;
3041
+ --dt-color-chart-categorical-21-a: 100%;
3042
+ --dt-color-chart-categorical-21-hsl: var(--dt-color-chart-categorical-21-h) var(--dt-color-chart-categorical-21-s) var(--dt-color-chart-categorical-21-l);
3043
+ --dt-color-chart-categorical-21-hsla: hsl(var(--dt-color-chart-categorical-21-h) var(--dt-color-chart-categorical-21-s) var(--dt-color-chart-categorical-21-l) / var(--alpha, 100%));
3044
+ --dt-color-chart-categorical-21: hsl(95.6 71.5% 53.9%);
3045
+ --dt-color-chart-categorical-20-h: 224;
3046
+ --dt-color-chart-categorical-20-s: 82.2%;
3047
+ --dt-color-chart-categorical-20-l: 62.9%;
3048
+ --dt-color-chart-categorical-20-a: 100%;
3049
+ --dt-color-chart-categorical-20-hsl: var(--dt-color-chart-categorical-20-h) var(--dt-color-chart-categorical-20-s) var(--dt-color-chart-categorical-20-l);
3050
+ --dt-color-chart-categorical-20-hsla: hsl(var(--dt-color-chart-categorical-20-h) var(--dt-color-chart-categorical-20-s) var(--dt-color-chart-categorical-20-l) / var(--alpha, 100%));
3051
+ --dt-color-chart-categorical-20: hsl(224 82.2% 62.9%);
3052
+ --dt-color-chart-categorical-19-h: 190;
3053
+ --dt-color-chart-categorical-19-s: 78.1%;
3054
+ --dt-color-chart-categorical-19-l: 59.099999999999994%;
3055
+ --dt-color-chart-categorical-19-a: 100%;
3056
+ --dt-color-chart-categorical-19-hsl: var(--dt-color-chart-categorical-19-h) var(--dt-color-chart-categorical-19-s) var(--dt-color-chart-categorical-19-l);
3057
+ --dt-color-chart-categorical-19-hsla: hsl(var(--dt-color-chart-categorical-19-h) var(--dt-color-chart-categorical-19-s) var(--dt-color-chart-categorical-19-l) / var(--alpha, 100%));
3058
+ --dt-color-chart-categorical-19: hsl(190 78.1% 59.1%);
3059
+ --dt-color-chart-categorical-18-h: 63.1;
3060
+ --dt-color-chart-categorical-18-s: 80.5%;
3061
+ --dt-color-chart-categorical-18-l: 55.2%;
3062
+ --dt-color-chart-categorical-18-a: 100%;
3063
+ --dt-color-chart-categorical-18-hsl: var(--dt-color-chart-categorical-18-h) var(--dt-color-chart-categorical-18-s) var(--dt-color-chart-categorical-18-l);
3064
+ --dt-color-chart-categorical-18-hsla: hsl(var(--dt-color-chart-categorical-18-h) var(--dt-color-chart-categorical-18-s) var(--dt-color-chart-categorical-18-l) / var(--alpha, 100%));
3065
+ --dt-color-chart-categorical-18: hsl(63.1 80.5% 55.2%);
3066
+ --dt-color-chart-categorical-17-h: 318;
3067
+ --dt-color-chart-categorical-17-s: 95.9%;
3068
+ --dt-color-chart-categorical-17-l: 69.9%;
3069
+ --dt-color-chart-categorical-17-a: 100%;
3070
+ --dt-color-chart-categorical-17-hsl: var(--dt-color-chart-categorical-17-h) var(--dt-color-chart-categorical-17-s) var(--dt-color-chart-categorical-17-l);
3071
+ --dt-color-chart-categorical-17-hsla: hsl(var(--dt-color-chart-categorical-17-h) var(--dt-color-chart-categorical-17-s) var(--dt-color-chart-categorical-17-l) / var(--alpha, 100%));
3072
+ --dt-color-chart-categorical-17: hsl(318 95.9% 69.9%);
3073
+ --dt-color-chart-categorical-16-h: 89.4;
3074
+ --dt-color-chart-categorical-16-s: 68%;
3075
+ --dt-color-chart-categorical-16-l: 47%;
3076
+ --dt-color-chart-categorical-16-a: 100%;
3077
+ --dt-color-chart-categorical-16-hsl: var(--dt-color-chart-categorical-16-h) var(--dt-color-chart-categorical-16-s) var(--dt-color-chart-categorical-16-l);
3078
+ --dt-color-chart-categorical-16-hsla: hsl(var(--dt-color-chart-categorical-16-h) var(--dt-color-chart-categorical-16-s) var(--dt-color-chart-categorical-16-l) / var(--alpha, 100%));
3079
+ --dt-color-chart-categorical-16: hsl(89.4 68% 47%);
3080
+ --dt-color-chart-categorical-15-h: 367;
3081
+ --dt-color-chart-categorical-15-s: 99.2%;
3082
+ --dt-color-chart-categorical-15-l: 56.49999999999999%;
3083
+ --dt-color-chart-categorical-15-a: 100%;
3084
+ --dt-color-chart-categorical-15-hsl: var(--dt-color-chart-categorical-15-h) var(--dt-color-chart-categorical-15-s) var(--dt-color-chart-categorical-15-l);
3085
+ --dt-color-chart-categorical-15-hsla: hsl(var(--dt-color-chart-categorical-15-h) var(--dt-color-chart-categorical-15-s) var(--dt-color-chart-categorical-15-l) / var(--alpha, 100%));
3086
+ --dt-color-chart-categorical-15: hsl(367 99.2% 56.5%);
3087
+ --dt-color-chart-categorical-14-h: 234;
3088
+ --dt-color-chart-categorical-14-s: 83.7%;
3089
+ --dt-color-chart-categorical-14-l: 64.2%;
3090
+ --dt-color-chart-categorical-14-a: 100%;
3091
+ --dt-color-chart-categorical-14-hsl: var(--dt-color-chart-categorical-14-h) var(--dt-color-chart-categorical-14-s) var(--dt-color-chart-categorical-14-l);
3092
+ --dt-color-chart-categorical-14-hsla: hsl(var(--dt-color-chart-categorical-14-h) var(--dt-color-chart-categorical-14-s) var(--dt-color-chart-categorical-14-l) / var(--alpha, 100%));
3093
+ --dt-color-chart-categorical-14: hsl(234 83.7% 64.2%);
3094
+ --dt-color-chart-categorical-13-h: 374;
3095
+ --dt-color-chart-categorical-13-s: 87.9%;
3096
+ --dt-color-chart-categorical-13-l: 61.5%;
3097
+ --dt-color-chart-categorical-13-a: 100%;
3098
+ --dt-color-chart-categorical-13-hsl: var(--dt-color-chart-categorical-13-h) var(--dt-color-chart-categorical-13-s) var(--dt-color-chart-categorical-13-l);
3099
+ --dt-color-chart-categorical-13-hsla: hsl(var(--dt-color-chart-categorical-13-h) var(--dt-color-chart-categorical-13-s) var(--dt-color-chart-categorical-13-l) / var(--alpha, 100%));
3100
+ --dt-color-chart-categorical-13: hsl(374 87.9% 61.5%);
3101
+ --dt-color-chart-categorical-12-h: 296;
3102
+ --dt-color-chart-categorical-12-s: 97.1%;
3103
+ --dt-color-chart-categorical-12-l: 65.9%;
3104
+ --dt-color-chart-categorical-12-a: 100%;
3105
+ --dt-color-chart-categorical-12-hsl: var(--dt-color-chart-categorical-12-h) var(--dt-color-chart-categorical-12-s) var(--dt-color-chart-categorical-12-l);
3106
+ --dt-color-chart-categorical-12-hsla: hsl(var(--dt-color-chart-categorical-12-h) var(--dt-color-chart-categorical-12-s) var(--dt-color-chart-categorical-12-l) / var(--alpha, 100%));
3107
+ --dt-color-chart-categorical-12: hsl(296 97.1% 65.9%);
3052
3108
  --dt-color-surface-primary-opaque-inverted-h: 0;
3053
3109
  --dt-color-surface-primary-opaque-inverted-s: 0%;
3054
3110
  --dt-color-surface-primary-opaque-inverted-l: 0%;
@@ -3176,6 +3232,90 @@
3176
3232
  --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
3177
3233
  --dt-color-link-critical: var(--dt-color-foreground-critical);
3178
3234
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
3235
+ --dt-shell-action-color-background-muted-selected-h: 15.2;
3236
+ --dt-shell-action-color-background-muted-selected-s: 88.8%;
3237
+ --dt-shell-action-color-background-muted-selected-l: 21%;
3238
+ --dt-shell-action-color-background-muted-selected-a: 7%;
3239
+ --dt-shell-action-color-background-muted-selected-hsl: var(--dt-shell-action-color-background-muted-selected-h) var(--dt-shell-action-color-background-muted-selected-s) var(--dt-shell-action-color-background-muted-selected-l);
3240
+ --dt-shell-action-color-background-muted-selected-hsla: hsl(var(--dt-shell-action-color-background-muted-selected-h) var(--dt-shell-action-color-background-muted-selected-s) var(--dt-shell-action-color-background-muted-selected-l) / var(--alpha, 7%));
3241
+ --dt-shell-action-color-background-muted-selected: hsl(15.2 88.8% 21% / 0.07);
3242
+ --dt-shell-action-color-background-muted-active-h: 15.2;
3243
+ --dt-shell-action-color-background-muted-active-s: 88.8%;
3244
+ --dt-shell-action-color-background-muted-active-l: 21%;
3245
+ --dt-shell-action-color-background-muted-active-a: 7%;
3246
+ --dt-shell-action-color-background-muted-active-hsl: var(--dt-shell-action-color-background-muted-active-h) var(--dt-shell-action-color-background-muted-active-s) var(--dt-shell-action-color-background-muted-active-l);
3247
+ --dt-shell-action-color-background-muted-active-hsla: hsl(var(--dt-shell-action-color-background-muted-active-h) var(--dt-shell-action-color-background-muted-active-s) var(--dt-shell-action-color-background-muted-active-l) / var(--alpha, 7%));
3248
+ --dt-shell-action-color-background-muted-active: hsl(15.2 88.8% 21% / 0.07);
3249
+ --dt-shell-action-color-background-muted-hover-h: 15.2;
3250
+ --dt-shell-action-color-background-muted-hover-s: 88.8%;
3251
+ --dt-shell-action-color-background-muted-hover-l: 21%;
3252
+ --dt-shell-action-color-background-muted-hover-a: 10%;
3253
+ --dt-shell-action-color-background-muted-hover-hsl: var(--dt-shell-action-color-background-muted-hover-h) var(--dt-shell-action-color-background-muted-hover-s) var(--dt-shell-action-color-background-muted-hover-l);
3254
+ --dt-shell-action-color-background-muted-hover-hsla: hsl(var(--dt-shell-action-color-background-muted-hover-h) var(--dt-shell-action-color-background-muted-hover-s) var(--dt-shell-action-color-background-muted-hover-l) / var(--alpha, 10%));
3255
+ --dt-shell-action-color-background-muted-hover: hsl(15.2 88.8% 21% / 0.1);
3256
+ --dt-shell-action-color-background-muted-default-h: 15.2;
3257
+ --dt-shell-action-color-background-muted-default-s: 88.8%;
3258
+ --dt-shell-action-color-background-muted-default-l: 21%;
3259
+ --dt-shell-action-color-background-muted-default-a: 5%;
3260
+ --dt-shell-action-color-background-muted-default-hsl: var(--dt-shell-action-color-background-muted-default-h) var(--dt-shell-action-color-background-muted-default-s) var(--dt-shell-action-color-background-muted-default-l);
3261
+ --dt-shell-action-color-background-muted-default-hsla: hsl(var(--dt-shell-action-color-background-muted-default-h) var(--dt-shell-action-color-background-muted-default-s) var(--dt-shell-action-color-background-muted-default-l) / var(--alpha, 5%));
3262
+ --dt-shell-action-color-background-muted-default: hsl(15.2 88.8% 21% / 0.05);
3263
+ --dt-shell-action-color-background-secondary-selected-h: 15.2;
3264
+ --dt-shell-action-color-background-secondary-selected-s: 88.8%;
3265
+ --dt-shell-action-color-background-secondary-selected-l: 21%;
3266
+ --dt-shell-action-color-background-secondary-selected-a: 13%;
3267
+ --dt-shell-action-color-background-secondary-selected-hsl: var(--dt-shell-action-color-background-secondary-selected-h) var(--dt-shell-action-color-background-secondary-selected-s) var(--dt-shell-action-color-background-secondary-selected-l);
3268
+ --dt-shell-action-color-background-secondary-selected-hsla: hsl(var(--dt-shell-action-color-background-secondary-selected-h) var(--dt-shell-action-color-background-secondary-selected-s) var(--dt-shell-action-color-background-secondary-selected-l) / var(--alpha, 13%));
3269
+ --dt-shell-action-color-background-secondary-selected: hsl(15.2 88.8% 21% / 0.13);
3270
+ --dt-shell-action-color-background-secondary-active-h: 15.2;
3271
+ --dt-shell-action-color-background-secondary-active-s: 88.8%;
3272
+ --dt-shell-action-color-background-secondary-active-l: 21%;
3273
+ --dt-shell-action-color-background-secondary-active-a: 16%;
3274
+ --dt-shell-action-color-background-secondary-active-hsl: var(--dt-shell-action-color-background-secondary-active-h) var(--dt-shell-action-color-background-secondary-active-s) var(--dt-shell-action-color-background-secondary-active-l);
3275
+ --dt-shell-action-color-background-secondary-active-hsla: hsl(var(--dt-shell-action-color-background-secondary-active-h) var(--dt-shell-action-color-background-secondary-active-s) var(--dt-shell-action-color-background-secondary-active-l) / var(--alpha, 16%));
3276
+ --dt-shell-action-color-background-secondary-active: hsl(15.2 88.8% 21% / 0.16);
3277
+ --dt-shell-action-color-background-secondary-hover-h: 15.2;
3278
+ --dt-shell-action-color-background-secondary-hover-s: 88.8%;
3279
+ --dt-shell-action-color-background-secondary-hover-l: 21%;
3280
+ --dt-shell-action-color-background-secondary-hover-a: 10%;
3281
+ --dt-shell-action-color-background-secondary-hover-hsl: var(--dt-shell-action-color-background-secondary-hover-h) var(--dt-shell-action-color-background-secondary-hover-s) var(--dt-shell-action-color-background-secondary-hover-l);
3282
+ --dt-shell-action-color-background-secondary-hover-hsla: hsl(var(--dt-shell-action-color-background-secondary-hover-h) var(--dt-shell-action-color-background-secondary-hover-s) var(--dt-shell-action-color-background-secondary-hover-l) / var(--alpha, 10%));
3283
+ --dt-shell-action-color-background-secondary-hover: hsl(15.2 88.8% 21% / 0.1);
3284
+ --dt-shell-action-color-background-secondary-default-h: 15.2;
3285
+ --dt-shell-action-color-background-secondary-default-s: 88.8%;
3286
+ --dt-shell-action-color-background-secondary-default-l: 21%;
3287
+ --dt-shell-action-color-background-secondary-default-a: 0%;
3288
+ --dt-shell-action-color-background-secondary-default-hsl: var(--dt-shell-action-color-background-secondary-default-h) var(--dt-shell-action-color-background-secondary-default-s) var(--dt-shell-action-color-background-secondary-default-l);
3289
+ --dt-shell-action-color-background-secondary-default-hsla: hsl(var(--dt-shell-action-color-background-secondary-default-h) var(--dt-shell-action-color-background-secondary-default-s) var(--dt-shell-action-color-background-secondary-default-l) / var(--alpha, 0%));
3290
+ --dt-shell-action-color-background-secondary-default: hsl(15.2 88.8% 21% / 0);
3291
+ --dt-shell-action-color-background-primary-selected-h: 15.2;
3292
+ --dt-shell-action-color-background-primary-selected-s: 88.8%;
3293
+ --dt-shell-action-color-background-primary-selected-l: 21%;
3294
+ --dt-shell-action-color-background-primary-selected-a: 13%;
3295
+ --dt-shell-action-color-background-primary-selected-hsl: var(--dt-shell-action-color-background-primary-selected-h) var(--dt-shell-action-color-background-primary-selected-s) var(--dt-shell-action-color-background-primary-selected-l);
3296
+ --dt-shell-action-color-background-primary-selected-hsla: hsl(var(--dt-shell-action-color-background-primary-selected-h) var(--dt-shell-action-color-background-primary-selected-s) var(--dt-shell-action-color-background-primary-selected-l) / var(--alpha, 13%));
3297
+ --dt-shell-action-color-background-primary-selected: hsl(15.2 88.8% 21% / 0.13);
3298
+ --dt-shell-action-color-background-primary-active-h: 15.2;
3299
+ --dt-shell-action-color-background-primary-active-s: 88.8%;
3300
+ --dt-shell-action-color-background-primary-active-l: 21%;
3301
+ --dt-shell-action-color-background-primary-active-a: 16%;
3302
+ --dt-shell-action-color-background-primary-active-hsl: var(--dt-shell-action-color-background-primary-active-h) var(--dt-shell-action-color-background-primary-active-s) var(--dt-shell-action-color-background-primary-active-l);
3303
+ --dt-shell-action-color-background-primary-active-hsla: hsl(var(--dt-shell-action-color-background-primary-active-h) var(--dt-shell-action-color-background-primary-active-s) var(--dt-shell-action-color-background-primary-active-l) / var(--alpha, 16%));
3304
+ --dt-shell-action-color-background-primary-active: hsl(15.2 88.8% 21% / 0.16);
3305
+ --dt-shell-action-color-background-primary-hover-h: 15.2;
3306
+ --dt-shell-action-color-background-primary-hover-s: 88.8%;
3307
+ --dt-shell-action-color-background-primary-hover-l: 21%;
3308
+ --dt-shell-action-color-background-primary-hover-a: 10%;
3309
+ --dt-shell-action-color-background-primary-hover-hsl: var(--dt-shell-action-color-background-primary-hover-h) var(--dt-shell-action-color-background-primary-hover-s) var(--dt-shell-action-color-background-primary-hover-l);
3310
+ --dt-shell-action-color-background-primary-hover-hsla: hsl(var(--dt-shell-action-color-background-primary-hover-h) var(--dt-shell-action-color-background-primary-hover-s) var(--dt-shell-action-color-background-primary-hover-l) / var(--alpha, 10%));
3311
+ --dt-shell-action-color-background-primary-hover: hsl(15.2 88.8% 21% / 0.1);
3312
+ --dt-shell-action-color-background-primary-default-h: 15.2;
3313
+ --dt-shell-action-color-background-primary-default-s: 88.8%;
3314
+ --dt-shell-action-color-background-primary-default-l: 21%;
3315
+ --dt-shell-action-color-background-primary-default-a: 0%;
3316
+ --dt-shell-action-color-background-primary-default-hsl: var(--dt-shell-action-color-background-primary-default-h) var(--dt-shell-action-color-background-primary-default-s) var(--dt-shell-action-color-background-primary-default-l);
3317
+ --dt-shell-action-color-background-primary-default-hsla: hsl(var(--dt-shell-action-color-background-primary-default-h) var(--dt-shell-action-color-background-primary-default-s) var(--dt-shell-action-color-background-primary-default-l) / var(--alpha, 0%));
3318
+ --dt-shell-action-color-background-primary-default: hsl(15.2 88.8% 21% / 0);
3179
3319
  --dt-shell-action-color-foreground-muted-default-h: var(--dt-shell-color-foreground-muted-h);
3180
3320
  --dt-shell-action-color-foreground-muted-default-s: var(--dt-shell-color-foreground-muted-s);
3181
3321
  --dt-shell-action-color-foreground-muted-default-l: var(--dt-shell-color-foreground-muted-l);
@@ -3388,6 +3528,342 @@
3388
3528
  --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
3389
3529
  --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
3390
3530
  --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family); /* Text style for extra small inputs (e.g. input and textarea) */
3531
+ --dt-color-chart-sequential-09-selected-h: 205;
3532
+ --dt-color-chart-sequential-09-selected-s: 41.9%;
3533
+ --dt-color-chart-sequential-09-selected-l: 19.3%;
3534
+ --dt-color-chart-sequential-09-selected-a: 100%;
3535
+ --dt-color-chart-sequential-09-selected-hsl: var(--dt-color-chart-sequential-09-selected-h) var(--dt-color-chart-sequential-09-selected-s) var(--dt-color-chart-sequential-09-selected-l);
3536
+ --dt-color-chart-sequential-09-selected-hsla: hsl(var(--dt-color-chart-sequential-09-selected-h) var(--dt-color-chart-sequential-09-selected-s) var(--dt-color-chart-sequential-09-selected-l) / var(--alpha, 100%));
3537
+ --dt-color-chart-sequential-09-selected: hsl(205 41.9% 19.3%); /* Selected state for ninth sequential chart color. */
3538
+ --dt-color-chart-sequential-09-hover-h: 205;
3539
+ --dt-color-chart-sequential-09-hover-s: 50.9%;
3540
+ --dt-color-chart-sequential-09-hover-l: 23.4%;
3541
+ --dt-color-chart-sequential-09-hover-a: 100%;
3542
+ --dt-color-chart-sequential-09-hover-hsl: var(--dt-color-chart-sequential-09-hover-h) var(--dt-color-chart-sequential-09-hover-s) var(--dt-color-chart-sequential-09-hover-l);
3543
+ --dt-color-chart-sequential-09-hover-hsla: hsl(var(--dt-color-chart-sequential-09-hover-h) var(--dt-color-chart-sequential-09-hover-s) var(--dt-color-chart-sequential-09-hover-l) / var(--alpha, 100%));
3544
+ --dt-color-chart-sequential-09-hover: hsl(205 50.9% 23.4%); /* Hover state for ninth sequential chart color. */
3545
+ --dt-color-chart-sequential-08-selected-h: 207;
3546
+ --dt-color-chart-sequential-08-selected-s: 41.2%;
3547
+ --dt-color-chart-sequential-08-selected-l: 25.1%;
3548
+ --dt-color-chart-sequential-08-selected-a: 100%;
3549
+ --dt-color-chart-sequential-08-selected-hsl: var(--dt-color-chart-sequential-08-selected-h) var(--dt-color-chart-sequential-08-selected-s) var(--dt-color-chart-sequential-08-selected-l);
3550
+ --dt-color-chart-sequential-08-selected-hsla: hsl(var(--dt-color-chart-sequential-08-selected-h) var(--dt-color-chart-sequential-08-selected-s) var(--dt-color-chart-sequential-08-selected-l) / var(--alpha, 100%));
3551
+ --dt-color-chart-sequential-08-selected: hsl(207 41.2% 25.1%); /* Selected state for eighth sequential chart color. */
3552
+ --dt-color-chart-sequential-08-hover-h: 207;
3553
+ --dt-color-chart-sequential-08-hover-s: 50.1%;
3554
+ --dt-color-chart-sequential-08-hover-l: 30.4%;
3555
+ --dt-color-chart-sequential-08-hover-a: 100%;
3556
+ --dt-color-chart-sequential-08-hover-hsl: var(--dt-color-chart-sequential-08-hover-h) var(--dt-color-chart-sequential-08-hover-s) var(--dt-color-chart-sequential-08-hover-l);
3557
+ --dt-color-chart-sequential-08-hover-hsla: hsl(var(--dt-color-chart-sequential-08-hover-h) var(--dt-color-chart-sequential-08-hover-s) var(--dt-color-chart-sequential-08-hover-l) / var(--alpha, 100%));
3558
+ --dt-color-chart-sequential-08-hover: hsl(207 50.1% 30.4%); /* Hover state for eighth sequential chart color. */
3559
+ --dt-color-chart-sequential-07-selected-h: 209;
3560
+ --dt-color-chart-sequential-07-selected-s: 40.5%;
3561
+ --dt-color-chart-sequential-07-selected-l: 31.4%;
3562
+ --dt-color-chart-sequential-07-selected-a: 100%;
3563
+ --dt-color-chart-sequential-07-selected-hsl: var(--dt-color-chart-sequential-07-selected-h) var(--dt-color-chart-sequential-07-selected-s) var(--dt-color-chart-sequential-07-selected-l);
3564
+ --dt-color-chart-sequential-07-selected-hsla: hsl(var(--dt-color-chart-sequential-07-selected-h) var(--dt-color-chart-sequential-07-selected-s) var(--dt-color-chart-sequential-07-selected-l) / var(--alpha, 100%));
3565
+ --dt-color-chart-sequential-07-selected: hsl(209 40.5% 31.4%); /* Selected state for seventh sequential chart color. */
3566
+ --dt-color-chart-sequential-07-hover-h: 209;
3567
+ --dt-color-chart-sequential-07-hover-s: 49.2%;
3568
+ --dt-color-chart-sequential-07-hover-l: 38.1%;
3569
+ --dt-color-chart-sequential-07-hover-a: 100%;
3570
+ --dt-color-chart-sequential-07-hover-hsl: var(--dt-color-chart-sequential-07-hover-h) var(--dt-color-chart-sequential-07-hover-s) var(--dt-color-chart-sequential-07-hover-l);
3571
+ --dt-color-chart-sequential-07-hover-hsla: hsl(var(--dt-color-chart-sequential-07-hover-h) var(--dt-color-chart-sequential-07-hover-s) var(--dt-color-chart-sequential-07-hover-l) / var(--alpha, 100%));
3572
+ --dt-color-chart-sequential-07-hover: hsl(209 49.2% 38.1%); /* Hover state for seventh sequential chart color. */
3573
+ --dt-color-chart-sequential-06-selected-h: 211;
3574
+ --dt-color-chart-sequential-06-selected-s: 39.8%;
3575
+ --dt-color-chart-sequential-06-selected-l: 37.1%;
3576
+ --dt-color-chart-sequential-06-selected-a: 100%;
3577
+ --dt-color-chart-sequential-06-selected-hsl: var(--dt-color-chart-sequential-06-selected-h) var(--dt-color-chart-sequential-06-selected-s) var(--dt-color-chart-sequential-06-selected-l);
3578
+ --dt-color-chart-sequential-06-selected-hsla: hsl(var(--dt-color-chart-sequential-06-selected-h) var(--dt-color-chart-sequential-06-selected-s) var(--dt-color-chart-sequential-06-selected-l) / var(--alpha, 100%));
3579
+ --dt-color-chart-sequential-06-selected: hsl(211 39.8% 37.1%); /* Selected state for sixth sequential chart color. */
3580
+ --dt-color-chart-sequential-06-hover-h: 211;
3581
+ --dt-color-chart-sequential-06-hover-s: 48.4%;
3582
+ --dt-color-chart-sequential-06-hover-l: 45%;
3583
+ --dt-color-chart-sequential-06-hover-a: 100%;
3584
+ --dt-color-chart-sequential-06-hover-hsl: var(--dt-color-chart-sequential-06-hover-h) var(--dt-color-chart-sequential-06-hover-s) var(--dt-color-chart-sequential-06-hover-l);
3585
+ --dt-color-chart-sequential-06-hover-hsla: hsl(var(--dt-color-chart-sequential-06-hover-h) var(--dt-color-chart-sequential-06-hover-s) var(--dt-color-chart-sequential-06-hover-l) / var(--alpha, 100%));
3586
+ --dt-color-chart-sequential-06-hover: hsl(211 48.4% 45%); /* Hover state for sixth sequential chart color. */
3587
+ --dt-color-chart-sequential-05-selected-h: 213;
3588
+ --dt-color-chart-sequential-05-selected-s: 39.1%;
3589
+ --dt-color-chart-sequential-05-selected-l: 43.5%;
3590
+ --dt-color-chart-sequential-05-selected-a: 100%;
3591
+ --dt-color-chart-sequential-05-selected-hsl: var(--dt-color-chart-sequential-05-selected-h) var(--dt-color-chart-sequential-05-selected-s) var(--dt-color-chart-sequential-05-selected-l);
3592
+ --dt-color-chart-sequential-05-selected-hsla: hsl(var(--dt-color-chart-sequential-05-selected-h) var(--dt-color-chart-sequential-05-selected-s) var(--dt-color-chart-sequential-05-selected-l) / var(--alpha, 100%));
3593
+ --dt-color-chart-sequential-05-selected: hsl(213 39.1% 43.5%); /* Selected state for fifth sequential chart color. */
3594
+ --dt-color-chart-sequential-05-hover-h: 213;
3595
+ --dt-color-chart-sequential-05-hover-s: 47.5%;
3596
+ --dt-color-chart-sequential-05-hover-l: 52.800000000000004%;
3597
+ --dt-color-chart-sequential-05-hover-a: 100%;
3598
+ --dt-color-chart-sequential-05-hover-hsl: var(--dt-color-chart-sequential-05-hover-h) var(--dt-color-chart-sequential-05-hover-s) var(--dt-color-chart-sequential-05-hover-l);
3599
+ --dt-color-chart-sequential-05-hover-hsla: hsl(var(--dt-color-chart-sequential-05-hover-h) var(--dt-color-chart-sequential-05-hover-s) var(--dt-color-chart-sequential-05-hover-l) / var(--alpha, 100%));
3600
+ --dt-color-chart-sequential-05-hover: hsl(213 47.5% 52.8%); /* Hover state for fifth sequential chart color. */
3601
+ --dt-color-chart-sequential-04-selected-h: 216;
3602
+ --dt-color-chart-sequential-04-selected-s: 38.4%;
3603
+ --dt-color-chart-sequential-04-selected-l: 49.2%;
3604
+ --dt-color-chart-sequential-04-selected-a: 100%;
3605
+ --dt-color-chart-sequential-04-selected-hsl: var(--dt-color-chart-sequential-04-selected-h) var(--dt-color-chart-sequential-04-selected-s) var(--dt-color-chart-sequential-04-selected-l);
3606
+ --dt-color-chart-sequential-04-selected-hsla: hsl(var(--dt-color-chart-sequential-04-selected-h) var(--dt-color-chart-sequential-04-selected-s) var(--dt-color-chart-sequential-04-selected-l) / var(--alpha, 100%));
3607
+ --dt-color-chart-sequential-04-selected: hsl(216 38.4% 49.2%); /* Selected state for fourth sequential chart color. */
3608
+ --dt-color-chart-sequential-04-hover-h: 216;
3609
+ --dt-color-chart-sequential-04-hover-s: 46.7%;
3610
+ --dt-color-chart-sequential-04-hover-l: 59.8%;
3611
+ --dt-color-chart-sequential-04-hover-a: 100%;
3612
+ --dt-color-chart-sequential-04-hover-hsl: var(--dt-color-chart-sequential-04-hover-h) var(--dt-color-chart-sequential-04-hover-s) var(--dt-color-chart-sequential-04-hover-l);
3613
+ --dt-color-chart-sequential-04-hover-hsla: hsl(var(--dt-color-chart-sequential-04-hover-h) var(--dt-color-chart-sequential-04-hover-s) var(--dt-color-chart-sequential-04-hover-l) / var(--alpha, 100%));
3614
+ --dt-color-chart-sequential-04-hover: hsl(216 46.7% 59.8%); /* Hover state for fourth sequential chart color. */
3615
+ --dt-color-chart-sequential-03-selected-h: 218;
3616
+ --dt-color-chart-sequential-03-selected-s: 37.7%;
3617
+ --dt-color-chart-sequential-03-selected-l: 55.50000000000001%;
3618
+ --dt-color-chart-sequential-03-selected-a: 100%;
3619
+ --dt-color-chart-sequential-03-selected-hsl: var(--dt-color-chart-sequential-03-selected-h) var(--dt-color-chart-sequential-03-selected-s) var(--dt-color-chart-sequential-03-selected-l);
3620
+ --dt-color-chart-sequential-03-selected-hsla: hsl(var(--dt-color-chart-sequential-03-selected-h) var(--dt-color-chart-sequential-03-selected-s) var(--dt-color-chart-sequential-03-selected-l) / var(--alpha, 100%));
3621
+ --dt-color-chart-sequential-03-selected: hsl(218 37.7% 55.5%); /* Selected state for third sequential chart color. */
3622
+ --dt-color-chart-sequential-03-hover-h: 218;
3623
+ --dt-color-chart-sequential-03-hover-s: 45.7%;
3624
+ --dt-color-chart-sequential-03-hover-l: 67.4%;
3625
+ --dt-color-chart-sequential-03-hover-a: 100%;
3626
+ --dt-color-chart-sequential-03-hover-hsl: var(--dt-color-chart-sequential-03-hover-h) var(--dt-color-chart-sequential-03-hover-s) var(--dt-color-chart-sequential-03-hover-l);
3627
+ --dt-color-chart-sequential-03-hover-hsla: hsl(var(--dt-color-chart-sequential-03-hover-h) var(--dt-color-chart-sequential-03-hover-s) var(--dt-color-chart-sequential-03-hover-l) / var(--alpha, 100%));
3628
+ --dt-color-chart-sequential-03-hover: hsl(218 45.7% 67.4%); /* Hover state for third sequential chart color. */
3629
+ --dt-color-chart-sequential-02-selected-h: 220;
3630
+ --dt-color-chart-sequential-02-selected-s: 37%;
3631
+ --dt-color-chart-sequential-02-selected-l: 61.3%;
3632
+ --dt-color-chart-sequential-02-selected-a: 100%;
3633
+ --dt-color-chart-sequential-02-selected-hsl: var(--dt-color-chart-sequential-02-selected-h) var(--dt-color-chart-sequential-02-selected-s) var(--dt-color-chart-sequential-02-selected-l);
3634
+ --dt-color-chart-sequential-02-selected-hsla: hsl(var(--dt-color-chart-sequential-02-selected-h) var(--dt-color-chart-sequential-02-selected-s) var(--dt-color-chart-sequential-02-selected-l) / var(--alpha, 100%));
3635
+ --dt-color-chart-sequential-02-selected: hsl(220 37% 61.3%); /* Selected state for second sequential chart color. */
3636
+ --dt-color-chart-sequential-02-hover-h: 220;
3637
+ --dt-color-chart-sequential-02-hover-s: 45%;
3638
+ --dt-color-chart-sequential-02-hover-l: 74.5%;
3639
+ --dt-color-chart-sequential-02-hover-a: 100%;
3640
+ --dt-color-chart-sequential-02-hover-hsl: var(--dt-color-chart-sequential-02-hover-h) var(--dt-color-chart-sequential-02-hover-s) var(--dt-color-chart-sequential-02-hover-l);
3641
+ --dt-color-chart-sequential-02-hover-hsla: hsl(var(--dt-color-chart-sequential-02-hover-h) var(--dt-color-chart-sequential-02-hover-s) var(--dt-color-chart-sequential-02-hover-l) / var(--alpha, 100%));
3642
+ --dt-color-chart-sequential-02-hover: hsl(220 45% 74.5%); /* Hover state for second sequential chart color. */
3643
+ --dt-color-chart-categorical-28-selected-h: 224;
3644
+ --dt-color-chart-categorical-28-selected-s: 82.2%;
3645
+ --dt-color-chart-categorical-28-selected-l: 44%;
3646
+ --dt-color-chart-categorical-28-selected-a: 100%;
3647
+ --dt-color-chart-categorical-28-selected-hsl: var(--dt-color-chart-categorical-28-selected-h) var(--dt-color-chart-categorical-28-selected-s) var(--dt-color-chart-categorical-28-selected-l);
3648
+ --dt-color-chart-categorical-28-selected-hsla: hsl(var(--dt-color-chart-categorical-28-selected-h) var(--dt-color-chart-categorical-28-selected-s) var(--dt-color-chart-categorical-28-selected-l) / var(--alpha, 100%));
3649
+ --dt-color-chart-categorical-28-selected: hsl(224 82.2% 44%);
3650
+ --dt-color-chart-categorical-28-hover-h: 224;
3651
+ --dt-color-chart-categorical-28-hover-s: 82.2%;
3652
+ --dt-color-chart-categorical-28-hover-l: 53.5%;
3653
+ --dt-color-chart-categorical-28-hover-a: 100%;
3654
+ --dt-color-chart-categorical-28-hover-hsl: var(--dt-color-chart-categorical-28-hover-h) var(--dt-color-chart-categorical-28-hover-s) var(--dt-color-chart-categorical-28-hover-l);
3655
+ --dt-color-chart-categorical-28-hover-hsla: hsl(var(--dt-color-chart-categorical-28-hover-h) var(--dt-color-chart-categorical-28-hover-s) var(--dt-color-chart-categorical-28-hover-l) / var(--alpha, 100%));
3656
+ --dt-color-chart-categorical-28-hover: hsl(224 82.2% 53.5%);
3657
+ --dt-color-chart-categorical-26-selected-h: 353;
3658
+ --dt-color-chart-categorical-26-selected-s: 98.8%;
3659
+ --dt-color-chart-categorical-26-selected-l: 40.9%;
3660
+ --dt-color-chart-categorical-26-selected-a: 100%;
3661
+ --dt-color-chart-categorical-26-selected-hsl: var(--dt-color-chart-categorical-26-selected-h) var(--dt-color-chart-categorical-26-selected-s) var(--dt-color-chart-categorical-26-selected-l);
3662
+ --dt-color-chart-categorical-26-selected-hsla: hsl(var(--dt-color-chart-categorical-26-selected-h) var(--dt-color-chart-categorical-26-selected-s) var(--dt-color-chart-categorical-26-selected-l) / var(--alpha, 100%));
3663
+ --dt-color-chart-categorical-26-selected: hsl(353 98.8% 40.9%);
3664
+ --dt-color-chart-categorical-26-hover-h: 353;
3665
+ --dt-color-chart-categorical-26-hover-s: 98.8%;
3666
+ --dt-color-chart-categorical-26-hover-l: 49.6%;
3667
+ --dt-color-chart-categorical-26-hover-a: 100%;
3668
+ --dt-color-chart-categorical-26-hover-hsl: var(--dt-color-chart-categorical-26-hover-h) var(--dt-color-chart-categorical-26-hover-s) var(--dt-color-chart-categorical-26-hover-l);
3669
+ --dt-color-chart-categorical-26-hover-hsla: hsl(var(--dt-color-chart-categorical-26-hover-h) var(--dt-color-chart-categorical-26-hover-s) var(--dt-color-chart-categorical-26-hover-l) / var(--alpha, 100%));
3670
+ --dt-color-chart-categorical-26-hover: hsl(353 98.8% 49.6%);
3671
+ --dt-color-chart-categorical-22-selected-h: 324;
3672
+ --dt-color-chart-categorical-22-selected-s: 39%;
3673
+ --dt-color-chart-categorical-22-selected-l: 51.1%;
3674
+ --dt-color-chart-categorical-22-selected-a: 100%;
3675
+ --dt-color-chart-categorical-22-selected-hsl: var(--dt-color-chart-categorical-22-selected-h) var(--dt-color-chart-categorical-22-selected-s) var(--dt-color-chart-categorical-22-selected-l);
3676
+ --dt-color-chart-categorical-22-selected-hsla: hsl(var(--dt-color-chart-categorical-22-selected-h) var(--dt-color-chart-categorical-22-selected-s) var(--dt-color-chart-categorical-22-selected-l) / var(--alpha, 100%));
3677
+ --dt-color-chart-categorical-22-selected: hsl(324 39% 51.1%);
3678
+ --dt-color-chart-categorical-22-hover-h: 324;
3679
+ --dt-color-chart-categorical-22-hover-s: 39%;
3680
+ --dt-color-chart-categorical-22-hover-l: 62%;
3681
+ --dt-color-chart-categorical-22-hover-a: 100%;
3682
+ --dt-color-chart-categorical-22-hover-hsl: var(--dt-color-chart-categorical-22-hover-h) var(--dt-color-chart-categorical-22-hover-s) var(--dt-color-chart-categorical-22-hover-l);
3683
+ --dt-color-chart-categorical-22-hover-hsla: hsl(var(--dt-color-chart-categorical-22-hover-h) var(--dt-color-chart-categorical-22-hover-s) var(--dt-color-chart-categorical-22-hover-l) / var(--alpha, 100%));
3684
+ --dt-color-chart-categorical-22-hover: hsl(324 39% 62%);
3685
+ --dt-color-chart-categorical-21-selected-h: 95.6;
3686
+ --dt-color-chart-categorical-21-selected-s: 71.5%;
3687
+ --dt-color-chart-categorical-21-selected-l: 37.7%;
3688
+ --dt-color-chart-categorical-21-selected-a: 100%;
3689
+ --dt-color-chart-categorical-21-selected-hsl: var(--dt-color-chart-categorical-21-selected-h) var(--dt-color-chart-categorical-21-selected-s) var(--dt-color-chart-categorical-21-selected-l);
3690
+ --dt-color-chart-categorical-21-selected-hsla: hsl(var(--dt-color-chart-categorical-21-selected-h) var(--dt-color-chart-categorical-21-selected-s) var(--dt-color-chart-categorical-21-selected-l) / var(--alpha, 100%));
3691
+ --dt-color-chart-categorical-21-selected: hsl(95.6 71.5% 37.7%);
3692
+ --dt-color-chart-categorical-21-hover-h: 95.6;
3693
+ --dt-color-chart-categorical-21-hover-s: 71.5%;
3694
+ --dt-color-chart-categorical-21-hover-l: 45.8%;
3695
+ --dt-color-chart-categorical-21-hover-a: 100%;
3696
+ --dt-color-chart-categorical-21-hover-hsl: var(--dt-color-chart-categorical-21-hover-h) var(--dt-color-chart-categorical-21-hover-s) var(--dt-color-chart-categorical-21-hover-l);
3697
+ --dt-color-chart-categorical-21-hover-hsla: hsl(var(--dt-color-chart-categorical-21-hover-h) var(--dt-color-chart-categorical-21-hover-s) var(--dt-color-chart-categorical-21-hover-l) / var(--alpha, 100%));
3698
+ --dt-color-chart-categorical-21-hover: hsl(95.6 71.5% 45.8%);
3699
+ --dt-color-chart-categorical-20-selected-h: 224;
3700
+ --dt-color-chart-categorical-20-selected-s: 82.2%;
3701
+ --dt-color-chart-categorical-20-selected-l: 44%;
3702
+ --dt-color-chart-categorical-20-selected-a: 100%;
3703
+ --dt-color-chart-categorical-20-selected-hsl: var(--dt-color-chart-categorical-20-selected-h) var(--dt-color-chart-categorical-20-selected-s) var(--dt-color-chart-categorical-20-selected-l);
3704
+ --dt-color-chart-categorical-20-selected-hsla: hsl(var(--dt-color-chart-categorical-20-selected-h) var(--dt-color-chart-categorical-20-selected-s) var(--dt-color-chart-categorical-20-selected-l) / var(--alpha, 100%));
3705
+ --dt-color-chart-categorical-20-selected: hsl(224 82.2% 44%);
3706
+ --dt-color-chart-categorical-20-hover-h: 224;
3707
+ --dt-color-chart-categorical-20-hover-s: 82.2%;
3708
+ --dt-color-chart-categorical-20-hover-l: 53.5%;
3709
+ --dt-color-chart-categorical-20-hover-a: 100%;
3710
+ --dt-color-chart-categorical-20-hover-hsl: var(--dt-color-chart-categorical-20-hover-h) var(--dt-color-chart-categorical-20-hover-s) var(--dt-color-chart-categorical-20-hover-l);
3711
+ --dt-color-chart-categorical-20-hover-hsla: hsl(var(--dt-color-chart-categorical-20-hover-h) var(--dt-color-chart-categorical-20-hover-s) var(--dt-color-chart-categorical-20-hover-l) / var(--alpha, 100%));
3712
+ --dt-color-chart-categorical-20-hover: hsl(224 82.2% 53.5%);
3713
+ --dt-color-chart-categorical-19-selected-h: 190;
3714
+ --dt-color-chart-categorical-19-selected-s: 78.1%;
3715
+ --dt-color-chart-categorical-19-selected-l: 41.4%;
3716
+ --dt-color-chart-categorical-19-selected-a: 100%;
3717
+ --dt-color-chart-categorical-19-selected-hsl: var(--dt-color-chart-categorical-19-selected-h) var(--dt-color-chart-categorical-19-selected-s) var(--dt-color-chart-categorical-19-selected-l);
3718
+ --dt-color-chart-categorical-19-selected-hsla: hsl(var(--dt-color-chart-categorical-19-selected-h) var(--dt-color-chart-categorical-19-selected-s) var(--dt-color-chart-categorical-19-selected-l) / var(--alpha, 100%));
3719
+ --dt-color-chart-categorical-19-selected: hsl(190 78.1% 41.4%);
3720
+ --dt-color-chart-categorical-19-hover-h: 190;
3721
+ --dt-color-chart-categorical-19-hover-s: 78.1%;
3722
+ --dt-color-chart-categorical-19-hover-l: 50.2%;
3723
+ --dt-color-chart-categorical-19-hover-a: 100%;
3724
+ --dt-color-chart-categorical-19-hover-hsl: var(--dt-color-chart-categorical-19-hover-h) var(--dt-color-chart-categorical-19-hover-s) var(--dt-color-chart-categorical-19-hover-l);
3725
+ --dt-color-chart-categorical-19-hover-hsla: hsl(var(--dt-color-chart-categorical-19-hover-h) var(--dt-color-chart-categorical-19-hover-s) var(--dt-color-chart-categorical-19-hover-l) / var(--alpha, 100%));
3726
+ --dt-color-chart-categorical-19-hover: hsl(190 78.1% 50.2%);
3727
+ --dt-color-chart-categorical-18-selected-h: 63.1;
3728
+ --dt-color-chart-categorical-18-selected-s: 80.5%;
3729
+ --dt-color-chart-categorical-18-selected-l: 38.6%;
3730
+ --dt-color-chart-categorical-18-selected-a: 100%;
3731
+ --dt-color-chart-categorical-18-selected-hsl: var(--dt-color-chart-categorical-18-selected-h) var(--dt-color-chart-categorical-18-selected-s) var(--dt-color-chart-categorical-18-selected-l);
3732
+ --dt-color-chart-categorical-18-selected-hsla: hsl(var(--dt-color-chart-categorical-18-selected-h) var(--dt-color-chart-categorical-18-selected-s) var(--dt-color-chart-categorical-18-selected-l) / var(--alpha, 100%));
3733
+ --dt-color-chart-categorical-18-selected: hsl(63.1 80.5% 38.6%);
3734
+ --dt-color-chart-categorical-18-hover-h: 63.1;
3735
+ --dt-color-chart-categorical-18-hover-s: 80.5%;
3736
+ --dt-color-chart-categorical-18-hover-l: 46.9%;
3737
+ --dt-color-chart-categorical-18-hover-a: 100%;
3738
+ --dt-color-chart-categorical-18-hover-hsl: var(--dt-color-chart-categorical-18-hover-h) var(--dt-color-chart-categorical-18-hover-s) var(--dt-color-chart-categorical-18-hover-l);
3739
+ --dt-color-chart-categorical-18-hover-hsla: hsl(var(--dt-color-chart-categorical-18-hover-h) var(--dt-color-chart-categorical-18-hover-s) var(--dt-color-chart-categorical-18-hover-l) / var(--alpha, 100%));
3740
+ --dt-color-chart-categorical-18-hover: hsl(63.1 80.5% 46.9%);
3741
+ --dt-color-chart-categorical-17-selected-h: 318;
3742
+ --dt-color-chart-categorical-17-selected-s: 95.9%;
3743
+ --dt-color-chart-categorical-17-selected-l: 48.9%;
3744
+ --dt-color-chart-categorical-17-selected-a: 100%;
3745
+ --dt-color-chart-categorical-17-selected-hsl: var(--dt-color-chart-categorical-17-selected-h) var(--dt-color-chart-categorical-17-selected-s) var(--dt-color-chart-categorical-17-selected-l);
3746
+ --dt-color-chart-categorical-17-selected-hsla: hsl(var(--dt-color-chart-categorical-17-selected-h) var(--dt-color-chart-categorical-17-selected-s) var(--dt-color-chart-categorical-17-selected-l) / var(--alpha, 100%));
3747
+ --dt-color-chart-categorical-17-selected: hsl(318 95.9% 48.9%);
3748
+ --dt-color-chart-categorical-17-hover-h: 318;
3749
+ --dt-color-chart-categorical-17-hover-s: 95.9%;
3750
+ --dt-color-chart-categorical-17-hover-l: 59.4%;
3751
+ --dt-color-chart-categorical-17-hover-a: 100%;
3752
+ --dt-color-chart-categorical-17-hover-hsl: var(--dt-color-chart-categorical-17-hover-h) var(--dt-color-chart-categorical-17-hover-s) var(--dt-color-chart-categorical-17-hover-l);
3753
+ --dt-color-chart-categorical-17-hover-hsla: hsl(var(--dt-color-chart-categorical-17-hover-h) var(--dt-color-chart-categorical-17-hover-s) var(--dt-color-chart-categorical-17-hover-l) / var(--alpha, 100%));
3754
+ --dt-color-chart-categorical-17-hover: hsl(318 95.9% 59.4%);
3755
+ --dt-color-chart-categorical-16-selected-h: 89.4;
3756
+ --dt-color-chart-categorical-16-selected-s: 68%;
3757
+ --dt-color-chart-categorical-16-selected-l: 32.9%;
3758
+ --dt-color-chart-categorical-16-selected-a: 100%;
3759
+ --dt-color-chart-categorical-16-selected-hsl: var(--dt-color-chart-categorical-16-selected-h) var(--dt-color-chart-categorical-16-selected-s) var(--dt-color-chart-categorical-16-selected-l);
3760
+ --dt-color-chart-categorical-16-selected-hsla: hsl(var(--dt-color-chart-categorical-16-selected-h) var(--dt-color-chart-categorical-16-selected-s) var(--dt-color-chart-categorical-16-selected-l) / var(--alpha, 100%));
3761
+ --dt-color-chart-categorical-16-selected: hsl(89.4 68% 32.9%);
3762
+ --dt-color-chart-categorical-16-hover-h: 89.4;
3763
+ --dt-color-chart-categorical-16-hover-s: 68%;
3764
+ --dt-color-chart-categorical-16-hover-l: 40%;
3765
+ --dt-color-chart-categorical-16-hover-a: 100%;
3766
+ --dt-color-chart-categorical-16-hover-hsl: var(--dt-color-chart-categorical-16-hover-h) var(--dt-color-chart-categorical-16-hover-s) var(--dt-color-chart-categorical-16-hover-l);
3767
+ --dt-color-chart-categorical-16-hover-hsla: hsl(var(--dt-color-chart-categorical-16-hover-h) var(--dt-color-chart-categorical-16-hover-s) var(--dt-color-chart-categorical-16-hover-l) / var(--alpha, 100%));
3768
+ --dt-color-chart-categorical-16-hover: hsl(89.4 68% 40%);
3769
+ --dt-color-chart-categorical-15-selected-h: 367;
3770
+ --dt-color-chart-categorical-15-selected-s: 99.2%;
3771
+ --dt-color-chart-categorical-15-selected-l: 39.5%;
3772
+ --dt-color-chart-categorical-15-selected-a: 100%;
3773
+ --dt-color-chart-categorical-15-selected-hsl: var(--dt-color-chart-categorical-15-selected-h) var(--dt-color-chart-categorical-15-selected-s) var(--dt-color-chart-categorical-15-selected-l);
3774
+ --dt-color-chart-categorical-15-selected-hsla: hsl(var(--dt-color-chart-categorical-15-selected-h) var(--dt-color-chart-categorical-15-selected-s) var(--dt-color-chart-categorical-15-selected-l) / var(--alpha, 100%));
3775
+ --dt-color-chart-categorical-15-selected: hsl(367 99.2% 39.5%);
3776
+ --dt-color-chart-categorical-15-hover-h: 367;
3777
+ --dt-color-chart-categorical-15-hover-s: 99.2%;
3778
+ --dt-color-chart-categorical-15-hover-l: 48%;
3779
+ --dt-color-chart-categorical-15-hover-a: 100%;
3780
+ --dt-color-chart-categorical-15-hover-hsl: var(--dt-color-chart-categorical-15-hover-h) var(--dt-color-chart-categorical-15-hover-s) var(--dt-color-chart-categorical-15-hover-l);
3781
+ --dt-color-chart-categorical-15-hover-hsla: hsl(var(--dt-color-chart-categorical-15-hover-h) var(--dt-color-chart-categorical-15-hover-s) var(--dt-color-chart-categorical-15-hover-l) / var(--alpha, 100%));
3782
+ --dt-color-chart-categorical-15-hover: hsl(367 99.2% 48%);
3783
+ --dt-color-chart-categorical-14-selected-h: 234;
3784
+ --dt-color-chart-categorical-14-selected-s: 83.7%;
3785
+ --dt-color-chart-categorical-14-selected-l: 44.9%;
3786
+ --dt-color-chart-categorical-14-selected-a: 100%;
3787
+ --dt-color-chart-categorical-14-selected-hsl: var(--dt-color-chart-categorical-14-selected-h) var(--dt-color-chart-categorical-14-selected-s) var(--dt-color-chart-categorical-14-selected-l);
3788
+ --dt-color-chart-categorical-14-selected-hsla: hsl(var(--dt-color-chart-categorical-14-selected-h) var(--dt-color-chart-categorical-14-selected-s) var(--dt-color-chart-categorical-14-selected-l) / var(--alpha, 100%));
3789
+ --dt-color-chart-categorical-14-selected: hsl(234 83.7% 44.9%);
3790
+ --dt-color-chart-categorical-14-hover-h: 234;
3791
+ --dt-color-chart-categorical-14-hover-s: 83.7%;
3792
+ --dt-color-chart-categorical-14-hover-l: 54.6%;
3793
+ --dt-color-chart-categorical-14-hover-a: 100%;
3794
+ --dt-color-chart-categorical-14-hover-hsl: var(--dt-color-chart-categorical-14-hover-h) var(--dt-color-chart-categorical-14-hover-s) var(--dt-color-chart-categorical-14-hover-l);
3795
+ --dt-color-chart-categorical-14-hover-hsla: hsl(var(--dt-color-chart-categorical-14-hover-h) var(--dt-color-chart-categorical-14-hover-s) var(--dt-color-chart-categorical-14-hover-l) / var(--alpha, 100%));
3796
+ --dt-color-chart-categorical-14-hover: hsl(234 83.7% 54.6%);
3797
+ --dt-color-chart-categorical-13-selected-h: 374;
3798
+ --dt-color-chart-categorical-13-selected-s: 87.9%;
3799
+ --dt-color-chart-categorical-13-selected-l: 43%;
3800
+ --dt-color-chart-categorical-13-selected-a: 100%;
3801
+ --dt-color-chart-categorical-13-selected-hsl: var(--dt-color-chart-categorical-13-selected-h) var(--dt-color-chart-categorical-13-selected-s) var(--dt-color-chart-categorical-13-selected-l);
3802
+ --dt-color-chart-categorical-13-selected-hsla: hsl(var(--dt-color-chart-categorical-13-selected-h) var(--dt-color-chart-categorical-13-selected-s) var(--dt-color-chart-categorical-13-selected-l) / var(--alpha, 100%));
3803
+ --dt-color-chart-categorical-13-selected: hsl(374 87.9% 43%);
3804
+ --dt-color-chart-categorical-13-hover-h: 374;
3805
+ --dt-color-chart-categorical-13-hover-s: 87.9%;
3806
+ --dt-color-chart-categorical-13-hover-l: 52.300000000000004%;
3807
+ --dt-color-chart-categorical-13-hover-a: 100%;
3808
+ --dt-color-chart-categorical-13-hover-hsl: var(--dt-color-chart-categorical-13-hover-h) var(--dt-color-chart-categorical-13-hover-s) var(--dt-color-chart-categorical-13-hover-l);
3809
+ --dt-color-chart-categorical-13-hover-hsla: hsl(var(--dt-color-chart-categorical-13-hover-h) var(--dt-color-chart-categorical-13-hover-s) var(--dt-color-chart-categorical-13-hover-l) / var(--alpha, 100%));
3810
+ --dt-color-chart-categorical-13-hover: hsl(374 87.9% 52.3%);
3811
+ --dt-color-chart-categorical-12-selected-h: 296;
3812
+ --dt-color-chart-categorical-12-selected-s: 97.1%;
3813
+ --dt-color-chart-categorical-12-selected-l: 46.1%;
3814
+ --dt-color-chart-categorical-12-selected-a: 100%;
3815
+ --dt-color-chart-categorical-12-selected-hsl: var(--dt-color-chart-categorical-12-selected-h) var(--dt-color-chart-categorical-12-selected-s) var(--dt-color-chart-categorical-12-selected-l);
3816
+ --dt-color-chart-categorical-12-selected-hsla: hsl(var(--dt-color-chart-categorical-12-selected-h) var(--dt-color-chart-categorical-12-selected-s) var(--dt-color-chart-categorical-12-selected-l) / var(--alpha, 100%));
3817
+ --dt-color-chart-categorical-12-selected: hsl(296 97.1% 46.1%);
3818
+ --dt-color-chart-categorical-12-hover-h: 296;
3819
+ --dt-color-chart-categorical-12-hover-s: 97.1%;
3820
+ --dt-color-chart-categorical-12-hover-l: 56.00000000000001%;
3821
+ --dt-color-chart-categorical-12-hover-a: 100%;
3822
+ --dt-color-chart-categorical-12-hover-hsl: var(--dt-color-chart-categorical-12-hover-h) var(--dt-color-chart-categorical-12-hover-s) var(--dt-color-chart-categorical-12-hover-l);
3823
+ --dt-color-chart-categorical-12-hover-hsla: hsl(var(--dt-color-chart-categorical-12-hover-h) var(--dt-color-chart-categorical-12-hover-s) var(--dt-color-chart-categorical-12-hover-l) / var(--alpha, 100%));
3824
+ --dt-color-chart-categorical-12-hover: hsl(296 97.1% 56%);
3825
+ --dt-color-chart-categorical-30-h: 186;
3826
+ --dt-color-chart-categorical-30-s: 71.2%;
3827
+ --dt-color-chart-categorical-30-l: 55.3%;
3828
+ --dt-color-chart-categorical-30-a: 100%;
3829
+ --dt-color-chart-categorical-30-hsl: var(--dt-color-chart-categorical-30-h) var(--dt-color-chart-categorical-30-s) var(--dt-color-chart-categorical-30-l);
3830
+ --dt-color-chart-categorical-30-hsla: hsl(var(--dt-color-chart-categorical-30-h) var(--dt-color-chart-categorical-30-s) var(--dt-color-chart-categorical-30-l) / var(--alpha, 100%));
3831
+ --dt-color-chart-categorical-30: hsl(186 71.2% 55.3%);
3832
+ --dt-color-chart-categorical-29-h: 391;
3833
+ --dt-color-chart-categorical-29-s: 85.7%;
3834
+ --dt-color-chart-categorical-29-l: 57.60000000000001%;
3835
+ --dt-color-chart-categorical-29-a: 100%;
3836
+ --dt-color-chart-categorical-29-hsl: var(--dt-color-chart-categorical-29-h) var(--dt-color-chart-categorical-29-s) var(--dt-color-chart-categorical-29-l);
3837
+ --dt-color-chart-categorical-29-hsla: hsl(var(--dt-color-chart-categorical-29-h) var(--dt-color-chart-categorical-29-s) var(--dt-color-chart-categorical-29-l) / var(--alpha, 100%));
3838
+ --dt-color-chart-categorical-29: hsl(391 85.7% 57.6%);
3839
+ --dt-color-chart-categorical-27-h: 124;
3840
+ --dt-color-chart-categorical-27-s: 71.4%;
3841
+ --dt-color-chart-categorical-27-l: 51%;
3842
+ --dt-color-chart-categorical-27-a: 100%;
3843
+ --dt-color-chart-categorical-27-hsl: var(--dt-color-chart-categorical-27-h) var(--dt-color-chart-categorical-27-s) var(--dt-color-chart-categorical-27-l);
3844
+ --dt-color-chart-categorical-27-hsla: hsl(var(--dt-color-chart-categorical-27-h) var(--dt-color-chart-categorical-27-s) var(--dt-color-chart-categorical-27-l) / var(--alpha, 100%));
3845
+ --dt-color-chart-categorical-27: hsl(124 71.4% 51%);
3846
+ --dt-color-chart-categorical-25-h: 183;
3847
+ --dt-color-chart-categorical-25-s: 82.7%;
3848
+ --dt-color-chart-categorical-25-l: 61.5%;
3849
+ --dt-color-chart-categorical-25-a: 100%;
3850
+ --dt-color-chart-categorical-25-hsl: var(--dt-color-chart-categorical-25-h) var(--dt-color-chart-categorical-25-s) var(--dt-color-chart-categorical-25-l);
3851
+ --dt-color-chart-categorical-25-hsla: hsl(var(--dt-color-chart-categorical-25-h) var(--dt-color-chart-categorical-25-s) var(--dt-color-chart-categorical-25-l) / var(--alpha, 100%));
3852
+ --dt-color-chart-categorical-25: hsl(183 82.7% 61.5%);
3853
+ --dt-color-chart-categorical-24-h: 20.6;
3854
+ --dt-color-chart-categorical-24-s: 91.5%;
3855
+ --dt-color-chart-categorical-24-l: 58.9%;
3856
+ --dt-color-chart-categorical-24-a: 100%;
3857
+ --dt-color-chart-categorical-24-hsl: var(--dt-color-chart-categorical-24-h) var(--dt-color-chart-categorical-24-s) var(--dt-color-chart-categorical-24-l);
3858
+ --dt-color-chart-categorical-24-hsla: hsl(var(--dt-color-chart-categorical-24-h) var(--dt-color-chart-categorical-24-s) var(--dt-color-chart-categorical-24-l) / var(--alpha, 100%));
3859
+ --dt-color-chart-categorical-24: hsl(20.6 91.5% 58.9%);
3860
+ --dt-color-chart-categorical-23-h: 317;
3861
+ --dt-color-chart-categorical-23-s: 97.7%;
3862
+ --dt-color-chart-categorical-23-l: 63.1%;
3863
+ --dt-color-chart-categorical-23-a: 100%;
3864
+ --dt-color-chart-categorical-23-hsl: var(--dt-color-chart-categorical-23-h) var(--dt-color-chart-categorical-23-s) var(--dt-color-chart-categorical-23-l);
3865
+ --dt-color-chart-categorical-23-hsla: hsl(var(--dt-color-chart-categorical-23-h) var(--dt-color-chart-categorical-23-s) var(--dt-color-chart-categorical-23-l) / var(--alpha, 100%));
3866
+ --dt-color-chart-categorical-23: hsl(317 97.7% 63.1%);
3391
3867
  --dt-color-link-disabled-hover-h: var(--dt-color-link-disabled-h);
3392
3868
  --dt-color-link-disabled-hover-s: var(--dt-color-link-disabled-s);
3393
3869
  --dt-color-link-disabled-hover-l: var(--dt-color-link-disabled-l);
@@ -3437,6 +3913,90 @@
3437
3913
  --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
3438
3914
  --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
3439
3915
  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
3916
+ --dt-color-chart-categorical-30-selected-h: 186;
3917
+ --dt-color-chart-categorical-30-selected-s: 71.2%;
3918
+ --dt-color-chart-categorical-30-selected-l: 38.7%;
3919
+ --dt-color-chart-categorical-30-selected-a: 100%;
3920
+ --dt-color-chart-categorical-30-selected-hsl: var(--dt-color-chart-categorical-30-selected-h) var(--dt-color-chart-categorical-30-selected-s) var(--dt-color-chart-categorical-30-selected-l);
3921
+ --dt-color-chart-categorical-30-selected-hsla: hsl(var(--dt-color-chart-categorical-30-selected-h) var(--dt-color-chart-categorical-30-selected-s) var(--dt-color-chart-categorical-30-selected-l) / var(--alpha, 100%));
3922
+ --dt-color-chart-categorical-30-selected: hsl(186 71.2% 38.7%);
3923
+ --dt-color-chart-categorical-30-hover-h: 186;
3924
+ --dt-color-chart-categorical-30-hover-s: 71.2%;
3925
+ --dt-color-chart-categorical-30-hover-l: 47%;
3926
+ --dt-color-chart-categorical-30-hover-a: 100%;
3927
+ --dt-color-chart-categorical-30-hover-hsl: var(--dt-color-chart-categorical-30-hover-h) var(--dt-color-chart-categorical-30-hover-s) var(--dt-color-chart-categorical-30-hover-l);
3928
+ --dt-color-chart-categorical-30-hover-hsla: hsl(var(--dt-color-chart-categorical-30-hover-h) var(--dt-color-chart-categorical-30-hover-s) var(--dt-color-chart-categorical-30-hover-l) / var(--alpha, 100%));
3929
+ --dt-color-chart-categorical-30-hover: hsl(186 71.2% 47%);
3930
+ --dt-color-chart-categorical-29-selected-h: 391;
3931
+ --dt-color-chart-categorical-29-selected-s: 85.7%;
3932
+ --dt-color-chart-categorical-29-selected-l: 40.3%;
3933
+ --dt-color-chart-categorical-29-selected-a: 100%;
3934
+ --dt-color-chart-categorical-29-selected-hsl: var(--dt-color-chart-categorical-29-selected-h) var(--dt-color-chart-categorical-29-selected-s) var(--dt-color-chart-categorical-29-selected-l);
3935
+ --dt-color-chart-categorical-29-selected-hsla: hsl(var(--dt-color-chart-categorical-29-selected-h) var(--dt-color-chart-categorical-29-selected-s) var(--dt-color-chart-categorical-29-selected-l) / var(--alpha, 100%));
3936
+ --dt-color-chart-categorical-29-selected: hsl(391 85.7% 40.3%);
3937
+ --dt-color-chart-categorical-29-hover-h: 391;
3938
+ --dt-color-chart-categorical-29-hover-s: 85.7%;
3939
+ --dt-color-chart-categorical-29-hover-l: 49%;
3940
+ --dt-color-chart-categorical-29-hover-a: 100%;
3941
+ --dt-color-chart-categorical-29-hover-hsl: var(--dt-color-chart-categorical-29-hover-h) var(--dt-color-chart-categorical-29-hover-s) var(--dt-color-chart-categorical-29-hover-l);
3942
+ --dt-color-chart-categorical-29-hover-hsla: hsl(var(--dt-color-chart-categorical-29-hover-h) var(--dt-color-chart-categorical-29-hover-s) var(--dt-color-chart-categorical-29-hover-l) / var(--alpha, 100%));
3943
+ --dt-color-chart-categorical-29-hover: hsl(391 85.7% 49%);
3944
+ --dt-color-chart-categorical-27-selected-h: 124;
3945
+ --dt-color-chart-categorical-27-selected-s: 71.4%;
3946
+ --dt-color-chart-categorical-27-selected-l: 35.7%;
3947
+ --dt-color-chart-categorical-27-selected-a: 100%;
3948
+ --dt-color-chart-categorical-27-selected-hsl: var(--dt-color-chart-categorical-27-selected-h) var(--dt-color-chart-categorical-27-selected-s) var(--dt-color-chart-categorical-27-selected-l);
3949
+ --dt-color-chart-categorical-27-selected-hsla: hsl(var(--dt-color-chart-categorical-27-selected-h) var(--dt-color-chart-categorical-27-selected-s) var(--dt-color-chart-categorical-27-selected-l) / var(--alpha, 100%));
3950
+ --dt-color-chart-categorical-27-selected: hsl(124 71.4% 35.7%);
3951
+ --dt-color-chart-categorical-27-hover-h: 124;
3952
+ --dt-color-chart-categorical-27-hover-s: 71.4%;
3953
+ --dt-color-chart-categorical-27-hover-l: 43.4%;
3954
+ --dt-color-chart-categorical-27-hover-a: 100%;
3955
+ --dt-color-chart-categorical-27-hover-hsl: var(--dt-color-chart-categorical-27-hover-h) var(--dt-color-chart-categorical-27-hover-s) var(--dt-color-chart-categorical-27-hover-l);
3956
+ --dt-color-chart-categorical-27-hover-hsla: hsl(var(--dt-color-chart-categorical-27-hover-h) var(--dt-color-chart-categorical-27-hover-s) var(--dt-color-chart-categorical-27-hover-l) / var(--alpha, 100%));
3957
+ --dt-color-chart-categorical-27-hover: hsl(124 71.4% 43.4%);
3958
+ --dt-color-chart-categorical-25-selected-h: 183;
3959
+ --dt-color-chart-categorical-25-selected-s: 82.7%;
3960
+ --dt-color-chart-categorical-25-selected-l: 43%;
3961
+ --dt-color-chart-categorical-25-selected-a: 100%;
3962
+ --dt-color-chart-categorical-25-selected-hsl: var(--dt-color-chart-categorical-25-selected-h) var(--dt-color-chart-categorical-25-selected-s) var(--dt-color-chart-categorical-25-selected-l);
3963
+ --dt-color-chart-categorical-25-selected-hsla: hsl(var(--dt-color-chart-categorical-25-selected-h) var(--dt-color-chart-categorical-25-selected-s) var(--dt-color-chart-categorical-25-selected-l) / var(--alpha, 100%));
3964
+ --dt-color-chart-categorical-25-selected: hsl(183 82.7% 43%);
3965
+ --dt-color-chart-categorical-25-hover-h: 183;
3966
+ --dt-color-chart-categorical-25-hover-s: 82.7%;
3967
+ --dt-color-chart-categorical-25-hover-l: 52.300000000000004%;
3968
+ --dt-color-chart-categorical-25-hover-a: 100%;
3969
+ --dt-color-chart-categorical-25-hover-hsl: var(--dt-color-chart-categorical-25-hover-h) var(--dt-color-chart-categorical-25-hover-s) var(--dt-color-chart-categorical-25-hover-l);
3970
+ --dt-color-chart-categorical-25-hover-hsla: hsl(var(--dt-color-chart-categorical-25-hover-h) var(--dt-color-chart-categorical-25-hover-s) var(--dt-color-chart-categorical-25-hover-l) / var(--alpha, 100%));
3971
+ --dt-color-chart-categorical-25-hover: hsl(183 82.7% 52.3%);
3972
+ --dt-color-chart-categorical-24-selected-h: 20.6;
3973
+ --dt-color-chart-categorical-24-selected-s: 91.5%;
3974
+ --dt-color-chart-categorical-24-selected-l: 41.2%;
3975
+ --dt-color-chart-categorical-24-selected-a: 100%;
3976
+ --dt-color-chart-categorical-24-selected-hsl: var(--dt-color-chart-categorical-24-selected-h) var(--dt-color-chart-categorical-24-selected-s) var(--dt-color-chart-categorical-24-selected-l);
3977
+ --dt-color-chart-categorical-24-selected-hsla: hsl(var(--dt-color-chart-categorical-24-selected-h) var(--dt-color-chart-categorical-24-selected-s) var(--dt-color-chart-categorical-24-selected-l) / var(--alpha, 100%));
3978
+ --dt-color-chart-categorical-24-selected: hsl(20.6 91.5% 41.2%);
3979
+ --dt-color-chart-categorical-24-hover-h: 20.6;
3980
+ --dt-color-chart-categorical-24-hover-s: 91.5%;
3981
+ --dt-color-chart-categorical-24-hover-l: 50.1%;
3982
+ --dt-color-chart-categorical-24-hover-a: 100%;
3983
+ --dt-color-chart-categorical-24-hover-hsl: var(--dt-color-chart-categorical-24-hover-h) var(--dt-color-chart-categorical-24-hover-s) var(--dt-color-chart-categorical-24-hover-l);
3984
+ --dt-color-chart-categorical-24-hover-hsla: hsl(var(--dt-color-chart-categorical-24-hover-h) var(--dt-color-chart-categorical-24-hover-s) var(--dt-color-chart-categorical-24-hover-l) / var(--alpha, 100%));
3985
+ --dt-color-chart-categorical-24-hover: hsl(20.6 91.5% 50.1%);
3986
+ --dt-color-chart-categorical-23-selected-h: 317;
3987
+ --dt-color-chart-categorical-23-selected-s: 97.7%;
3988
+ --dt-color-chart-categorical-23-selected-l: 44.2%;
3989
+ --dt-color-chart-categorical-23-selected-a: 100%;
3990
+ --dt-color-chart-categorical-23-selected-hsl: var(--dt-color-chart-categorical-23-selected-h) var(--dt-color-chart-categorical-23-selected-s) var(--dt-color-chart-categorical-23-selected-l);
3991
+ --dt-color-chart-categorical-23-selected-hsla: hsl(var(--dt-color-chart-categorical-23-selected-h) var(--dt-color-chart-categorical-23-selected-s) var(--dt-color-chart-categorical-23-selected-l) / var(--alpha, 100%));
3992
+ --dt-color-chart-categorical-23-selected: hsl(317 97.7% 44.2%);
3993
+ --dt-color-chart-categorical-23-hover-h: 317;
3994
+ --dt-color-chart-categorical-23-hover-s: 97.7%;
3995
+ --dt-color-chart-categorical-23-hover-l: 53.6%;
3996
+ --dt-color-chart-categorical-23-hover-a: 100%;
3997
+ --dt-color-chart-categorical-23-hover-hsl: var(--dt-color-chart-categorical-23-hover-h) var(--dt-color-chart-categorical-23-hover-s) var(--dt-color-chart-categorical-23-hover-l);
3998
+ --dt-color-chart-categorical-23-hover-hsla: hsl(var(--dt-color-chart-categorical-23-hover-h) var(--dt-color-chart-categorical-23-hover-s) var(--dt-color-chart-categorical-23-hover-l) / var(--alpha, 100%));
3999
+ --dt-color-chart-categorical-23-hover: hsl(317 97.7% 53.6%);
3440
4000
  --dt-shell-action-color-foreground-muted-active-h: var(--dt-shell-action-color-foreground-muted-hover-h);
3441
4001
  --dt-shell-action-color-foreground-muted-active-s: var(--dt-shell-action-color-foreground-muted-hover-s);
3442
4002
  --dt-shell-action-color-foreground-muted-active-l: var(--dt-shell-action-color-foreground-muted-hover-l);