@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-verdant-haze-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-shell-mention-color-foreground-primary-h: 94.28571428571428;
142
142
  --dt-shell-mention-color-foreground-primary-s: 25.925925925925924%;
143
143
  --dt-shell-mention-color-foreground-primary-l: 10.588235294117647%;
@@ -145,27 +145,13 @@
145
145
  --dt-shell-mention-color-foreground-primary-hsl: var(--dt-shell-mention-color-foreground-primary-h) var(--dt-shell-mention-color-foreground-primary-s) var(--dt-shell-mention-color-foreground-primary-l);
146
146
  --dt-shell-mention-color-foreground-primary-hsla: hsl(var(--dt-shell-mention-color-foreground-primary-h) var(--dt-shell-mention-color-foreground-primary-s) var(--dt-shell-mention-color-foreground-primary-l) / var(--alpha, 100%));
147
147
  --dt-shell-mention-color-foreground-primary: #1A2214;
148
- --dt-shell-base-action-color-background-muted-h: 80.42553191489363;
149
- --dt-shell-base-action-color-background-muted-s: 97.91666666666667%;
150
- --dt-shell-base-action-color-background-muted-l: 18.823529411764707%;
151
- --dt-shell-base-action-color-background-muted-a: 100%;
152
- --dt-shell-base-action-color-background-muted-hsl: var(--dt-shell-base-action-color-background-muted-h) var(--dt-shell-base-action-color-background-muted-s) var(--dt-shell-base-action-color-background-muted-l);
153
- --dt-shell-base-action-color-background-muted-hsla: hsl(var(--dt-shell-base-action-color-background-muted-h) var(--dt-shell-base-action-color-background-muted-s) var(--dt-shell-base-action-color-background-muted-l) / var(--alpha, 100%));
154
- --dt-shell-base-action-color-background-muted: #3F5F01;
155
- --dt-shell-base-action-color-background-secondary-h: 80.42553191489363;
156
- --dt-shell-base-action-color-background-secondary-s: 97.91666666666667%;
157
- --dt-shell-base-action-color-background-secondary-l: 18.823529411764707%;
158
- --dt-shell-base-action-color-background-secondary-a: 100%;
159
- --dt-shell-base-action-color-background-secondary-hsl: var(--dt-shell-base-action-color-background-secondary-h) var(--dt-shell-base-action-color-background-secondary-s) var(--dt-shell-base-action-color-background-secondary-l);
160
- --dt-shell-base-action-color-background-secondary-hsla: hsl(var(--dt-shell-base-action-color-background-secondary-h) var(--dt-shell-base-action-color-background-secondary-s) var(--dt-shell-base-action-color-background-secondary-l) / var(--alpha, 100%));
161
- --dt-shell-base-action-color-background-secondary: #3F5F01;
162
- --dt-shell-base-action-color-background-primary-h: 80.42553191489363;
163
- --dt-shell-base-action-color-background-primary-s: 97.91666666666667%;
164
- --dt-shell-base-action-color-background-primary-l: 18.823529411764707%;
165
- --dt-shell-base-action-color-background-primary-a: 100%;
166
- --dt-shell-base-action-color-background-primary-hsl: var(--dt-shell-base-action-color-background-primary-h) var(--dt-shell-base-action-color-background-primary-s) var(--dt-shell-base-action-color-background-primary-l);
167
- --dt-shell-base-action-color-background-primary-hsla: hsl(var(--dt-shell-base-action-color-background-primary-h) var(--dt-shell-base-action-color-background-primary-s) var(--dt-shell-base-action-color-background-primary-l) / var(--alpha, 100%));
168
- --dt-shell-base-action-color-background-primary: #3F5F01;
148
+ --dt-shell-base-color-action-h: 80.42553191489363;
149
+ --dt-shell-base-color-action-s: 97.91666666666667%;
150
+ --dt-shell-base-color-action-l: 18.823529411764707%;
151
+ --dt-shell-base-color-action-a: 100%;
152
+ --dt-shell-base-color-action-hsl: var(--dt-shell-base-color-action-h) var(--dt-shell-base-color-action-s) var(--dt-shell-base-color-action-l);
153
+ --dt-shell-base-color-action-hsla: hsl(var(--dt-shell-base-color-action-h) var(--dt-shell-base-color-action-s) var(--dt-shell-base-color-action-l) / var(--alpha, 100%));
154
+ --dt-shell-base-color-action: #3F5F01;
169
155
  --dt-shell-base-color-accent-h: 81.42857142857143;
170
156
  --dt-shell-base-color-accent-s: 20.895522388059675%;
171
157
  --dt-shell-base-color-accent-l: 73.72549019607844%;
@@ -367,90 +353,6 @@
367
353
  --dt-shell-mention-color-surface-primary-hsl: var(--dt-shell-base-color-accent-hsl);
368
354
  --dt-shell-mention-color-surface-primary-hsla: var(--dt-shell-base-color-accent-hsla);
369
355
  --dt-shell-mention-color-surface-primary: var(--dt-shell-base-color-accent);
370
- --dt-shell-action-color-background-muted-selected-h: 80.4;
371
- --dt-shell-action-color-background-muted-selected-s: 97.9%;
372
- --dt-shell-action-color-background-muted-selected-l: 18.8%;
373
- --dt-shell-action-color-background-muted-selected-a: 7%;
374
- --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);
375
- --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%));
376
- --dt-shell-action-color-background-muted-selected: hsl(80.4 97.9% 18.8% / 0.07);
377
- --dt-shell-action-color-background-muted-active-h: 80.4;
378
- --dt-shell-action-color-background-muted-active-s: 97.9%;
379
- --dt-shell-action-color-background-muted-active-l: 18.8%;
380
- --dt-shell-action-color-background-muted-active-a: 7%;
381
- --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);
382
- --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%));
383
- --dt-shell-action-color-background-muted-active: hsl(80.4 97.9% 18.8% / 0.07);
384
- --dt-shell-action-color-background-muted-hover-h: 80.4;
385
- --dt-shell-action-color-background-muted-hover-s: 97.9%;
386
- --dt-shell-action-color-background-muted-hover-l: 18.8%;
387
- --dt-shell-action-color-background-muted-hover-a: 10%;
388
- --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);
389
- --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%));
390
- --dt-shell-action-color-background-muted-hover: hsl(80.4 97.9% 18.8% / 0.1);
391
- --dt-shell-action-color-background-muted-default-h: 80.4;
392
- --dt-shell-action-color-background-muted-default-s: 97.9%;
393
- --dt-shell-action-color-background-muted-default-l: 18.8%;
394
- --dt-shell-action-color-background-muted-default-a: 5%;
395
- --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);
396
- --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%));
397
- --dt-shell-action-color-background-muted-default: hsl(80.4 97.9% 18.8% / 0.05);
398
- --dt-shell-action-color-background-secondary-selected-h: 80.4;
399
- --dt-shell-action-color-background-secondary-selected-s: 97.9%;
400
- --dt-shell-action-color-background-secondary-selected-l: 18.8%;
401
- --dt-shell-action-color-background-secondary-selected-a: 13%;
402
- --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);
403
- --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%));
404
- --dt-shell-action-color-background-secondary-selected: hsl(80.4 97.9% 18.8% / 0.13);
405
- --dt-shell-action-color-background-secondary-active-h: 80.4;
406
- --dt-shell-action-color-background-secondary-active-s: 97.9%;
407
- --dt-shell-action-color-background-secondary-active-l: 18.8%;
408
- --dt-shell-action-color-background-secondary-active-a: 16%;
409
- --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);
410
- --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%));
411
- --dt-shell-action-color-background-secondary-active: hsl(80.4 97.9% 18.8% / 0.16);
412
- --dt-shell-action-color-background-secondary-hover-h: 80.4;
413
- --dt-shell-action-color-background-secondary-hover-s: 97.9%;
414
- --dt-shell-action-color-background-secondary-hover-l: 18.8%;
415
- --dt-shell-action-color-background-secondary-hover-a: 10%;
416
- --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);
417
- --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%));
418
- --dt-shell-action-color-background-secondary-hover: hsl(80.4 97.9% 18.8% / 0.1);
419
- --dt-shell-action-color-background-secondary-default-h: 80.4;
420
- --dt-shell-action-color-background-secondary-default-s: 97.9%;
421
- --dt-shell-action-color-background-secondary-default-l: 18.8%;
422
- --dt-shell-action-color-background-secondary-default-a: 0%;
423
- --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);
424
- --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%));
425
- --dt-shell-action-color-background-secondary-default: hsl(80.4 97.9% 18.8% / 0);
426
- --dt-shell-action-color-background-primary-selected-h: 80.4;
427
- --dt-shell-action-color-background-primary-selected-s: 97.9%;
428
- --dt-shell-action-color-background-primary-selected-l: 18.8%;
429
- --dt-shell-action-color-background-primary-selected-a: 13%;
430
- --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);
431
- --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%));
432
- --dt-shell-action-color-background-primary-selected: hsl(80.4 97.9% 18.8% / 0.13);
433
- --dt-shell-action-color-background-primary-active-h: 80.4;
434
- --dt-shell-action-color-background-primary-active-s: 97.9%;
435
- --dt-shell-action-color-background-primary-active-l: 18.8%;
436
- --dt-shell-action-color-background-primary-active-a: 16%;
437
- --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);
438
- --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%));
439
- --dt-shell-action-color-background-primary-active: hsl(80.4 97.9% 18.8% / 0.16);
440
- --dt-shell-action-color-background-primary-hover-h: 80.4;
441
- --dt-shell-action-color-background-primary-hover-s: 97.9%;
442
- --dt-shell-action-color-background-primary-hover-l: 18.8%;
443
- --dt-shell-action-color-background-primary-hover-a: 10%;
444
- --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);
445
- --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%));
446
- --dt-shell-action-color-background-primary-hover: hsl(80.4 97.9% 18.8% / 0.1);
447
- --dt-shell-action-color-background-primary-default-h: 80.4;
448
- --dt-shell-action-color-background-primary-default-s: 97.9%;
449
- --dt-shell-action-color-background-primary-default-l: 18.8%;
450
- --dt-shell-action-color-background-primary-default-a: 0%;
451
- --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);
452
- --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%));
453
- --dt-shell-action-color-background-primary-default: hsl(80.4 97.9% 18.8% / 0);
454
356
  --dt-shell-color-border-default-h: 93.8;
455
357
  --dt-shell-color-border-default-s: 29.600000000000005%;
456
358
  --dt-shell-color-border-default-l: 21.2%;
@@ -514,6 +416,27 @@
514
416
  --dt-shell-color-foreground-primary-hsl: var(--dt-shell-base-color-foreground-hsl);
515
417
  --dt-shell-color-foreground-primary-hsla: var(--dt-shell-base-color-foreground-hsla);
516
418
  --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
419
+ --dt-shell-base-action-color-background-muted-h: var(--dt-shell-base-color-action-h);
420
+ --dt-shell-base-action-color-background-muted-s: var(--dt-shell-base-color-action-s);
421
+ --dt-shell-base-action-color-background-muted-l: var(--dt-shell-base-color-action-l);
422
+ --dt-shell-base-action-color-background-muted-a: var(--dt-shell-base-color-action-a);
423
+ --dt-shell-base-action-color-background-muted-hsl: var(--dt-shell-base-color-action-hsl);
424
+ --dt-shell-base-action-color-background-muted-hsla: var(--dt-shell-base-color-action-hsla);
425
+ --dt-shell-base-action-color-background-muted: var(--dt-shell-base-color-action);
426
+ --dt-shell-base-action-color-background-secondary-h: var(--dt-shell-base-color-action-h);
427
+ --dt-shell-base-action-color-background-secondary-s: var(--dt-shell-base-color-action-s);
428
+ --dt-shell-base-action-color-background-secondary-l: var(--dt-shell-base-color-action-l);
429
+ --dt-shell-base-action-color-background-secondary-a: var(--dt-shell-base-color-action-a);
430
+ --dt-shell-base-action-color-background-secondary-hsl: var(--dt-shell-base-color-action-hsl);
431
+ --dt-shell-base-action-color-background-secondary-hsla: var(--dt-shell-base-color-action-hsla);
432
+ --dt-shell-base-action-color-background-secondary: var(--dt-shell-base-color-action);
433
+ --dt-shell-base-action-color-background-primary-h: var(--dt-shell-base-color-action-h);
434
+ --dt-shell-base-action-color-background-primary-s: var(--dt-shell-base-color-action-s);
435
+ --dt-shell-base-action-color-background-primary-l: var(--dt-shell-base-color-action-l);
436
+ --dt-shell-base-action-color-background-primary-a: var(--dt-shell-base-color-action-a);
437
+ --dt-shell-base-action-color-background-primary-hsl: var(--dt-shell-base-color-action-hsl);
438
+ --dt-shell-base-action-color-background-primary-hsla: var(--dt-shell-base-color-action-hsla);
439
+ --dt-shell-base-action-color-background-primary: var(--dt-shell-base-color-action);
517
440
  --dt-shell-base-color-status-away-h: var(--dt-color-black-500-h);
518
441
  --dt-shell-base-color-status-away-s: var(--dt-color-black-500-s);
519
442
  --dt-shell-base-color-status-away-l: var(--dt-color-black-500-l);
@@ -882,251 +805,174 @@
882
805
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
883
806
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
884
807
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
885
- --dt-color-chart-sequential-10-selected-h: var(--dt-color-indigo-1000-h);
886
- --dt-color-chart-sequential-10-selected-s: var(--dt-color-indigo-1000-s);
887
- --dt-color-chart-sequential-10-selected-l: var(--dt-color-indigo-1000-l);
888
- --dt-color-chart-sequential-10-selected-a: var(--dt-color-indigo-1000-a);
889
- --dt-color-chart-sequential-10-selected-hsl: var(--dt-color-indigo-1000-hsl);
890
- --dt-color-chart-sequential-10-selected-hsla: var(--dt-color-indigo-1000-hsla);
891
- --dt-color-chart-sequential-10-selected: var(--dt-color-indigo-1000); /* Selected state for tenth sequential chart color. */
892
- --dt-color-chart-sequential-10-hover-h: var(--dt-color-indigo-1000-h);
893
- --dt-color-chart-sequential-10-hover-s: var(--dt-color-indigo-1000-s);
894
- --dt-color-chart-sequential-10-hover-l: var(--dt-color-indigo-1000-l);
895
- --dt-color-chart-sequential-10-hover-a: var(--dt-color-indigo-1000-a);
896
- --dt-color-chart-sequential-10-hover-hsl: var(--dt-color-indigo-1000-hsl);
897
- --dt-color-chart-sequential-10-hover-hsla: var(--dt-color-indigo-1000-hsla);
898
- --dt-color-chart-sequential-10-hover: var(--dt-color-indigo-1000); /* Hover state for tenth sequential chart color. */
899
- --dt-color-chart-sequential-09-selected-h: var(--dt-color-indigo-1000-h);
900
- --dt-color-chart-sequential-09-selected-s: var(--dt-color-indigo-1000-s);
901
- --dt-color-chart-sequential-09-selected-l: var(--dt-color-indigo-1000-l);
902
- --dt-color-chart-sequential-09-selected-a: var(--dt-color-indigo-1000-a);
903
- --dt-color-chart-sequential-09-selected-hsl: var(--dt-color-indigo-1000-hsl);
904
- --dt-color-chart-sequential-09-selected-hsla: var(--dt-color-indigo-1000-hsla);
905
- --dt-color-chart-sequential-09-selected: var(--dt-color-indigo-1000); /* Selected state for ninth sequential chart color. */
906
- --dt-color-chart-sequential-09-hover-h: var(--dt-color-indigo-950-h);
907
- --dt-color-chart-sequential-09-hover-s: var(--dt-color-indigo-950-s);
908
- --dt-color-chart-sequential-09-hover-l: var(--dt-color-indigo-950-l);
909
- --dt-color-chart-sequential-09-hover-a: var(--dt-color-indigo-950-a);
910
- --dt-color-chart-sequential-09-hover-hsl: var(--dt-color-indigo-950-hsl);
911
- --dt-color-chart-sequential-09-hover-hsla: var(--dt-color-indigo-950-hsla);
912
- --dt-color-chart-sequential-09-hover: var(--dt-color-indigo-950); /* Hover state for ninth sequential chart color. */
913
- --dt-color-chart-sequential-09-h: var(--dt-color-indigo-900-h);
914
- --dt-color-chart-sequential-09-s: var(--dt-color-indigo-900-s);
915
- --dt-color-chart-sequential-09-l: var(--dt-color-indigo-900-l);
916
- --dt-color-chart-sequential-09-a: var(--dt-color-indigo-900-a);
917
- --dt-color-chart-sequential-09-hsl: var(--dt-color-indigo-900-hsl);
918
- --dt-color-chart-sequential-09-hsla: var(--dt-color-indigo-900-hsla);
919
- --dt-color-chart-sequential-09: var(--dt-color-indigo-900); /* Ninth color in sequential chart series, extremely dark shade. */
920
- --dt-color-chart-sequential-08-selected-h: var(--dt-color-indigo-950-h);
921
- --dt-color-chart-sequential-08-selected-s: var(--dt-color-indigo-950-s);
922
- --dt-color-chart-sequential-08-selected-l: var(--dt-color-indigo-950-l);
923
- --dt-color-chart-sequential-08-selected-a: var(--dt-color-indigo-950-a);
924
- --dt-color-chart-sequential-08-selected-hsl: var(--dt-color-indigo-950-hsl);
925
- --dt-color-chart-sequential-08-selected-hsla: var(--dt-color-indigo-950-hsla);
926
- --dt-color-chart-sequential-08-selected: var(--dt-color-indigo-950); /* Selected state for eighth sequential chart color. */
927
- --dt-color-chart-sequential-08-hover-h: var(--dt-color-indigo-900-h);
928
- --dt-color-chart-sequential-08-hover-s: var(--dt-color-indigo-900-s);
929
- --dt-color-chart-sequential-08-hover-l: var(--dt-color-indigo-900-l);
930
- --dt-color-chart-sequential-08-hover-a: var(--dt-color-indigo-900-a);
931
- --dt-color-chart-sequential-08-hover-hsl: var(--dt-color-indigo-900-hsl);
932
- --dt-color-chart-sequential-08-hover-hsla: var(--dt-color-indigo-900-hsla);
933
- --dt-color-chart-sequential-08-hover: var(--dt-color-indigo-900); /* Hover state for eighth sequential chart color. */
934
- --dt-color-chart-sequential-08-h: var(--dt-color-indigo-800-h);
935
- --dt-color-chart-sequential-08-s: var(--dt-color-indigo-800-s);
936
- --dt-color-chart-sequential-08-l: var(--dt-color-indigo-800-l);
937
- --dt-color-chart-sequential-08-a: var(--dt-color-indigo-800-a);
938
- --dt-color-chart-sequential-08-hsl: var(--dt-color-indigo-800-hsl);
939
- --dt-color-chart-sequential-08-hsla: var(--dt-color-indigo-800-hsla);
940
- --dt-color-chart-sequential-08: var(--dt-color-indigo-800); /* Eighth color in sequential chart series, very dark shade. */
941
- --dt-color-chart-sequential-07-selected-h: var(--dt-color-indigo-1000-h);
942
- --dt-color-chart-sequential-07-selected-s: var(--dt-color-indigo-1000-s);
943
- --dt-color-chart-sequential-07-selected-l: var(--dt-color-indigo-1000-l);
944
- --dt-color-chart-sequential-07-selected-a: var(--dt-color-indigo-1000-a);
945
- --dt-color-chart-sequential-07-selected-hsl: var(--dt-color-indigo-1000-hsl);
946
- --dt-color-chart-sequential-07-selected-hsla: var(--dt-color-indigo-1000-hsla);
947
- --dt-color-chart-sequential-07-selected: var(--dt-color-indigo-1000); /* Selected state for seventh sequential chart color. */
948
- --dt-color-chart-sequential-07-hover-h: var(--dt-color-indigo-800-h);
949
- --dt-color-chart-sequential-07-hover-s: var(--dt-color-indigo-800-s);
950
- --dt-color-chart-sequential-07-hover-l: var(--dt-color-indigo-800-l);
951
- --dt-color-chart-sequential-07-hover-a: var(--dt-color-indigo-800-a);
952
- --dt-color-chart-sequential-07-hover-hsl: var(--dt-color-indigo-800-hsl);
953
- --dt-color-chart-sequential-07-hover-hsla: var(--dt-color-indigo-800-hsla);
954
- --dt-color-chart-sequential-07-hover: var(--dt-color-indigo-800); /* Hover state for seventh sequential chart color. */
955
- --dt-color-chart-sequential-07-h: var(--dt-color-indigo-700-h);
956
- --dt-color-chart-sequential-07-s: var(--dt-color-indigo-700-s);
957
- --dt-color-chart-sequential-07-l: var(--dt-color-indigo-700-l);
958
- --dt-color-chart-sequential-07-a: var(--dt-color-indigo-700-a);
959
- --dt-color-chart-sequential-07-hsl: var(--dt-color-indigo-700-hsl);
960
- --dt-color-chart-sequential-07-hsla: var(--dt-color-indigo-700-hsla);
961
- --dt-color-chart-sequential-07: var(--dt-color-indigo-700); /* Seventh color in sequential chart series, dark shade. */
962
- --dt-color-chart-sequential-06-selected-h: var(--dt-color-indigo-950-h);
963
- --dt-color-chart-sequential-06-selected-s: var(--dt-color-indigo-950-s);
964
- --dt-color-chart-sequential-06-selected-l: var(--dt-color-indigo-950-l);
965
- --dt-color-chart-sequential-06-selected-a: var(--dt-color-indigo-950-a);
966
- --dt-color-chart-sequential-06-selected-hsl: var(--dt-color-indigo-950-hsl);
967
- --dt-color-chart-sequential-06-selected-hsla: var(--dt-color-indigo-950-hsla);
968
- --dt-color-chart-sequential-06-selected: var(--dt-color-indigo-950); /* Selected state for sixth sequential chart color. */
969
- --dt-color-chart-sequential-06-hover-h: var(--dt-color-indigo-700-h);
970
- --dt-color-chart-sequential-06-hover-s: var(--dt-color-indigo-700-s);
971
- --dt-color-chart-sequential-06-hover-l: var(--dt-color-indigo-700-l);
972
- --dt-color-chart-sequential-06-hover-a: var(--dt-color-indigo-700-a);
973
- --dt-color-chart-sequential-06-hover-hsl: var(--dt-color-indigo-700-hsl);
974
- --dt-color-chart-sequential-06-hover-hsla: var(--dt-color-indigo-700-hsla);
975
- --dt-color-chart-sequential-06-hover: var(--dt-color-indigo-700); /* Hover state for sixth sequential chart color. */
976
- --dt-color-chart-sequential-06-h: var(--dt-color-indigo-600-h);
977
- --dt-color-chart-sequential-06-s: var(--dt-color-indigo-600-s);
978
- --dt-color-chart-sequential-06-l: var(--dt-color-indigo-600-l);
979
- --dt-color-chart-sequential-06-a: var(--dt-color-indigo-600-a);
980
- --dt-color-chart-sequential-06-hsl: var(--dt-color-indigo-600-hsl);
981
- --dt-color-chart-sequential-06-hsla: var(--dt-color-indigo-600-hsla);
982
- --dt-color-chart-sequential-06: var(--dt-color-indigo-600); /* Sixth color in sequential chart series, medium-dark shade. */
983
- --dt-color-chart-sequential-05-selected-h: var(--dt-color-indigo-800-h);
984
- --dt-color-chart-sequential-05-selected-s: var(--dt-color-indigo-800-s);
985
- --dt-color-chart-sequential-05-selected-l: var(--dt-color-indigo-800-l);
986
- --dt-color-chart-sequential-05-selected-a: var(--dt-color-indigo-800-a);
987
- --dt-color-chart-sequential-05-selected-hsl: var(--dt-color-indigo-800-hsl);
988
- --dt-color-chart-sequential-05-selected-hsla: var(--dt-color-indigo-800-hsla);
989
- --dt-color-chart-sequential-05-selected: var(--dt-color-indigo-800); /* Selected state for fifth sequential chart color. */
990
- --dt-color-chart-sequential-05-hover-h: var(--dt-color-indigo-600-h);
991
- --dt-color-chart-sequential-05-hover-s: var(--dt-color-indigo-600-s);
992
- --dt-color-chart-sequential-05-hover-l: var(--dt-color-indigo-600-l);
993
- --dt-color-chart-sequential-05-hover-a: var(--dt-color-indigo-600-a);
994
- --dt-color-chart-sequential-05-hover-hsl: var(--dt-color-indigo-600-hsl);
995
- --dt-color-chart-sequential-05-hover-hsla: var(--dt-color-indigo-600-hsla);
996
- --dt-color-chart-sequential-05-hover: var(--dt-color-indigo-600); /* Hover state for fifth sequential chart color. */
997
- --dt-color-chart-sequential-05-h: var(--dt-color-indigo-500-h);
998
- --dt-color-chart-sequential-05-s: var(--dt-color-indigo-500-s);
999
- --dt-color-chart-sequential-05-l: var(--dt-color-indigo-500-l);
1000
- --dt-color-chart-sequential-05-a: var(--dt-color-indigo-500-a);
1001
- --dt-color-chart-sequential-05-hsl: var(--dt-color-indigo-500-hsl);
1002
- --dt-color-chart-sequential-05-hsla: var(--dt-color-indigo-500-hsla);
1003
- --dt-color-chart-sequential-05: var(--dt-color-indigo-500); /* Fifth color in sequential chart series, medium shade. */
1004
- --dt-color-chart-sequential-04-selected-h: var(--dt-color-indigo-700-h);
1005
- --dt-color-chart-sequential-04-selected-s: var(--dt-color-indigo-700-s);
1006
- --dt-color-chart-sequential-04-selected-l: var(--dt-color-indigo-700-l);
1007
- --dt-color-chart-sequential-04-selected-a: var(--dt-color-indigo-700-a);
1008
- --dt-color-chart-sequential-04-selected-hsl: var(--dt-color-indigo-700-hsl);
1009
- --dt-color-chart-sequential-04-selected-hsla: var(--dt-color-indigo-700-hsla);
1010
- --dt-color-chart-sequential-04-selected: var(--dt-color-indigo-700); /* Selected state for fourth sequential chart color. */
1011
- --dt-color-chart-sequential-04-hover-h: var(--dt-color-indigo-500-h);
1012
- --dt-color-chart-sequential-04-hover-s: var(--dt-color-indigo-500-s);
1013
- --dt-color-chart-sequential-04-hover-l: var(--dt-color-indigo-500-l);
1014
- --dt-color-chart-sequential-04-hover-a: var(--dt-color-indigo-500-a);
1015
- --dt-color-chart-sequential-04-hover-hsl: var(--dt-color-indigo-500-hsl);
1016
- --dt-color-chart-sequential-04-hover-hsla: var(--dt-color-indigo-500-hsla);
1017
- --dt-color-chart-sequential-04-hover: var(--dt-color-indigo-500); /* Hover state for fourth sequential chart color. */
1018
- --dt-color-chart-sequential-04-h: var(--dt-color-indigo-400-h);
1019
- --dt-color-chart-sequential-04-s: var(--dt-color-indigo-400-s);
1020
- --dt-color-chart-sequential-04-l: var(--dt-color-indigo-400-l);
1021
- --dt-color-chart-sequential-04-a: var(--dt-color-indigo-400-a);
1022
- --dt-color-chart-sequential-04-hsl: var(--dt-color-indigo-400-hsl);
1023
- --dt-color-chart-sequential-04-hsla: var(--dt-color-indigo-400-hsla);
1024
- --dt-color-chart-sequential-04: var(--dt-color-indigo-400); /* Fourth color in sequential chart series, light-medium shade. */
1025
- --dt-color-chart-sequential-03-selected-h: var(--dt-color-indigo-600-h);
1026
- --dt-color-chart-sequential-03-selected-s: var(--dt-color-indigo-600-s);
1027
- --dt-color-chart-sequential-03-selected-l: var(--dt-color-indigo-600-l);
1028
- --dt-color-chart-sequential-03-selected-a: var(--dt-color-indigo-600-a);
1029
- --dt-color-chart-sequential-03-selected-hsl: var(--dt-color-indigo-600-hsl);
1030
- --dt-color-chart-sequential-03-selected-hsla: var(--dt-color-indigo-600-hsla);
1031
- --dt-color-chart-sequential-03-selected: var(--dt-color-indigo-600); /* Selected state for third sequential chart color. */
1032
- --dt-color-chart-sequential-03-hover-h: var(--dt-color-indigo-400-h);
1033
- --dt-color-chart-sequential-03-hover-s: var(--dt-color-indigo-400-s);
1034
- --dt-color-chart-sequential-03-hover-l: var(--dt-color-indigo-400-l);
1035
- --dt-color-chart-sequential-03-hover-a: var(--dt-color-indigo-400-a);
1036
- --dt-color-chart-sequential-03-hover-hsl: var(--dt-color-indigo-400-hsl);
1037
- --dt-color-chart-sequential-03-hover-hsla: var(--dt-color-indigo-400-hsla);
1038
- --dt-color-chart-sequential-03-hover: var(--dt-color-indigo-400); /* Hover state for third sequential chart color. */
1039
- --dt-color-chart-sequential-03-h: var(--dt-color-indigo-300-h);
1040
- --dt-color-chart-sequential-03-s: var(--dt-color-indigo-300-s);
1041
- --dt-color-chart-sequential-03-l: var(--dt-color-indigo-300-l);
1042
- --dt-color-chart-sequential-03-a: var(--dt-color-indigo-300-a);
1043
- --dt-color-chart-sequential-03-hsl: var(--dt-color-indigo-300-hsl);
1044
- --dt-color-chart-sequential-03-hsla: var(--dt-color-indigo-300-hsla);
1045
- --dt-color-chart-sequential-03: var(--dt-color-indigo-300); /* Third color in sequential chart series, light shade. */
1046
- --dt-color-chart-sequential-02-selected-h: var(--dt-color-indigo-500-h);
1047
- --dt-color-chart-sequential-02-selected-s: var(--dt-color-indigo-500-s);
1048
- --dt-color-chart-sequential-02-selected-l: var(--dt-color-indigo-500-l);
1049
- --dt-color-chart-sequential-02-selected-a: var(--dt-color-indigo-500-a);
1050
- --dt-color-chart-sequential-02-selected-hsl: var(--dt-color-indigo-500-hsl);
1051
- --dt-color-chart-sequential-02-selected-hsla: var(--dt-color-indigo-500-hsla);
1052
- --dt-color-chart-sequential-02-selected: var(--dt-color-indigo-500); /* Selected state for second sequential chart color. */
1053
- --dt-color-chart-sequential-02-hover-h: var(--dt-color-indigo-300-h);
1054
- --dt-color-chart-sequential-02-hover-s: var(--dt-color-indigo-300-s);
1055
- --dt-color-chart-sequential-02-hover-l: var(--dt-color-indigo-300-l);
1056
- --dt-color-chart-sequential-02-hover-a: var(--dt-color-indigo-300-a);
1057
- --dt-color-chart-sequential-02-hover-hsl: var(--dt-color-indigo-300-hsl);
1058
- --dt-color-chart-sequential-02-hover-hsla: var(--dt-color-indigo-300-hsla);
1059
- --dt-color-chart-sequential-02-hover: var(--dt-color-indigo-300); /* Hover state for second sequential chart color. */
1060
- --dt-color-chart-sequential-02-h: var(--dt-color-indigo-200-h);
1061
- --dt-color-chart-sequential-02-s: var(--dt-color-indigo-200-s);
1062
- --dt-color-chart-sequential-02-l: var(--dt-color-indigo-200-l);
1063
- --dt-color-chart-sequential-02-a: var(--dt-color-indigo-200-a);
1064
- --dt-color-chart-sequential-02-hsl: var(--dt-color-indigo-200-hsl);
1065
- --dt-color-chart-sequential-02-hsla: var(--dt-color-indigo-200-hsla);
1066
- --dt-color-chart-sequential-02: var(--dt-color-indigo-200); /* Second color in sequential chart series, very light shade. */
1067
- --dt-color-chart-sequential-01-selected-h: var(--dt-color-indigo-400-h);
1068
- --dt-color-chart-sequential-01-selected-s: var(--dt-color-indigo-400-s);
1069
- --dt-color-chart-sequential-01-selected-l: var(--dt-color-indigo-400-l);
1070
- --dt-color-chart-sequential-01-selected-a: var(--dt-color-indigo-400-a);
1071
- --dt-color-chart-sequential-01-selected-hsl: var(--dt-color-indigo-400-hsl);
1072
- --dt-color-chart-sequential-01-selected-hsla: var(--dt-color-indigo-400-hsla);
1073
- --dt-color-chart-sequential-01-selected: var(--dt-color-indigo-400); /* Selected state for first sequential chart color. */
1074
- --dt-color-chart-sequential-01-hover-h: var(--dt-color-indigo-200-h);
1075
- --dt-color-chart-sequential-01-hover-s: var(--dt-color-indigo-200-s);
1076
- --dt-color-chart-sequential-01-hover-l: var(--dt-color-indigo-200-l);
1077
- --dt-color-chart-sequential-01-hover-a: var(--dt-color-indigo-200-a);
1078
- --dt-color-chart-sequential-01-hover-hsl: var(--dt-color-indigo-200-hsl);
1079
- --dt-color-chart-sequential-01-hover-hsla: var(--dt-color-indigo-200-hsla);
1080
- --dt-color-chart-sequential-01-hover: var(--dt-color-indigo-200); /* Hover state for first sequential chart color. */
808
+ --dt-color-chart-sequential-range-10-end-h: var(--dt-color-teal-900-h);
809
+ --dt-color-chart-sequential-range-10-end-s: var(--dt-color-teal-900-s);
810
+ --dt-color-chart-sequential-range-10-end-l: var(--dt-color-teal-900-l);
811
+ --dt-color-chart-sequential-range-10-end-a: var(--dt-color-teal-900-a);
812
+ --dt-color-chart-sequential-range-10-end-hsl: var(--dt-color-teal-900-hsl);
813
+ --dt-color-chart-sequential-range-10-end-hsla: var(--dt-color-teal-900-hsla);
814
+ --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. */
815
+ --dt-color-chart-sequential-range-10-start-h: var(--dt-color-teal-100-h);
816
+ --dt-color-chart-sequential-range-10-start-s: var(--dt-color-teal-100-s);
817
+ --dt-color-chart-sequential-range-10-start-l: var(--dt-color-teal-100-l);
818
+ --dt-color-chart-sequential-range-10-start-a: var(--dt-color-teal-100-a);
819
+ --dt-color-chart-sequential-range-10-start-hsl: var(--dt-color-teal-100-hsl);
820
+ --dt-color-chart-sequential-range-10-start-hsla: var(--dt-color-teal-100-hsla);
821
+ --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. */
822
+ --dt-color-chart-sequential-range-09-end-h: var(--dt-color-red-700-h);
823
+ --dt-color-chart-sequential-range-09-end-s: var(--dt-color-red-700-s);
824
+ --dt-color-chart-sequential-range-09-end-l: var(--dt-color-red-700-l);
825
+ --dt-color-chart-sequential-range-09-end-a: var(--dt-color-red-700-a);
826
+ --dt-color-chart-sequential-range-09-end-hsl: var(--dt-color-red-700-hsl);
827
+ --dt-color-chart-sequential-range-09-end-hsla: var(--dt-color-red-700-hsla);
828
+ --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. */
829
+ --dt-color-chart-sequential-range-09-start-h: var(--dt-color-red-100-h);
830
+ --dt-color-chart-sequential-range-09-start-s: var(--dt-color-red-100-s);
831
+ --dt-color-chart-sequential-range-09-start-l: var(--dt-color-red-100-l);
832
+ --dt-color-chart-sequential-range-09-start-a: var(--dt-color-red-100-a);
833
+ --dt-color-chart-sequential-range-09-start-hsl: var(--dt-color-red-100-hsl);
834
+ --dt-color-chart-sequential-range-09-start-hsla: var(--dt-color-red-100-hsla);
835
+ --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. */
836
+ --dt-color-chart-sequential-range-08-end-h: var(--dt-color-olive-900-h);
837
+ --dt-color-chart-sequential-range-08-end-s: var(--dt-color-olive-900-s);
838
+ --dt-color-chart-sequential-range-08-end-l: var(--dt-color-olive-900-l);
839
+ --dt-color-chart-sequential-range-08-end-a: var(--dt-color-olive-900-a);
840
+ --dt-color-chart-sequential-range-08-end-hsl: var(--dt-color-olive-900-hsl);
841
+ --dt-color-chart-sequential-range-08-end-hsla: var(--dt-color-olive-900-hsla);
842
+ --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. */
843
+ --dt-color-chart-sequential-range-08-start-h: var(--dt-color-olive-100-h);
844
+ --dt-color-chart-sequential-range-08-start-s: var(--dt-color-olive-100-s);
845
+ --dt-color-chart-sequential-range-08-start-l: var(--dt-color-olive-100-l);
846
+ --dt-color-chart-sequential-range-08-start-a: var(--dt-color-olive-100-a);
847
+ --dt-color-chart-sequential-range-08-start-hsl: var(--dt-color-olive-100-hsl);
848
+ --dt-color-chart-sequential-range-08-start-hsla: var(--dt-color-olive-100-hsla);
849
+ --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. */
850
+ --dt-color-chart-sequential-range-07-end-h: var(--dt-color-coral-900-h);
851
+ --dt-color-chart-sequential-range-07-end-s: var(--dt-color-coral-900-s);
852
+ --dt-color-chart-sequential-range-07-end-l: var(--dt-color-coral-900-l);
853
+ --dt-color-chart-sequential-range-07-end-a: var(--dt-color-coral-900-a);
854
+ --dt-color-chart-sequential-range-07-end-hsl: var(--dt-color-coral-900-hsl);
855
+ --dt-color-chart-sequential-range-07-end-hsla: var(--dt-color-coral-900-hsla);
856
+ --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. */
857
+ --dt-color-chart-sequential-range-07-start-h: var(--dt-color-coral-100-h);
858
+ --dt-color-chart-sequential-range-07-start-s: var(--dt-color-coral-100-s);
859
+ --dt-color-chart-sequential-range-07-start-l: var(--dt-color-coral-100-l);
860
+ --dt-color-chart-sequential-range-07-start-a: var(--dt-color-coral-100-a);
861
+ --dt-color-chart-sequential-range-07-start-hsl: var(--dt-color-coral-100-hsl);
862
+ --dt-color-chart-sequential-range-07-start-hsla: var(--dt-color-coral-100-hsla);
863
+ --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. */
864
+ --dt-color-chart-sequential-range-06-end-h: var(--dt-color-berry-900-h);
865
+ --dt-color-chart-sequential-range-06-end-s: var(--dt-color-berry-900-s);
866
+ --dt-color-chart-sequential-range-06-end-l: var(--dt-color-berry-900-l);
867
+ --dt-color-chart-sequential-range-06-end-a: var(--dt-color-berry-900-a);
868
+ --dt-color-chart-sequential-range-06-end-hsl: var(--dt-color-berry-900-hsl);
869
+ --dt-color-chart-sequential-range-06-end-hsla: var(--dt-color-berry-900-hsla);
870
+ --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. */
871
+ --dt-color-chart-sequential-range-06-start-h: var(--dt-color-berry-100-h);
872
+ --dt-color-chart-sequential-range-06-start-s: var(--dt-color-berry-100-s);
873
+ --dt-color-chart-sequential-range-06-start-l: var(--dt-color-berry-100-l);
874
+ --dt-color-chart-sequential-range-06-start-a: var(--dt-color-berry-100-a);
875
+ --dt-color-chart-sequential-range-06-start-hsl: var(--dt-color-berry-100-hsl);
876
+ --dt-color-chart-sequential-range-06-start-hsla: var(--dt-color-berry-100-hsla);
877
+ --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. */
878
+ --dt-color-chart-sequential-range-05-end-h: var(--dt-color-green-600-h);
879
+ --dt-color-chart-sequential-range-05-end-s: var(--dt-color-green-600-s);
880
+ --dt-color-chart-sequential-range-05-end-l: var(--dt-color-green-600-l);
881
+ --dt-color-chart-sequential-range-05-end-a: var(--dt-color-green-600-a);
882
+ --dt-color-chart-sequential-range-05-end-hsl: var(--dt-color-green-600-hsl);
883
+ --dt-color-chart-sequential-range-05-end-hsla: var(--dt-color-green-600-hsla);
884
+ --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. */
885
+ --dt-color-chart-sequential-range-05-start-h: var(--dt-color-green-100-h);
886
+ --dt-color-chart-sequential-range-05-start-s: var(--dt-color-green-100-s);
887
+ --dt-color-chart-sequential-range-05-start-l: var(--dt-color-green-100-l);
888
+ --dt-color-chart-sequential-range-05-start-a: var(--dt-color-green-100-a);
889
+ --dt-color-chart-sequential-range-05-start-hsl: var(--dt-color-green-100-hsl);
890
+ --dt-color-chart-sequential-range-05-start-hsla: var(--dt-color-green-100-hsla);
891
+ --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. */
892
+ --dt-color-chart-sequential-range-04-end-h: var(--dt-color-gold-600-h);
893
+ --dt-color-chart-sequential-range-04-end-s: var(--dt-color-gold-600-s);
894
+ --dt-color-chart-sequential-range-04-end-l: var(--dt-color-gold-600-l);
895
+ --dt-color-chart-sequential-range-04-end-a: var(--dt-color-gold-600-a);
896
+ --dt-color-chart-sequential-range-04-end-hsl: var(--dt-color-gold-600-hsl);
897
+ --dt-color-chart-sequential-range-04-end-hsla: var(--dt-color-gold-600-hsla);
898
+ --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. */
899
+ --dt-color-chart-sequential-range-04-start-h: var(--dt-color-gold-50-h);
900
+ --dt-color-chart-sequential-range-04-start-s: var(--dt-color-gold-50-s);
901
+ --dt-color-chart-sequential-range-04-start-l: var(--dt-color-gold-50-l);
902
+ --dt-color-chart-sequential-range-04-start-a: var(--dt-color-gold-50-a);
903
+ --dt-color-chart-sequential-range-04-start-hsl: var(--dt-color-gold-50-hsl);
904
+ --dt-color-chart-sequential-range-04-start-hsla: var(--dt-color-gold-50-hsla);
905
+ --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. */
906
+ --dt-color-chart-sequential-range-03-end-h: var(--dt-color-blue-600-h);
907
+ --dt-color-chart-sequential-range-03-end-s: var(--dt-color-blue-600-s);
908
+ --dt-color-chart-sequential-range-03-end-l: var(--dt-color-blue-600-l);
909
+ --dt-color-chart-sequential-range-03-end-a: var(--dt-color-blue-600-a);
910
+ --dt-color-chart-sequential-range-03-end-hsl: var(--dt-color-blue-600-hsl);
911
+ --dt-color-chart-sequential-range-03-end-hsla: var(--dt-color-blue-600-hsla);
912
+ --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. */
913
+ --dt-color-chart-sequential-range-03-start-h: var(--dt-color-blue-100-h);
914
+ --dt-color-chart-sequential-range-03-start-s: var(--dt-color-blue-100-s);
915
+ --dt-color-chart-sequential-range-03-start-l: var(--dt-color-blue-100-l);
916
+ --dt-color-chart-sequential-range-03-start-a: var(--dt-color-blue-100-a);
917
+ --dt-color-chart-sequential-range-03-start-hsl: var(--dt-color-blue-100-hsl);
918
+ --dt-color-chart-sequential-range-03-start-hsla: var(--dt-color-blue-100-hsla);
919
+ --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. */
920
+ --dt-color-chart-sequential-range-02-end-h: var(--dt-color-magenta-600-h);
921
+ --dt-color-chart-sequential-range-02-end-s: var(--dt-color-magenta-600-s);
922
+ --dt-color-chart-sequential-range-02-end-l: var(--dt-color-magenta-600-l);
923
+ --dt-color-chart-sequential-range-02-end-a: var(--dt-color-magenta-600-a);
924
+ --dt-color-chart-sequential-range-02-end-hsl: var(--dt-color-magenta-600-hsl);
925
+ --dt-color-chart-sequential-range-02-end-hsla: var(--dt-color-magenta-600-hsla);
926
+ --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. */
927
+ --dt-color-chart-sequential-range-02-start-h: var(--dt-color-magenta-100-h);
928
+ --dt-color-chart-sequential-range-02-start-s: var(--dt-color-magenta-100-s);
929
+ --dt-color-chart-sequential-range-02-start-l: var(--dt-color-magenta-100-l);
930
+ --dt-color-chart-sequential-range-02-start-a: var(--dt-color-magenta-100-a);
931
+ --dt-color-chart-sequential-range-02-start-hsl: var(--dt-color-magenta-100-hsl);
932
+ --dt-color-chart-sequential-range-02-start-hsla: var(--dt-color-magenta-100-hsla);
933
+ --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. */
934
+ --dt-color-chart-sequential-range-01-end-h: var(--dt-color-purple-550-h);
935
+ --dt-color-chart-sequential-range-01-end-s: var(--dt-color-purple-550-s);
936
+ --dt-color-chart-sequential-range-01-end-l: var(--dt-color-purple-550-l);
937
+ --dt-color-chart-sequential-range-01-end-a: var(--dt-color-purple-550-a);
938
+ --dt-color-chart-sequential-range-01-end-hsl: var(--dt-color-purple-550-hsl);
939
+ --dt-color-chart-sequential-range-01-end-hsla: var(--dt-color-purple-550-hsla);
940
+ --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. */
941
+ --dt-color-chart-sequential-range-01-start-h: var(--dt-color-purple-100-h);
942
+ --dt-color-chart-sequential-range-01-start-s: var(--dt-color-purple-100-s);
943
+ --dt-color-chart-sequential-range-01-start-l: var(--dt-color-purple-100-l);
944
+ --dt-color-chart-sequential-range-01-start-a: var(--dt-color-purple-100-a);
945
+ --dt-color-chart-sequential-range-01-start-hsl: var(--dt-color-purple-100-hsl);
946
+ --dt-color-chart-sequential-range-01-start-hsla: var(--dt-color-purple-100-hsla);
947
+ --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. */
1081
948
  --dt-color-chart-sequential-01-h: var(--dt-color-indigo-100-h);
1082
949
  --dt-color-chart-sequential-01-s: var(--dt-color-indigo-100-s);
1083
950
  --dt-color-chart-sequential-01-l: var(--dt-color-indigo-100-l);
1084
951
  --dt-color-chart-sequential-01-a: var(--dt-color-indigo-100-a);
1085
952
  --dt-color-chart-sequential-01-hsl: var(--dt-color-indigo-100-hsl);
1086
953
  --dt-color-chart-sequential-01-hsla: var(--dt-color-indigo-100-hsla);
1087
- --dt-color-chart-sequential-01: var(--dt-color-indigo-100); /* First color in sequential chart series, lightest shade. */
1088
- --dt-color-chart-sequential-10-h: var(--dt-color-indigo-950-h);
1089
- --dt-color-chart-sequential-10-s: var(--dt-color-indigo-950-s);
1090
- --dt-color-chart-sequential-10-l: var(--dt-color-indigo-950-l);
1091
- --dt-color-chart-sequential-10-a: var(--dt-color-indigo-950-a);
1092
- --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-950-hsl);
1093
- --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-950-hsla);
1094
- --dt-color-chart-sequential-10: var(--dt-color-indigo-950); /* Tenth color in sequential chart series, darkest shade. */
1095
- --dt-color-chart-brand-selected-h: var(--dt-color-purple-550-h);
1096
- --dt-color-chart-brand-selected-s: var(--dt-color-purple-550-s);
1097
- --dt-color-chart-brand-selected-l: var(--dt-color-purple-550-l);
1098
- --dt-color-chart-brand-selected-a: var(--dt-color-purple-550-a);
1099
- --dt-color-chart-brand-selected-hsl: var(--dt-color-purple-550-hsl);
1100
- --dt-color-chart-brand-selected-hsla: var(--dt-color-purple-550-hsla);
1101
- --dt-color-chart-brand-selected: var(--dt-color-purple-550); /* Selected state for brand chart elements. */
1102
- --dt-color-chart-brand-hover-h: var(--dt-color-purple-450-h);
1103
- --dt-color-chart-brand-hover-s: var(--dt-color-purple-450-s);
1104
- --dt-color-chart-brand-hover-l: var(--dt-color-purple-450-l);
1105
- --dt-color-chart-brand-hover-a: var(--dt-color-purple-450-a);
1106
- --dt-color-chart-brand-hover-hsl: var(--dt-color-purple-450-hsl);
1107
- --dt-color-chart-brand-hover-hsla: var(--dt-color-purple-450-hsla);
1108
- --dt-color-chart-brand-hover: var(--dt-color-purple-450); /* Hover state for brand chart elements. */
1109
- --dt-color-chart-brand-h: var(--dt-color-purple-400-h);
1110
- --dt-color-chart-brand-s: var(--dt-color-purple-400-s);
1111
- --dt-color-chart-brand-l: var(--dt-color-purple-400-l);
1112
- --dt-color-chart-brand-a: var(--dt-color-purple-400-a);
1113
- --dt-color-chart-brand-hsl: var(--dt-color-purple-400-hsl);
1114
- --dt-color-chart-brand-hsla: var(--dt-color-purple-400-hsla);
1115
- --dt-color-chart-brand: var(--dt-color-purple-400); /* Used for brand-related data or to highlight company-specific information in charts. */
1116
- --dt-color-chart-info-selected-h: var(--dt-color-blue-600-h);
1117
- --dt-color-chart-info-selected-s: var(--dt-color-blue-600-s);
1118
- --dt-color-chart-info-selected-l: var(--dt-color-blue-600-l);
1119
- --dt-color-chart-info-selected-a: var(--dt-color-blue-600-a);
1120
- --dt-color-chart-info-selected-hsl: var(--dt-color-blue-600-hsl);
1121
- --dt-color-chart-info-selected-hsla: var(--dt-color-blue-600-hsla);
1122
- --dt-color-chart-info-selected: var(--dt-color-blue-600); /* Selected state for info chart elements. */
1123
- --dt-color-chart-info-hover-h: var(--dt-color-blue-475-h);
1124
- --dt-color-chart-info-hover-s: var(--dt-color-blue-475-s);
1125
- --dt-color-chart-info-hover-l: var(--dt-color-blue-475-l);
1126
- --dt-color-chart-info-hover-a: var(--dt-color-blue-475-a);
1127
- --dt-color-chart-info-hover-hsl: var(--dt-color-blue-475-hsl);
1128
- --dt-color-chart-info-hover-hsla: var(--dt-color-blue-475-hsla);
1129
- --dt-color-chart-info-hover: var(--dt-color-blue-475); /* Hover state for info chart elements. */
954
+ --dt-color-chart-sequential-01: var(--dt-color-indigo-100); /* First color in sequential chart series. */
955
+ --dt-color-chart-sequential-10-h: var(--dt-color-indigo-900-h);
956
+ --dt-color-chart-sequential-10-s: var(--dt-color-indigo-900-s);
957
+ --dt-color-chart-sequential-10-l: var(--dt-color-indigo-900-l);
958
+ --dt-color-chart-sequential-10-a: var(--dt-color-indigo-900-a);
959
+ --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-900-hsl);
960
+ --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-900-hsla);
961
+ --dt-color-chart-sequential-10: var(--dt-color-indigo-900); /* Tenth color in sequential chart series. */
962
+ --dt-color-chart-info-selected-h: var(--dt-color-blue-500-h);
963
+ --dt-color-chart-info-selected-s: var(--dt-color-blue-500-s);
964
+ --dt-color-chart-info-selected-l: var(--dt-color-blue-500-l);
965
+ --dt-color-chart-info-selected-a: var(--dt-color-blue-500-a);
966
+ --dt-color-chart-info-selected-hsl: var(--dt-color-blue-500-hsl);
967
+ --dt-color-chart-info-selected-hsla: var(--dt-color-blue-500-hsla);
968
+ --dt-color-chart-info-selected: var(--dt-color-blue-500); /* Selected state for info chart elements. */
969
+ --dt-color-chart-info-hover-h: var(--dt-color-blue-450-h);
970
+ --dt-color-chart-info-hover-s: var(--dt-color-blue-450-s);
971
+ --dt-color-chart-info-hover-l: var(--dt-color-blue-450-l);
972
+ --dt-color-chart-info-hover-a: var(--dt-color-blue-450-a);
973
+ --dt-color-chart-info-hover-hsl: var(--dt-color-blue-450-hsl);
974
+ --dt-color-chart-info-hover-hsla: var(--dt-color-blue-450-hsla);
975
+ --dt-color-chart-info-hover: var(--dt-color-blue-450); /* Hover state for info chart elements. */
1130
976
  --dt-color-chart-info-h: var(--dt-color-blue-425-h);
1131
977
  --dt-color-chart-info-s: var(--dt-color-blue-425-s);
1132
978
  --dt-color-chart-info-l: var(--dt-color-blue-425-l);
@@ -1141,13 +987,6 @@
1141
987
  --dt-color-chart-warning-selected-hsl: var(--dt-color-gold-600-hsl);
1142
988
  --dt-color-chart-warning-selected-hsla: var(--dt-color-gold-600-hsla);
1143
989
  --dt-color-chart-warning-selected: var(--dt-color-gold-600); /* Selected state for warning chart elements. */
1144
- --dt-color-chart-warning-hover-h: var(--dt-color-gold-500-h);
1145
- --dt-color-chart-warning-hover-s: var(--dt-color-gold-500-s);
1146
- --dt-color-chart-warning-hover-l: var(--dt-color-gold-500-l);
1147
- --dt-color-chart-warning-hover-a: var(--dt-color-gold-500-a);
1148
- --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
1149
- --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
1150
- --dt-color-chart-warning-hover: var(--dt-color-gold-500); /* Hover state for warning chart elements. */
1151
990
  --dt-color-chart-warning-h: var(--dt-color-gold-400-h);
1152
991
  --dt-color-chart-warning-s: var(--dt-color-gold-400-s);
1153
992
  --dt-color-chart-warning-l: var(--dt-color-gold-400-l);
@@ -1155,6 +994,13 @@
1155
994
  --dt-color-chart-warning-hsl: var(--dt-color-gold-400-hsl);
1156
995
  --dt-color-chart-warning-hsla: var(--dt-color-gold-400-hsla);
1157
996
  --dt-color-chart-warning: var(--dt-color-gold-400); /* Used for cautionary or warning indicators in charts. */
997
+ --dt-color-chart-warning-hover-h: var(--dt-color-gold-500-h);
998
+ --dt-color-chart-warning-hover-s: var(--dt-color-gold-500-s);
999
+ --dt-color-chart-warning-hover-l: var(--dt-color-gold-500-l);
1000
+ --dt-color-chart-warning-hover-a: var(--dt-color-gold-500-a);
1001
+ --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
1002
+ --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
1003
+ --dt-color-chart-warning-hover: var(--dt-color-gold-500); /* Hover state for warning chart elements. */
1158
1004
  --dt-color-chart-critical-selected-h: var(--dt-color-red-600-h);
1159
1005
  --dt-color-chart-critical-selected-s: var(--dt-color-red-600-s);
1160
1006
  --dt-color-chart-critical-selected-l: var(--dt-color-red-600-l);
@@ -1239,6 +1085,20 @@
1239
1085
  --dt-color-chart-neutral-hsl: var(--dt-color-tan-300-hsl);
1240
1086
  --dt-color-chart-neutral-hsla: var(--dt-color-tan-300-hsla);
1241
1087
  --dt-color-chart-neutral: var(--dt-color-tan-300); /* Used for neutral or background elements in charts where no specific meaning is implied. */
1088
+ --dt-color-chart-categorical-10-selected-h: var(--dt-color-teal-900-h);
1089
+ --dt-color-chart-categorical-10-selected-s: var(--dt-color-teal-900-s);
1090
+ --dt-color-chart-categorical-10-selected-l: var(--dt-color-teal-900-l);
1091
+ --dt-color-chart-categorical-10-selected-a: var(--dt-color-teal-900-a);
1092
+ --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
1093
+ --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
1094
+ --dt-color-chart-categorical-10-selected: var(--dt-color-teal-900);
1095
+ --dt-color-chart-categorical-10-hover-h: var(--dt-color-teal-700-h);
1096
+ --dt-color-chart-categorical-10-hover-s: var(--dt-color-teal-700-s);
1097
+ --dt-color-chart-categorical-10-hover-l: var(--dt-color-teal-700-l);
1098
+ --dt-color-chart-categorical-10-hover-a: var(--dt-color-teal-700-a);
1099
+ --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
1100
+ --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
1101
+ --dt-color-chart-categorical-10-hover: var(--dt-color-teal-700);
1242
1102
  --dt-color-chart-categorical-09-selected-h: var(--dt-color-red-600-h);
1243
1103
  --dt-color-chart-categorical-09-selected-s: var(--dt-color-red-600-s);
1244
1104
  --dt-color-chart-categorical-09-selected-l: var(--dt-color-red-600-l);
@@ -1281,13 +1141,13 @@
1281
1141
  --dt-color-chart-categorical-08-hsl: var(--dt-color-olive-500-hsl);
1282
1142
  --dt-color-chart-categorical-08-hsla: var(--dt-color-olive-500-hsla);
1283
1143
  --dt-color-chart-categorical-08: var(--dt-color-olive-500);
1284
- --dt-color-chart-categorical-07-selected-h: var(--dt-color-coral-900-h);
1285
- --dt-color-chart-categorical-07-selected-s: var(--dt-color-coral-900-s);
1286
- --dt-color-chart-categorical-07-selected-l: var(--dt-color-coral-900-l);
1287
- --dt-color-chart-categorical-07-selected-a: var(--dt-color-coral-900-a);
1288
- --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-900-hsl);
1289
- --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-900-hsla);
1290
- --dt-color-chart-categorical-07-selected: var(--dt-color-coral-900);
1144
+ --dt-color-chart-categorical-07-selected-h: var(--dt-color-coral-700-h);
1145
+ --dt-color-chart-categorical-07-selected-s: var(--dt-color-coral-700-s);
1146
+ --dt-color-chart-categorical-07-selected-l: var(--dt-color-coral-700-l);
1147
+ --dt-color-chart-categorical-07-selected-a: var(--dt-color-coral-700-a);
1148
+ --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-700-hsl);
1149
+ --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-700-hsla);
1150
+ --dt-color-chart-categorical-07-selected: var(--dt-color-coral-700);
1291
1151
  --dt-color-chart-categorical-07-hover-h: var(--dt-color-coral-500-h);
1292
1152
  --dt-color-chart-categorical-07-hover-s: var(--dt-color-coral-500-s);
1293
1153
  --dt-color-chart-categorical-07-hover-l: var(--dt-color-coral-500-l);
@@ -1344,20 +1204,20 @@
1344
1204
  --dt-color-chart-categorical-05-hsl: var(--dt-color-green-425-hsl);
1345
1205
  --dt-color-chart-categorical-05-hsla: var(--dt-color-green-425-hsla);
1346
1206
  --dt-color-chart-categorical-05: var(--dt-color-green-425);
1347
- --dt-color-chart-categorical-04-selected-h: var(--dt-color-gold-700-h);
1348
- --dt-color-chart-categorical-04-selected-s: var(--dt-color-gold-700-s);
1349
- --dt-color-chart-categorical-04-selected-l: var(--dt-color-gold-700-l);
1350
- --dt-color-chart-categorical-04-selected-a: var(--dt-color-gold-700-a);
1351
- --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-700-hsl);
1352
- --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-700-hsla);
1353
- --dt-color-chart-categorical-04-selected: var(--dt-color-gold-700);
1354
- --dt-color-chart-categorical-04-hover-h: var(--dt-color-gold-500-h);
1355
- --dt-color-chart-categorical-04-hover-s: var(--dt-color-gold-500-s);
1356
- --dt-color-chart-categorical-04-hover-l: var(--dt-color-gold-500-l);
1357
- --dt-color-chart-categorical-04-hover-a: var(--dt-color-gold-500-a);
1358
- --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-500-hsl);
1359
- --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-500-hsla);
1360
- --dt-color-chart-categorical-04-hover: var(--dt-color-gold-500);
1207
+ --dt-color-chart-categorical-04-selected-h: var(--dt-color-gold-600-h);
1208
+ --dt-color-chart-categorical-04-selected-s: var(--dt-color-gold-600-s);
1209
+ --dt-color-chart-categorical-04-selected-l: var(--dt-color-gold-600-l);
1210
+ --dt-color-chart-categorical-04-selected-a: var(--dt-color-gold-600-a);
1211
+ --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-600-hsl);
1212
+ --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-600-hsla);
1213
+ --dt-color-chart-categorical-04-selected: var(--dt-color-gold-600);
1214
+ --dt-color-chart-categorical-04-hover-h: var(--dt-color-gold-450-h);
1215
+ --dt-color-chart-categorical-04-hover-s: var(--dt-color-gold-450-s);
1216
+ --dt-color-chart-categorical-04-hover-l: var(--dt-color-gold-450-l);
1217
+ --dt-color-chart-categorical-04-hover-a: var(--dt-color-gold-450-a);
1218
+ --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-450-hsl);
1219
+ --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-450-hsla);
1220
+ --dt-color-chart-categorical-04-hover: var(--dt-color-gold-450);
1361
1221
  --dt-color-chart-categorical-04-h: var(--dt-color-gold-400-h);
1362
1222
  --dt-color-chart-categorical-04-s: var(--dt-color-gold-400-s);
1363
1223
  --dt-color-chart-categorical-04-l: var(--dt-color-gold-400-l);
@@ -1365,13 +1225,13 @@
1365
1225
  --dt-color-chart-categorical-04-hsl: var(--dt-color-gold-400-hsl);
1366
1226
  --dt-color-chart-categorical-04-hsla: var(--dt-color-gold-400-hsla);
1367
1227
  --dt-color-chart-categorical-04: var(--dt-color-gold-400);
1368
- --dt-color-chart-categorical-03-selected-h: var(--dt-color-blue-600-h);
1369
- --dt-color-chart-categorical-03-selected-s: var(--dt-color-blue-600-s);
1370
- --dt-color-chart-categorical-03-selected-l: var(--dt-color-blue-600-l);
1371
- --dt-color-chart-categorical-03-selected-a: var(--dt-color-blue-600-a);
1372
- --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-600-hsl);
1373
- --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-600-hsla);
1374
- --dt-color-chart-categorical-03-selected: var(--dt-color-blue-600);
1228
+ --dt-color-chart-categorical-03-selected-h: var(--dt-color-blue-500-h);
1229
+ --dt-color-chart-categorical-03-selected-s: var(--dt-color-blue-500-s);
1230
+ --dt-color-chart-categorical-03-selected-l: var(--dt-color-blue-500-l);
1231
+ --dt-color-chart-categorical-03-selected-a: var(--dt-color-blue-500-a);
1232
+ --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-500-hsl);
1233
+ --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-500-hsla);
1234
+ --dt-color-chart-categorical-03-selected: var(--dt-color-blue-500);
1375
1235
  --dt-color-chart-categorical-03-hover-h: var(--dt-color-blue-450-h);
1376
1236
  --dt-color-chart-categorical-03-hover-s: var(--dt-color-blue-450-s);
1377
1237
  --dt-color-chart-categorical-03-hover-l: var(--dt-color-blue-450-l);
@@ -1379,20 +1239,20 @@
1379
1239
  --dt-color-chart-categorical-03-hover-hsl: var(--dt-color-blue-450-hsl);
1380
1240
  --dt-color-chart-categorical-03-hover-hsla: var(--dt-color-blue-450-hsla);
1381
1241
  --dt-color-chart-categorical-03-hover: var(--dt-color-blue-450);
1382
- --dt-color-chart-categorical-03-h: var(--dt-color-blue-400-h);
1383
- --dt-color-chart-categorical-03-s: var(--dt-color-blue-400-s);
1384
- --dt-color-chart-categorical-03-l: var(--dt-color-blue-400-l);
1385
- --dt-color-chart-categorical-03-a: var(--dt-color-blue-400-a);
1386
- --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-400-hsl);
1387
- --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-400-hsla);
1388
- --dt-color-chart-categorical-03: var(--dt-color-blue-400);
1389
- --dt-color-chart-categorical-02-selected-h: var(--dt-color-magenta-600-h);
1390
- --dt-color-chart-categorical-02-selected-s: var(--dt-color-magenta-600-s);
1391
- --dt-color-chart-categorical-02-selected-l: var(--dt-color-magenta-600-l);
1392
- --dt-color-chart-categorical-02-selected-a: var(--dt-color-magenta-600-a);
1393
- --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-600-hsl);
1394
- --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-600-hsla);
1395
- --dt-color-chart-categorical-02-selected: var(--dt-color-magenta-600);
1242
+ --dt-color-chart-categorical-03-h: var(--dt-color-blue-425-h);
1243
+ --dt-color-chart-categorical-03-s: var(--dt-color-blue-425-s);
1244
+ --dt-color-chart-categorical-03-l: var(--dt-color-blue-425-l);
1245
+ --dt-color-chart-categorical-03-a: var(--dt-color-blue-425-a);
1246
+ --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-425-hsl);
1247
+ --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-425-hsla);
1248
+ --dt-color-chart-categorical-03: var(--dt-color-blue-425);
1249
+ --dt-color-chart-categorical-02-selected-h: var(--dt-color-magenta-475-h);
1250
+ --dt-color-chart-categorical-02-selected-s: var(--dt-color-magenta-475-s);
1251
+ --dt-color-chart-categorical-02-selected-l: var(--dt-color-magenta-475-l);
1252
+ --dt-color-chart-categorical-02-selected-a: var(--dt-color-magenta-475-a);
1253
+ --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-475-hsl);
1254
+ --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-475-hsla);
1255
+ --dt-color-chart-categorical-02-selected: var(--dt-color-magenta-475);
1396
1256
  --dt-color-chart-categorical-02-hover-h: var(--dt-color-magenta-400-h);
1397
1257
  --dt-color-chart-categorical-02-hover-s: var(--dt-color-magenta-400-s);
1398
1258
  --dt-color-chart-categorical-02-hover-l: var(--dt-color-magenta-400-l);
@@ -1407,41 +1267,34 @@
1407
1267
  --dt-color-chart-categorical-02-hsl: var(--dt-color-magenta-300-hsl);
1408
1268
  --dt-color-chart-categorical-02-hsla: var(--dt-color-magenta-300-hsla);
1409
1269
  --dt-color-chart-categorical-02: var(--dt-color-magenta-300);
1410
- --dt-color-chart-categorical-01-selected-h: var(--dt-color-purple-600-h);
1411
- --dt-color-chart-categorical-01-selected-s: var(--dt-color-purple-600-s);
1412
- --dt-color-chart-categorical-01-selected-l: var(--dt-color-purple-600-l);
1413
- --dt-color-chart-categorical-01-selected-a: var(--dt-color-purple-600-a);
1414
- --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-600-hsl);
1415
- --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-600-hsla);
1416
- --dt-color-chart-categorical-01-selected: var(--dt-color-purple-600);
1417
- --dt-color-chart-categorical-01-hover-h: var(--dt-color-purple-500-h);
1418
- --dt-color-chart-categorical-01-hover-s: var(--dt-color-purple-500-s);
1419
- --dt-color-chart-categorical-01-hover-l: var(--dt-color-purple-500-l);
1420
- --dt-color-chart-categorical-01-hover-a: var(--dt-color-purple-500-a);
1421
- --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-500-hsl);
1422
- --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-500-hsla);
1423
- --dt-color-chart-categorical-01-hover: var(--dt-color-purple-500);
1424
- --dt-color-chart-categorical-01-h: var(--dt-color-purple-450-h);
1425
- --dt-color-chart-categorical-01-s: var(--dt-color-purple-450-s);
1426
- --dt-color-chart-categorical-01-l: var(--dt-color-purple-450-l);
1427
- --dt-color-chart-categorical-01-a: var(--dt-color-purple-450-a);
1428
- --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-450-hsl);
1429
- --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-450-hsla);
1430
- --dt-color-chart-categorical-01: var(--dt-color-purple-450);
1431
- --dt-color-chart-categorical-10-selected-h: var(--dt-color-teal-900-h);
1432
- --dt-color-chart-categorical-10-selected-s: var(--dt-color-teal-900-s);
1433
- --dt-color-chart-categorical-10-selected-l: var(--dt-color-teal-900-l);
1434
- --dt-color-chart-categorical-10-selected-a: var(--dt-color-teal-900-a);
1435
- --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
1436
- --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
1437
- --dt-color-chart-categorical-10-selected: var(--dt-color-teal-900);
1438
- --dt-color-chart-categorical-10-hover-h: var(--dt-color-teal-700-h);
1439
- --dt-color-chart-categorical-10-hover-s: var(--dt-color-teal-700-s);
1440
- --dt-color-chart-categorical-10-hover-l: var(--dt-color-teal-700-l);
1441
- --dt-color-chart-categorical-10-hover-a: var(--dt-color-teal-700-a);
1442
- --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
1443
- --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
1444
- --dt-color-chart-categorical-10-hover: var(--dt-color-teal-700);
1270
+ --dt-color-chart-categorical-01-selected-h: var(--dt-color-purple-500-h);
1271
+ --dt-color-chart-categorical-01-selected-s: var(--dt-color-purple-500-s);
1272
+ --dt-color-chart-categorical-01-selected-l: var(--dt-color-purple-500-l);
1273
+ --dt-color-chart-categorical-01-selected-a: var(--dt-color-purple-500-a);
1274
+ --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-500-hsl);
1275
+ --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-500-hsla);
1276
+ --dt-color-chart-categorical-01-selected: var(--dt-color-purple-500);
1277
+ --dt-color-chart-categorical-01-hover-h: var(--dt-color-purple-400-h);
1278
+ --dt-color-chart-categorical-01-hover-s: var(--dt-color-purple-400-s);
1279
+ --dt-color-chart-categorical-01-hover-l: var(--dt-color-purple-400-l);
1280
+ --dt-color-chart-categorical-01-hover-a: var(--dt-color-purple-400-a);
1281
+ --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-400-hsl);
1282
+ --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-400-hsla);
1283
+ --dt-color-chart-categorical-01-hover: var(--dt-color-purple-400);
1284
+ --dt-color-chart-categorical-01-h: var(--dt-color-purple-350-h);
1285
+ --dt-color-chart-categorical-01-s: var(--dt-color-purple-350-s);
1286
+ --dt-color-chart-categorical-01-l: var(--dt-color-purple-350-l);
1287
+ --dt-color-chart-categorical-01-a: var(--dt-color-purple-350-a);
1288
+ --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-350-hsl);
1289
+ --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-350-hsla);
1290
+ --dt-color-chart-categorical-01: var(--dt-color-purple-350);
1291
+ --dt-color-chart-categorical-11-h: var(--dt-color-tan-300-h);
1292
+ --dt-color-chart-categorical-11-s: var(--dt-color-tan-300-s);
1293
+ --dt-color-chart-categorical-11-l: var(--dt-color-tan-300-l);
1294
+ --dt-color-chart-categorical-11-a: var(--dt-color-tan-300-a);
1295
+ --dt-color-chart-categorical-11-hsl: var(--dt-color-tan-300-hsl);
1296
+ --dt-color-chart-categorical-11-hsla: var(--dt-color-tan-300-hsla);
1297
+ --dt-color-chart-categorical-11: var(--dt-color-tan-300);
1445
1298
  --dt-color-chart-categorical-10-h: var(--dt-color-teal-600-h);
1446
1299
  --dt-color-chart-categorical-10-s: var(--dt-color-teal-600-s);
1447
1300
  --dt-color-chart-categorical-10-l: var(--dt-color-teal-600-l);
@@ -1720,10 +1573,10 @@
1720
1573
  --dt-color-surface-warning-subtle-opaque-inverted-h: 34.8;
1721
1574
  --dt-color-surface-warning-subtle-opaque-inverted-s: 93.9%;
1722
1575
  --dt-color-surface-warning-subtle-opaque-inverted-l: 6.47%;
1723
- --dt-color-surface-warning-subtle-opaque-inverted-a: 70%;
1576
+ --dt-color-surface-warning-subtle-opaque-inverted-a: 30%;
1724
1577
  --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);
1725
- --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%));
1726
- --dt-color-surface-warning-subtle-opaque-inverted: hsl(34.8 93.9% 6.47% / 0.7); /* Warning subtle surface as opaque background color */
1578
+ --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%));
1579
+ --dt-color-surface-warning-subtle-opaque-inverted: hsl(34.8 93.9% 6.47% / 0.3); /* Warning subtle surface as opaque background color */
1727
1580
  --dt-color-surface-critical-subtle-opaque-inverted-h: 344;
1728
1581
  --dt-color-surface-critical-subtle-opaque-inverted-s: 93.1%;
1729
1582
  --dt-color-surface-critical-subtle-opaque-inverted-l: 5.69%;
@@ -2545,6 +2398,90 @@
2545
2398
  --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
2546
2399
  --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
2547
2400
  --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
2401
+ --dt-shell-action-color-background-muted-selected-h: 80.4;
2402
+ --dt-shell-action-color-background-muted-selected-s: 97.9%;
2403
+ --dt-shell-action-color-background-muted-selected-l: 18.8%;
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(80.4 97.9% 18.8% / 0.07);
2408
+ --dt-shell-action-color-background-muted-active-h: 80.4;
2409
+ --dt-shell-action-color-background-muted-active-s: 97.9%;
2410
+ --dt-shell-action-color-background-muted-active-l: 18.8%;
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(80.4 97.9% 18.8% / 0.07);
2415
+ --dt-shell-action-color-background-muted-hover-h: 80.4;
2416
+ --dt-shell-action-color-background-muted-hover-s: 97.9%;
2417
+ --dt-shell-action-color-background-muted-hover-l: 18.8%;
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(80.4 97.9% 18.8% / 0.1);
2422
+ --dt-shell-action-color-background-muted-default-h: 80.4;
2423
+ --dt-shell-action-color-background-muted-default-s: 97.9%;
2424
+ --dt-shell-action-color-background-muted-default-l: 18.8%;
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(80.4 97.9% 18.8% / 0.05);
2429
+ --dt-shell-action-color-background-secondary-selected-h: 80.4;
2430
+ --dt-shell-action-color-background-secondary-selected-s: 97.9%;
2431
+ --dt-shell-action-color-background-secondary-selected-l: 18.8%;
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(80.4 97.9% 18.8% / 0.13);
2436
+ --dt-shell-action-color-background-secondary-active-h: 80.4;
2437
+ --dt-shell-action-color-background-secondary-active-s: 97.9%;
2438
+ --dt-shell-action-color-background-secondary-active-l: 18.8%;
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(80.4 97.9% 18.8% / 0.16);
2443
+ --dt-shell-action-color-background-secondary-hover-h: 80.4;
2444
+ --dt-shell-action-color-background-secondary-hover-s: 97.9%;
2445
+ --dt-shell-action-color-background-secondary-hover-l: 18.8%;
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(80.4 97.9% 18.8% / 0.1);
2450
+ --dt-shell-action-color-background-secondary-default-h: 80.4;
2451
+ --dt-shell-action-color-background-secondary-default-s: 97.9%;
2452
+ --dt-shell-action-color-background-secondary-default-l: 18.8%;
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(80.4 97.9% 18.8% / 0);
2457
+ --dt-shell-action-color-background-primary-selected-h: 80.4;
2458
+ --dt-shell-action-color-background-primary-selected-s: 97.9%;
2459
+ --dt-shell-action-color-background-primary-selected-l: 18.8%;
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(80.4 97.9% 18.8% / 0.13);
2464
+ --dt-shell-action-color-background-primary-active-h: 80.4;
2465
+ --dt-shell-action-color-background-primary-active-s: 97.9%;
2466
+ --dt-shell-action-color-background-primary-active-l: 18.8%;
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(80.4 97.9% 18.8% / 0.16);
2471
+ --dt-shell-action-color-background-primary-hover-h: 80.4;
2472
+ --dt-shell-action-color-background-primary-hover-s: 97.9%;
2473
+ --dt-shell-action-color-background-primary-hover-l: 18.8%;
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(80.4 97.9% 18.8% / 0.1);
2478
+ --dt-shell-action-color-background-primary-default-h: 80.4;
2479
+ --dt-shell-action-color-background-primary-default-s: 97.9%;
2480
+ --dt-shell-action-color-background-primary-default-l: 18.8%;
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(80.4 97.9% 18.8% / 0);
2548
2485
  --dt-shell-action-color-foreground-muted-default-h: var(--dt-shell-color-foreground-muted-h);
2549
2486
  --dt-shell-action-color-foreground-muted-default-s: var(--dt-shell-color-foreground-muted-s);
2550
2487
  --dt-shell-action-color-foreground-muted-default-l: var(--dt-shell-color-foreground-muted-l);
@@ -3098,6 +3035,209 @@
3098
3035
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
3099
3036
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
3100
3037
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
3038
+ --dt-color-chart-sequential-range-00-end-h: var(--dt-color-chart-sequential-10-h);
3039
+ --dt-color-chart-sequential-range-00-end-s: var(--dt-color-chart-sequential-10-s);
3040
+ --dt-color-chart-sequential-range-00-end-l: var(--dt-color-chart-sequential-10-l);
3041
+ --dt-color-chart-sequential-range-00-end-a: var(--dt-color-chart-sequential-10-a);
3042
+ --dt-color-chart-sequential-range-00-end-hsl: var(--dt-color-chart-sequential-10-hsl);
3043
+ --dt-color-chart-sequential-range-00-end-hsla: var(--dt-color-chart-sequential-10-hsla);
3044
+ --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. */
3045
+ --dt-color-chart-sequential-range-00-start-h: var(--dt-color-chart-sequential-01-h);
3046
+ --dt-color-chart-sequential-range-00-start-s: var(--dt-color-chart-sequential-01-s);
3047
+ --dt-color-chart-sequential-range-00-start-l: var(--dt-color-chart-sequential-01-l);
3048
+ --dt-color-chart-sequential-range-00-start-a: var(--dt-color-chart-sequential-01-a);
3049
+ --dt-color-chart-sequential-range-00-start-hsl: var(--dt-color-chart-sequential-01-hsl);
3050
+ --dt-color-chart-sequential-range-00-start-hsla: var(--dt-color-chart-sequential-01-hsla);
3051
+ --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. */
3052
+ --dt-color-chart-sequential-10-selected-h: 203;
3053
+ --dt-color-chart-sequential-10-selected-s: 42.5%;
3054
+ --dt-color-chart-sequential-10-selected-l: 14.000000000000002%;
3055
+ --dt-color-chart-sequential-10-selected-a: 100%;
3056
+ --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);
3057
+ --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%));
3058
+ --dt-color-chart-sequential-10-selected: hsl(203 42.5% 14%); /* Selected state for tenth sequential chart color. */
3059
+ --dt-color-chart-sequential-10-hover-h: 203;
3060
+ --dt-color-chart-sequential-10-hover-s: 51.7%;
3061
+ --dt-color-chart-sequential-10-hover-l: 17%;
3062
+ --dt-color-chart-sequential-10-hover-a: 100%;
3063
+ --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);
3064
+ --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%));
3065
+ --dt-color-chart-sequential-10-hover: hsl(203 51.7% 17%); /* Hover state for tenth sequential chart color. */
3066
+ --dt-color-chart-sequential-09-h: 205;
3067
+ --dt-color-chart-sequential-09-s: 59.9%;
3068
+ --dt-color-chart-sequential-09-l: 27.500000000000004%;
3069
+ --dt-color-chart-sequential-09-a: 100%;
3070
+ --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);
3071
+ --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%));
3072
+ --dt-color-chart-sequential-09: hsl(205 59.9% 27.5%); /* Ninth color in sequential chart series, extremely dark shade. */
3073
+ --dt-color-chart-sequential-08-h: 207;
3074
+ --dt-color-chart-sequential-08-s: 58.9%;
3075
+ --dt-color-chart-sequential-08-l: 35.8%;
3076
+ --dt-color-chart-sequential-08-a: 100%;
3077
+ --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);
3078
+ --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%));
3079
+ --dt-color-chart-sequential-08: hsl(207 58.9% 35.8%); /* Eighth color in sequential chart series, very dark shade. */
3080
+ --dt-color-chart-sequential-07-h: 209;
3081
+ --dt-color-chart-sequential-07-s: 57.9%;
3082
+ --dt-color-chart-sequential-07-l: 44.8%;
3083
+ --dt-color-chart-sequential-07-a: 100%;
3084
+ --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);
3085
+ --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%));
3086
+ --dt-color-chart-sequential-07: hsl(209 57.9% 44.8%); /* Seventh color in sequential chart series, dark shade. */
3087
+ --dt-color-chart-sequential-06-h: 211;
3088
+ --dt-color-chart-sequential-06-s: 56.89999999999999%;
3089
+ --dt-color-chart-sequential-06-l: 53%;
3090
+ --dt-color-chart-sequential-06-a: 100%;
3091
+ --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);
3092
+ --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%));
3093
+ --dt-color-chart-sequential-06: hsl(211 56.9% 53%); /* Sixth color in sequential chart series, medium-dark shade. */
3094
+ --dt-color-chart-sequential-05-h: 213;
3095
+ --dt-color-chart-sequential-05-s: 55.89999999999999%;
3096
+ --dt-color-chart-sequential-05-l: 62.1%;
3097
+ --dt-color-chart-sequential-05-a: 100%;
3098
+ --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);
3099
+ --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%));
3100
+ --dt-color-chart-sequential-05: hsl(213 55.9% 62.1%); /* Fifth color in sequential chart series, medium shade. */
3101
+ --dt-color-chart-sequential-04-h: 216;
3102
+ --dt-color-chart-sequential-04-s: 54.89999999999999%;
3103
+ --dt-color-chart-sequential-04-l: 70.3%;
3104
+ --dt-color-chart-sequential-04-a: 100%;
3105
+ --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);
3106
+ --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%));
3107
+ --dt-color-chart-sequential-04: hsl(216 54.9% 70.3%); /* Fourth color in sequential chart series, light-medium shade. */
3108
+ --dt-color-chart-sequential-03-h: 218;
3109
+ --dt-color-chart-sequential-03-s: 53.79999999999999%;
3110
+ --dt-color-chart-sequential-03-l: 79.3%;
3111
+ --dt-color-chart-sequential-03-a: 100%;
3112
+ --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);
3113
+ --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%));
3114
+ --dt-color-chart-sequential-03: hsl(218 53.8% 79.3%); /* Third color in sequential chart series, light shade. */
3115
+ --dt-color-chart-sequential-02-h: 220;
3116
+ --dt-color-chart-sequential-02-s: 52.900000000000006%;
3117
+ --dt-color-chart-sequential-02-l: 87.6%;
3118
+ --dt-color-chart-sequential-02-a: 100%;
3119
+ --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);
3120
+ --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%));
3121
+ --dt-color-chart-sequential-02: hsl(220 52.9% 87.6%); /* Second color in sequential chart series, very light shade. */
3122
+ --dt-color-chart-sequential-01-selected-h: 222;
3123
+ --dt-color-chart-sequential-01-selected-s: 36.4%;
3124
+ --dt-color-chart-sequential-01-selected-l: 66.6%;
3125
+ --dt-color-chart-sequential-01-selected-a: 100%;
3126
+ --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);
3127
+ --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%));
3128
+ --dt-color-chart-sequential-01-selected: hsl(222 36.4% 66.6%); /* Selected state for first sequential chart color. */
3129
+ --dt-color-chart-sequential-01-hover-h: 222;
3130
+ --dt-color-chart-sequential-01-hover-s: 44.2%;
3131
+ --dt-color-chart-sequential-01-hover-l: 80.8%;
3132
+ --dt-color-chart-sequential-01-hover-a: 100%;
3133
+ --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);
3134
+ --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%));
3135
+ --dt-color-chart-sequential-01-hover: hsl(222 44.2% 80.8%); /* Hover state for first sequential chart color. */
3136
+ --dt-color-chart-categorical-11-selected-h: 24;
3137
+ --dt-color-chart-categorical-11-selected-s: 9.26%;
3138
+ --dt-color-chart-categorical-11-selected-l: 55.2%;
3139
+ --dt-color-chart-categorical-11-selected-a: 100%;
3140
+ --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);
3141
+ --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%));
3142
+ --dt-color-chart-categorical-11-selected: hsl(24 9.26% 55.2%);
3143
+ --dt-color-chart-categorical-11-hover-h: 24;
3144
+ --dt-color-chart-categorical-11-hover-s: 9.26%;
3145
+ --dt-color-chart-categorical-11-hover-l: 67%;
3146
+ --dt-color-chart-categorical-11-hover-a: 100%;
3147
+ --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);
3148
+ --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%));
3149
+ --dt-color-chart-categorical-11-hover: hsl(24 9.26% 67%);
3150
+ --dt-color-chart-categorical-28-h: 224;
3151
+ --dt-color-chart-categorical-28-s: 82.2%;
3152
+ --dt-color-chart-categorical-28-l: 62.9%;
3153
+ --dt-color-chart-categorical-28-a: 100%;
3154
+ --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);
3155
+ --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%));
3156
+ --dt-color-chart-categorical-28: hsl(224 82.2% 62.9%);
3157
+ --dt-color-chart-categorical-26-h: 353;
3158
+ --dt-color-chart-categorical-26-s: 98.8%;
3159
+ --dt-color-chart-categorical-26-l: 58.4%;
3160
+ --dt-color-chart-categorical-26-a: 100%;
3161
+ --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);
3162
+ --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%));
3163
+ --dt-color-chart-categorical-26: hsl(353 98.8% 58.4%);
3164
+ --dt-color-chart-categorical-22-h: 324;
3165
+ --dt-color-chart-categorical-22-s: 39%;
3166
+ --dt-color-chart-categorical-22-l: 73%;
3167
+ --dt-color-chart-categorical-22-a: 100%;
3168
+ --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);
3169
+ --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%));
3170
+ --dt-color-chart-categorical-22: hsl(324 39% 73%);
3171
+ --dt-color-chart-categorical-21-h: 95.6;
3172
+ --dt-color-chart-categorical-21-s: 71.5%;
3173
+ --dt-color-chart-categorical-21-l: 53.900000000000006%;
3174
+ --dt-color-chart-categorical-21-a: 100%;
3175
+ --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);
3176
+ --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%));
3177
+ --dt-color-chart-categorical-21: hsl(95.6 71.5% 53.9%);
3178
+ --dt-color-chart-categorical-20-h: 224;
3179
+ --dt-color-chart-categorical-20-s: 82.2%;
3180
+ --dt-color-chart-categorical-20-l: 62.9%;
3181
+ --dt-color-chart-categorical-20-a: 100%;
3182
+ --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);
3183
+ --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%));
3184
+ --dt-color-chart-categorical-20: hsl(224 82.2% 62.9%);
3185
+ --dt-color-chart-categorical-19-h: 190;
3186
+ --dt-color-chart-categorical-19-s: 78.1%;
3187
+ --dt-color-chart-categorical-19-l: 59.099999999999994%;
3188
+ --dt-color-chart-categorical-19-a: 100%;
3189
+ --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);
3190
+ --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%));
3191
+ --dt-color-chart-categorical-19: hsl(190 78.1% 59.1%);
3192
+ --dt-color-chart-categorical-18-h: 63.1;
3193
+ --dt-color-chart-categorical-18-s: 80.5%;
3194
+ --dt-color-chart-categorical-18-l: 55.2%;
3195
+ --dt-color-chart-categorical-18-a: 100%;
3196
+ --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);
3197
+ --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%));
3198
+ --dt-color-chart-categorical-18: hsl(63.1 80.5% 55.2%);
3199
+ --dt-color-chart-categorical-17-h: 318;
3200
+ --dt-color-chart-categorical-17-s: 95.9%;
3201
+ --dt-color-chart-categorical-17-l: 69.9%;
3202
+ --dt-color-chart-categorical-17-a: 100%;
3203
+ --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);
3204
+ --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%));
3205
+ --dt-color-chart-categorical-17: hsl(318 95.9% 69.9%);
3206
+ --dt-color-chart-categorical-16-h: 89.4;
3207
+ --dt-color-chart-categorical-16-s: 68%;
3208
+ --dt-color-chart-categorical-16-l: 47%;
3209
+ --dt-color-chart-categorical-16-a: 100%;
3210
+ --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);
3211
+ --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%));
3212
+ --dt-color-chart-categorical-16: hsl(89.4 68% 47%);
3213
+ --dt-color-chart-categorical-15-h: 367;
3214
+ --dt-color-chart-categorical-15-s: 99.2%;
3215
+ --dt-color-chart-categorical-15-l: 56.49999999999999%;
3216
+ --dt-color-chart-categorical-15-a: 100%;
3217
+ --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);
3218
+ --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%));
3219
+ --dt-color-chart-categorical-15: hsl(367 99.2% 56.5%);
3220
+ --dt-color-chart-categorical-14-h: 234;
3221
+ --dt-color-chart-categorical-14-s: 83.7%;
3222
+ --dt-color-chart-categorical-14-l: 64.2%;
3223
+ --dt-color-chart-categorical-14-a: 100%;
3224
+ --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);
3225
+ --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%));
3226
+ --dt-color-chart-categorical-14: hsl(234 83.7% 64.2%);
3227
+ --dt-color-chart-categorical-13-h: 374;
3228
+ --dt-color-chart-categorical-13-s: 87.9%;
3229
+ --dt-color-chart-categorical-13-l: 61.5%;
3230
+ --dt-color-chart-categorical-13-a: 100%;
3231
+ --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);
3232
+ --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%));
3233
+ --dt-color-chart-categorical-13: hsl(374 87.9% 61.5%);
3234
+ --dt-color-chart-categorical-12-h: 296;
3235
+ --dt-color-chart-categorical-12-s: 97.1%;
3236
+ --dt-color-chart-categorical-12-l: 65.9%;
3237
+ --dt-color-chart-categorical-12-a: 100%;
3238
+ --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);
3239
+ --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%));
3240
+ --dt-color-chart-categorical-12: hsl(296 97.1% 65.9%);
3101
3241
  --dt-color-surface-primary-opaque-inverted-h: 0;
3102
3242
  --dt-color-surface-primary-opaque-inverted-s: 0%;
3103
3243
  --dt-color-surface-primary-opaque-inverted-l: 0%;
@@ -3402,6 +3542,342 @@
3402
3542
  --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);
3403
3543
  --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);
3404
3544
  --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) */
3545
+ --dt-color-chart-sequential-09-selected-h: 205;
3546
+ --dt-color-chart-sequential-09-selected-s: 41.9%;
3547
+ --dt-color-chart-sequential-09-selected-l: 19.3%;
3548
+ --dt-color-chart-sequential-09-selected-a: 100%;
3549
+ --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);
3550
+ --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%));
3551
+ --dt-color-chart-sequential-09-selected: hsl(205 41.9% 19.3%); /* Selected state for ninth sequential chart color. */
3552
+ --dt-color-chart-sequential-09-hover-h: 205;
3553
+ --dt-color-chart-sequential-09-hover-s: 50.9%;
3554
+ --dt-color-chart-sequential-09-hover-l: 23.4%;
3555
+ --dt-color-chart-sequential-09-hover-a: 100%;
3556
+ --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);
3557
+ --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%));
3558
+ --dt-color-chart-sequential-09-hover: hsl(205 50.9% 23.4%); /* Hover state for ninth sequential chart color. */
3559
+ --dt-color-chart-sequential-08-selected-h: 207;
3560
+ --dt-color-chart-sequential-08-selected-s: 41.2%;
3561
+ --dt-color-chart-sequential-08-selected-l: 25.1%;
3562
+ --dt-color-chart-sequential-08-selected-a: 100%;
3563
+ --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);
3564
+ --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%));
3565
+ --dt-color-chart-sequential-08-selected: hsl(207 41.2% 25.1%); /* Selected state for eighth sequential chart color. */
3566
+ --dt-color-chart-sequential-08-hover-h: 207;
3567
+ --dt-color-chart-sequential-08-hover-s: 50.1%;
3568
+ --dt-color-chart-sequential-08-hover-l: 30.4%;
3569
+ --dt-color-chart-sequential-08-hover-a: 100%;
3570
+ --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);
3571
+ --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%));
3572
+ --dt-color-chart-sequential-08-hover: hsl(207 50.1% 30.4%); /* Hover state for eighth sequential chart color. */
3573
+ --dt-color-chart-sequential-07-selected-h: 209;
3574
+ --dt-color-chart-sequential-07-selected-s: 40.5%;
3575
+ --dt-color-chart-sequential-07-selected-l: 31.4%;
3576
+ --dt-color-chart-sequential-07-selected-a: 100%;
3577
+ --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);
3578
+ --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%));
3579
+ --dt-color-chart-sequential-07-selected: hsl(209 40.5% 31.4%); /* Selected state for seventh sequential chart color. */
3580
+ --dt-color-chart-sequential-07-hover-h: 209;
3581
+ --dt-color-chart-sequential-07-hover-s: 49.2%;
3582
+ --dt-color-chart-sequential-07-hover-l: 38.1%;
3583
+ --dt-color-chart-sequential-07-hover-a: 100%;
3584
+ --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);
3585
+ --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%));
3586
+ --dt-color-chart-sequential-07-hover: hsl(209 49.2% 38.1%); /* Hover state for seventh sequential chart color. */
3587
+ --dt-color-chart-sequential-06-selected-h: 211;
3588
+ --dt-color-chart-sequential-06-selected-s: 39.8%;
3589
+ --dt-color-chart-sequential-06-selected-l: 37.1%;
3590
+ --dt-color-chart-sequential-06-selected-a: 100%;
3591
+ --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);
3592
+ --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%));
3593
+ --dt-color-chart-sequential-06-selected: hsl(211 39.8% 37.1%); /* Selected state for sixth sequential chart color. */
3594
+ --dt-color-chart-sequential-06-hover-h: 211;
3595
+ --dt-color-chart-sequential-06-hover-s: 48.4%;
3596
+ --dt-color-chart-sequential-06-hover-l: 45%;
3597
+ --dt-color-chart-sequential-06-hover-a: 100%;
3598
+ --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);
3599
+ --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%));
3600
+ --dt-color-chart-sequential-06-hover: hsl(211 48.4% 45%); /* Hover state for sixth sequential chart color. */
3601
+ --dt-color-chart-sequential-05-selected-h: 213;
3602
+ --dt-color-chart-sequential-05-selected-s: 39.1%;
3603
+ --dt-color-chart-sequential-05-selected-l: 43.5%;
3604
+ --dt-color-chart-sequential-05-selected-a: 100%;
3605
+ --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);
3606
+ --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%));
3607
+ --dt-color-chart-sequential-05-selected: hsl(213 39.1% 43.5%); /* Selected state for fifth sequential chart color. */
3608
+ --dt-color-chart-sequential-05-hover-h: 213;
3609
+ --dt-color-chart-sequential-05-hover-s: 47.5%;
3610
+ --dt-color-chart-sequential-05-hover-l: 52.800000000000004%;
3611
+ --dt-color-chart-sequential-05-hover-a: 100%;
3612
+ --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);
3613
+ --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%));
3614
+ --dt-color-chart-sequential-05-hover: hsl(213 47.5% 52.8%); /* Hover state for fifth sequential chart color. */
3615
+ --dt-color-chart-sequential-04-selected-h: 216;
3616
+ --dt-color-chart-sequential-04-selected-s: 38.4%;
3617
+ --dt-color-chart-sequential-04-selected-l: 49.2%;
3618
+ --dt-color-chart-sequential-04-selected-a: 100%;
3619
+ --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);
3620
+ --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%));
3621
+ --dt-color-chart-sequential-04-selected: hsl(216 38.4% 49.2%); /* Selected state for fourth sequential chart color. */
3622
+ --dt-color-chart-sequential-04-hover-h: 216;
3623
+ --dt-color-chart-sequential-04-hover-s: 46.7%;
3624
+ --dt-color-chart-sequential-04-hover-l: 59.8%;
3625
+ --dt-color-chart-sequential-04-hover-a: 100%;
3626
+ --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);
3627
+ --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%));
3628
+ --dt-color-chart-sequential-04-hover: hsl(216 46.7% 59.8%); /* Hover state for fourth sequential chart color. */
3629
+ --dt-color-chart-sequential-03-selected-h: 218;
3630
+ --dt-color-chart-sequential-03-selected-s: 37.7%;
3631
+ --dt-color-chart-sequential-03-selected-l: 55.50000000000001%;
3632
+ --dt-color-chart-sequential-03-selected-a: 100%;
3633
+ --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);
3634
+ --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%));
3635
+ --dt-color-chart-sequential-03-selected: hsl(218 37.7% 55.5%); /* Selected state for third sequential chart color. */
3636
+ --dt-color-chart-sequential-03-hover-h: 218;
3637
+ --dt-color-chart-sequential-03-hover-s: 45.7%;
3638
+ --dt-color-chart-sequential-03-hover-l: 67.4%;
3639
+ --dt-color-chart-sequential-03-hover-a: 100%;
3640
+ --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);
3641
+ --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%));
3642
+ --dt-color-chart-sequential-03-hover: hsl(218 45.7% 67.4%); /* Hover state for third sequential chart color. */
3643
+ --dt-color-chart-sequential-02-selected-h: 220;
3644
+ --dt-color-chart-sequential-02-selected-s: 37%;
3645
+ --dt-color-chart-sequential-02-selected-l: 61.3%;
3646
+ --dt-color-chart-sequential-02-selected-a: 100%;
3647
+ --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);
3648
+ --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%));
3649
+ --dt-color-chart-sequential-02-selected: hsl(220 37% 61.3%); /* Selected state for second sequential chart color. */
3650
+ --dt-color-chart-sequential-02-hover-h: 220;
3651
+ --dt-color-chart-sequential-02-hover-s: 45%;
3652
+ --dt-color-chart-sequential-02-hover-l: 74.5%;
3653
+ --dt-color-chart-sequential-02-hover-a: 100%;
3654
+ --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);
3655
+ --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%));
3656
+ --dt-color-chart-sequential-02-hover: hsl(220 45% 74.5%); /* Hover state for second sequential chart color. */
3657
+ --dt-color-chart-categorical-28-selected-h: 224;
3658
+ --dt-color-chart-categorical-28-selected-s: 82.2%;
3659
+ --dt-color-chart-categorical-28-selected-l: 44%;
3660
+ --dt-color-chart-categorical-28-selected-a: 100%;
3661
+ --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);
3662
+ --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%));
3663
+ --dt-color-chart-categorical-28-selected: hsl(224 82.2% 44%);
3664
+ --dt-color-chart-categorical-28-hover-h: 224;
3665
+ --dt-color-chart-categorical-28-hover-s: 82.2%;
3666
+ --dt-color-chart-categorical-28-hover-l: 53.5%;
3667
+ --dt-color-chart-categorical-28-hover-a: 100%;
3668
+ --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);
3669
+ --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%));
3670
+ --dt-color-chart-categorical-28-hover: hsl(224 82.2% 53.5%);
3671
+ --dt-color-chart-categorical-26-selected-h: 353;
3672
+ --dt-color-chart-categorical-26-selected-s: 98.8%;
3673
+ --dt-color-chart-categorical-26-selected-l: 40.9%;
3674
+ --dt-color-chart-categorical-26-selected-a: 100%;
3675
+ --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);
3676
+ --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%));
3677
+ --dt-color-chart-categorical-26-selected: hsl(353 98.8% 40.9%);
3678
+ --dt-color-chart-categorical-26-hover-h: 353;
3679
+ --dt-color-chart-categorical-26-hover-s: 98.8%;
3680
+ --dt-color-chart-categorical-26-hover-l: 49.6%;
3681
+ --dt-color-chart-categorical-26-hover-a: 100%;
3682
+ --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);
3683
+ --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%));
3684
+ --dt-color-chart-categorical-26-hover: hsl(353 98.8% 49.6%);
3685
+ --dt-color-chart-categorical-22-selected-h: 324;
3686
+ --dt-color-chart-categorical-22-selected-s: 39%;
3687
+ --dt-color-chart-categorical-22-selected-l: 51.1%;
3688
+ --dt-color-chart-categorical-22-selected-a: 100%;
3689
+ --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);
3690
+ --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%));
3691
+ --dt-color-chart-categorical-22-selected: hsl(324 39% 51.1%);
3692
+ --dt-color-chart-categorical-22-hover-h: 324;
3693
+ --dt-color-chart-categorical-22-hover-s: 39%;
3694
+ --dt-color-chart-categorical-22-hover-l: 62%;
3695
+ --dt-color-chart-categorical-22-hover-a: 100%;
3696
+ --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);
3697
+ --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%));
3698
+ --dt-color-chart-categorical-22-hover: hsl(324 39% 62%);
3699
+ --dt-color-chart-categorical-21-selected-h: 95.6;
3700
+ --dt-color-chart-categorical-21-selected-s: 71.5%;
3701
+ --dt-color-chart-categorical-21-selected-l: 37.7%;
3702
+ --dt-color-chart-categorical-21-selected-a: 100%;
3703
+ --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);
3704
+ --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%));
3705
+ --dt-color-chart-categorical-21-selected: hsl(95.6 71.5% 37.7%);
3706
+ --dt-color-chart-categorical-21-hover-h: 95.6;
3707
+ --dt-color-chart-categorical-21-hover-s: 71.5%;
3708
+ --dt-color-chart-categorical-21-hover-l: 45.8%;
3709
+ --dt-color-chart-categorical-21-hover-a: 100%;
3710
+ --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);
3711
+ --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%));
3712
+ --dt-color-chart-categorical-21-hover: hsl(95.6 71.5% 45.8%);
3713
+ --dt-color-chart-categorical-20-selected-h: 224;
3714
+ --dt-color-chart-categorical-20-selected-s: 82.2%;
3715
+ --dt-color-chart-categorical-20-selected-l: 44%;
3716
+ --dt-color-chart-categorical-20-selected-a: 100%;
3717
+ --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);
3718
+ --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%));
3719
+ --dt-color-chart-categorical-20-selected: hsl(224 82.2% 44%);
3720
+ --dt-color-chart-categorical-20-hover-h: 224;
3721
+ --dt-color-chart-categorical-20-hover-s: 82.2%;
3722
+ --dt-color-chart-categorical-20-hover-l: 53.5%;
3723
+ --dt-color-chart-categorical-20-hover-a: 100%;
3724
+ --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);
3725
+ --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%));
3726
+ --dt-color-chart-categorical-20-hover: hsl(224 82.2% 53.5%);
3727
+ --dt-color-chart-categorical-19-selected-h: 190;
3728
+ --dt-color-chart-categorical-19-selected-s: 78.1%;
3729
+ --dt-color-chart-categorical-19-selected-l: 41.4%;
3730
+ --dt-color-chart-categorical-19-selected-a: 100%;
3731
+ --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);
3732
+ --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%));
3733
+ --dt-color-chart-categorical-19-selected: hsl(190 78.1% 41.4%);
3734
+ --dt-color-chart-categorical-19-hover-h: 190;
3735
+ --dt-color-chart-categorical-19-hover-s: 78.1%;
3736
+ --dt-color-chart-categorical-19-hover-l: 50.2%;
3737
+ --dt-color-chart-categorical-19-hover-a: 100%;
3738
+ --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);
3739
+ --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%));
3740
+ --dt-color-chart-categorical-19-hover: hsl(190 78.1% 50.2%);
3741
+ --dt-color-chart-categorical-18-selected-h: 63.1;
3742
+ --dt-color-chart-categorical-18-selected-s: 80.5%;
3743
+ --dt-color-chart-categorical-18-selected-l: 38.6%;
3744
+ --dt-color-chart-categorical-18-selected-a: 100%;
3745
+ --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);
3746
+ --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%));
3747
+ --dt-color-chart-categorical-18-selected: hsl(63.1 80.5% 38.6%);
3748
+ --dt-color-chart-categorical-18-hover-h: 63.1;
3749
+ --dt-color-chart-categorical-18-hover-s: 80.5%;
3750
+ --dt-color-chart-categorical-18-hover-l: 46.9%;
3751
+ --dt-color-chart-categorical-18-hover-a: 100%;
3752
+ --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);
3753
+ --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%));
3754
+ --dt-color-chart-categorical-18-hover: hsl(63.1 80.5% 46.9%);
3755
+ --dt-color-chart-categorical-17-selected-h: 318;
3756
+ --dt-color-chart-categorical-17-selected-s: 95.9%;
3757
+ --dt-color-chart-categorical-17-selected-l: 48.9%;
3758
+ --dt-color-chart-categorical-17-selected-a: 100%;
3759
+ --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);
3760
+ --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%));
3761
+ --dt-color-chart-categorical-17-selected: hsl(318 95.9% 48.9%);
3762
+ --dt-color-chart-categorical-17-hover-h: 318;
3763
+ --dt-color-chart-categorical-17-hover-s: 95.9%;
3764
+ --dt-color-chart-categorical-17-hover-l: 59.4%;
3765
+ --dt-color-chart-categorical-17-hover-a: 100%;
3766
+ --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);
3767
+ --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%));
3768
+ --dt-color-chart-categorical-17-hover: hsl(318 95.9% 59.4%);
3769
+ --dt-color-chart-categorical-16-selected-h: 89.4;
3770
+ --dt-color-chart-categorical-16-selected-s: 68%;
3771
+ --dt-color-chart-categorical-16-selected-l: 32.9%;
3772
+ --dt-color-chart-categorical-16-selected-a: 100%;
3773
+ --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);
3774
+ --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%));
3775
+ --dt-color-chart-categorical-16-selected: hsl(89.4 68% 32.9%);
3776
+ --dt-color-chart-categorical-16-hover-h: 89.4;
3777
+ --dt-color-chart-categorical-16-hover-s: 68%;
3778
+ --dt-color-chart-categorical-16-hover-l: 40%;
3779
+ --dt-color-chart-categorical-16-hover-a: 100%;
3780
+ --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);
3781
+ --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%));
3782
+ --dt-color-chart-categorical-16-hover: hsl(89.4 68% 40%);
3783
+ --dt-color-chart-categorical-15-selected-h: 367;
3784
+ --dt-color-chart-categorical-15-selected-s: 99.2%;
3785
+ --dt-color-chart-categorical-15-selected-l: 39.5%;
3786
+ --dt-color-chart-categorical-15-selected-a: 100%;
3787
+ --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);
3788
+ --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%));
3789
+ --dt-color-chart-categorical-15-selected: hsl(367 99.2% 39.5%);
3790
+ --dt-color-chart-categorical-15-hover-h: 367;
3791
+ --dt-color-chart-categorical-15-hover-s: 99.2%;
3792
+ --dt-color-chart-categorical-15-hover-l: 48%;
3793
+ --dt-color-chart-categorical-15-hover-a: 100%;
3794
+ --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);
3795
+ --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%));
3796
+ --dt-color-chart-categorical-15-hover: hsl(367 99.2% 48%);
3797
+ --dt-color-chart-categorical-14-selected-h: 234;
3798
+ --dt-color-chart-categorical-14-selected-s: 83.7%;
3799
+ --dt-color-chart-categorical-14-selected-l: 44.9%;
3800
+ --dt-color-chart-categorical-14-selected-a: 100%;
3801
+ --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);
3802
+ --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%));
3803
+ --dt-color-chart-categorical-14-selected: hsl(234 83.7% 44.9%);
3804
+ --dt-color-chart-categorical-14-hover-h: 234;
3805
+ --dt-color-chart-categorical-14-hover-s: 83.7%;
3806
+ --dt-color-chart-categorical-14-hover-l: 54.6%;
3807
+ --dt-color-chart-categorical-14-hover-a: 100%;
3808
+ --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);
3809
+ --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%));
3810
+ --dt-color-chart-categorical-14-hover: hsl(234 83.7% 54.6%);
3811
+ --dt-color-chart-categorical-13-selected-h: 374;
3812
+ --dt-color-chart-categorical-13-selected-s: 87.9%;
3813
+ --dt-color-chart-categorical-13-selected-l: 43%;
3814
+ --dt-color-chart-categorical-13-selected-a: 100%;
3815
+ --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);
3816
+ --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%));
3817
+ --dt-color-chart-categorical-13-selected: hsl(374 87.9% 43%);
3818
+ --dt-color-chart-categorical-13-hover-h: 374;
3819
+ --dt-color-chart-categorical-13-hover-s: 87.9%;
3820
+ --dt-color-chart-categorical-13-hover-l: 52.300000000000004%;
3821
+ --dt-color-chart-categorical-13-hover-a: 100%;
3822
+ --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);
3823
+ --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%));
3824
+ --dt-color-chart-categorical-13-hover: hsl(374 87.9% 52.3%);
3825
+ --dt-color-chart-categorical-12-selected-h: 296;
3826
+ --dt-color-chart-categorical-12-selected-s: 97.1%;
3827
+ --dt-color-chart-categorical-12-selected-l: 46.1%;
3828
+ --dt-color-chart-categorical-12-selected-a: 100%;
3829
+ --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);
3830
+ --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%));
3831
+ --dt-color-chart-categorical-12-selected: hsl(296 97.1% 46.1%);
3832
+ --dt-color-chart-categorical-12-hover-h: 296;
3833
+ --dt-color-chart-categorical-12-hover-s: 97.1%;
3834
+ --dt-color-chart-categorical-12-hover-l: 56.00000000000001%;
3835
+ --dt-color-chart-categorical-12-hover-a: 100%;
3836
+ --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);
3837
+ --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%));
3838
+ --dt-color-chart-categorical-12-hover: hsl(296 97.1% 56%);
3839
+ --dt-color-chart-categorical-30-h: 186;
3840
+ --dt-color-chart-categorical-30-s: 71.2%;
3841
+ --dt-color-chart-categorical-30-l: 55.3%;
3842
+ --dt-color-chart-categorical-30-a: 100%;
3843
+ --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);
3844
+ --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%));
3845
+ --dt-color-chart-categorical-30: hsl(186 71.2% 55.3%);
3846
+ --dt-color-chart-categorical-29-h: 391;
3847
+ --dt-color-chart-categorical-29-s: 85.7%;
3848
+ --dt-color-chart-categorical-29-l: 57.60000000000001%;
3849
+ --dt-color-chart-categorical-29-a: 100%;
3850
+ --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);
3851
+ --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%));
3852
+ --dt-color-chart-categorical-29: hsl(391 85.7% 57.6%);
3853
+ --dt-color-chart-categorical-27-h: 124;
3854
+ --dt-color-chart-categorical-27-s: 71.4%;
3855
+ --dt-color-chart-categorical-27-l: 51%;
3856
+ --dt-color-chart-categorical-27-a: 100%;
3857
+ --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);
3858
+ --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%));
3859
+ --dt-color-chart-categorical-27: hsl(124 71.4% 51%);
3860
+ --dt-color-chart-categorical-25-h: 183;
3861
+ --dt-color-chart-categorical-25-s: 82.7%;
3862
+ --dt-color-chart-categorical-25-l: 61.5%;
3863
+ --dt-color-chart-categorical-25-a: 100%;
3864
+ --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);
3865
+ --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%));
3866
+ --dt-color-chart-categorical-25: hsl(183 82.7% 61.5%);
3867
+ --dt-color-chart-categorical-24-h: 20.6;
3868
+ --dt-color-chart-categorical-24-s: 91.5%;
3869
+ --dt-color-chart-categorical-24-l: 58.9%;
3870
+ --dt-color-chart-categorical-24-a: 100%;
3871
+ --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);
3872
+ --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%));
3873
+ --dt-color-chart-categorical-24: hsl(20.6 91.5% 58.9%);
3874
+ --dt-color-chart-categorical-23-h: 317;
3875
+ --dt-color-chart-categorical-23-s: 97.7%;
3876
+ --dt-color-chart-categorical-23-l: 63.1%;
3877
+ --dt-color-chart-categorical-23-a: 100%;
3878
+ --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);
3879
+ --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%));
3880
+ --dt-color-chart-categorical-23: hsl(317 97.7% 63.1%);
3405
3881
  --dt-color-link-disabled-hover-h: var(--dt-color-link-disabled-h);
3406
3882
  --dt-color-link-disabled-hover-s: var(--dt-color-link-disabled-s);
3407
3883
  --dt-color-link-disabled-hover-l: var(--dt-color-link-disabled-l);
@@ -3444,6 +3920,90 @@
3444
3920
  --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
3445
3921
  --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
3446
3922
  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
3923
+ --dt-color-chart-categorical-30-selected-h: 186;
3924
+ --dt-color-chart-categorical-30-selected-s: 71.2%;
3925
+ --dt-color-chart-categorical-30-selected-l: 38.7%;
3926
+ --dt-color-chart-categorical-30-selected-a: 100%;
3927
+ --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);
3928
+ --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%));
3929
+ --dt-color-chart-categorical-30-selected: hsl(186 71.2% 38.7%);
3930
+ --dt-color-chart-categorical-30-hover-h: 186;
3931
+ --dt-color-chart-categorical-30-hover-s: 71.2%;
3932
+ --dt-color-chart-categorical-30-hover-l: 47%;
3933
+ --dt-color-chart-categorical-30-hover-a: 100%;
3934
+ --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);
3935
+ --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%));
3936
+ --dt-color-chart-categorical-30-hover: hsl(186 71.2% 47%);
3937
+ --dt-color-chart-categorical-29-selected-h: 391;
3938
+ --dt-color-chart-categorical-29-selected-s: 85.7%;
3939
+ --dt-color-chart-categorical-29-selected-l: 40.3%;
3940
+ --dt-color-chart-categorical-29-selected-a: 100%;
3941
+ --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);
3942
+ --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%));
3943
+ --dt-color-chart-categorical-29-selected: hsl(391 85.7% 40.3%);
3944
+ --dt-color-chart-categorical-29-hover-h: 391;
3945
+ --dt-color-chart-categorical-29-hover-s: 85.7%;
3946
+ --dt-color-chart-categorical-29-hover-l: 49%;
3947
+ --dt-color-chart-categorical-29-hover-a: 100%;
3948
+ --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);
3949
+ --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%));
3950
+ --dt-color-chart-categorical-29-hover: hsl(391 85.7% 49%);
3951
+ --dt-color-chart-categorical-27-selected-h: 124;
3952
+ --dt-color-chart-categorical-27-selected-s: 71.4%;
3953
+ --dt-color-chart-categorical-27-selected-l: 35.7%;
3954
+ --dt-color-chart-categorical-27-selected-a: 100%;
3955
+ --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);
3956
+ --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%));
3957
+ --dt-color-chart-categorical-27-selected: hsl(124 71.4% 35.7%);
3958
+ --dt-color-chart-categorical-27-hover-h: 124;
3959
+ --dt-color-chart-categorical-27-hover-s: 71.4%;
3960
+ --dt-color-chart-categorical-27-hover-l: 43.4%;
3961
+ --dt-color-chart-categorical-27-hover-a: 100%;
3962
+ --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);
3963
+ --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%));
3964
+ --dt-color-chart-categorical-27-hover: hsl(124 71.4% 43.4%);
3965
+ --dt-color-chart-categorical-25-selected-h: 183;
3966
+ --dt-color-chart-categorical-25-selected-s: 82.7%;
3967
+ --dt-color-chart-categorical-25-selected-l: 43%;
3968
+ --dt-color-chart-categorical-25-selected-a: 100%;
3969
+ --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);
3970
+ --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%));
3971
+ --dt-color-chart-categorical-25-selected: hsl(183 82.7% 43%);
3972
+ --dt-color-chart-categorical-25-hover-h: 183;
3973
+ --dt-color-chart-categorical-25-hover-s: 82.7%;
3974
+ --dt-color-chart-categorical-25-hover-l: 52.300000000000004%;
3975
+ --dt-color-chart-categorical-25-hover-a: 100%;
3976
+ --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);
3977
+ --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%));
3978
+ --dt-color-chart-categorical-25-hover: hsl(183 82.7% 52.3%);
3979
+ --dt-color-chart-categorical-24-selected-h: 20.6;
3980
+ --dt-color-chart-categorical-24-selected-s: 91.5%;
3981
+ --dt-color-chart-categorical-24-selected-l: 41.2%;
3982
+ --dt-color-chart-categorical-24-selected-a: 100%;
3983
+ --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);
3984
+ --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%));
3985
+ --dt-color-chart-categorical-24-selected: hsl(20.6 91.5% 41.2%);
3986
+ --dt-color-chart-categorical-24-hover-h: 20.6;
3987
+ --dt-color-chart-categorical-24-hover-s: 91.5%;
3988
+ --dt-color-chart-categorical-24-hover-l: 50.1%;
3989
+ --dt-color-chart-categorical-24-hover-a: 100%;
3990
+ --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);
3991
+ --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%));
3992
+ --dt-color-chart-categorical-24-hover: hsl(20.6 91.5% 50.1%);
3993
+ --dt-color-chart-categorical-23-selected-h: 317;
3994
+ --dt-color-chart-categorical-23-selected-s: 97.7%;
3995
+ --dt-color-chart-categorical-23-selected-l: 44.2%;
3996
+ --dt-color-chart-categorical-23-selected-a: 100%;
3997
+ --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);
3998
+ --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%));
3999
+ --dt-color-chart-categorical-23-selected: hsl(317 97.7% 44.2%);
4000
+ --dt-color-chart-categorical-23-hover-h: 317;
4001
+ --dt-color-chart-categorical-23-hover-s: 97.7%;
4002
+ --dt-color-chart-categorical-23-hover-l: 53.6%;
4003
+ --dt-color-chart-categorical-23-hover-a: 100%;
4004
+ --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);
4005
+ --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%));
4006
+ --dt-color-chart-categorical-23-hover: hsl(317 97.7% 53.6%);
3447
4007
  --dt-font-size-100-mobile: 1.2rem;
3448
4008
  --dt-font-size-200-mobile: 1.6rem;
3449
4009
  --dt-font-size-300-mobile: 2rem;