@kickstartds/ds-agency-premium 1.6.72--canary.43.2486.0 → 1.6.72--canary.54.2488.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
  2. package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts} +1 -1
  3. package/dist/PageProps-aa29c554.d.ts +1 -1
  4. package/dist/{SectionProps-7cac90e5.d.ts → SectionProps-6a826e52.d.ts} +2 -2
  5. package/dist/components/blog-post/index.d.ts +1 -1
  6. package/dist/components/business-card/business-card.css +5 -7
  7. package/dist/components/business-card/index.js +1 -1
  8. package/dist/components/button/button.css +1 -6
  9. package/dist/components/content-nav/content-nav.css +0 -2
  10. package/dist/components/cookie-consent/cookie-consent.css +10 -14
  11. package/dist/components/event-latest-teaser/event-latest-teaser.css +2 -2
  12. package/dist/components/event-list-teaser/event-list-teaser.css +2 -2
  13. package/dist/components/event-location/event-location.css +3 -3
  14. package/dist/components/hero/hero.css +28 -34
  15. package/dist/components/index/index.d.ts +1 -1
  16. package/dist/components/logos/logos.css +6 -8
  17. package/dist/components/nav-dropdown/nav-dropdown.css +3 -5
  18. package/dist/components/page-wrapper/index.js +1 -0
  19. package/dist/components/page-wrapper/tokens.css +2479 -0
  20. package/dist/components/pagination/pagination.css +3 -3
  21. package/dist/components/search-result/search-result.css +0 -4
  22. package/dist/components/section/index.d.ts +1 -1
  23. package/dist/components/split-even/index.d.ts +1 -1
  24. package/dist/components/split-weighted/index.d.ts +1 -1
  25. package/dist/components/stats/stats.css +0 -2
  26. package/dist/components/teaser-card/teaser-card.css +1 -2
  27. package/dist/components/testimonials/testimonials.css +1 -3
  28. package/dist/global.css +226 -4255
  29. package/dist/tokens/themes.css +20 -20
  30. package/dist/tokens/tokens.css +1 -1
  31. package/dist/tokens/tokens.js +1 -1
  32. package/package.json +2 -3
  33. package/dist/static/img/bg-color-swatch.png +0 -0
  34. /package/dist/{SplitEvenProps-7cac90e5.d.ts → SplitEvenProps-789f8508.d.ts} +0 -0
  35. /package/dist/{SplitWeightedProps-7cac90e5.d.ts → SplitWeightedProps-789f8508.d.ts} +0 -0
@@ -0,0 +1,2479 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Sun, 07 Dec 2025 12:33:13 GMT
4
+ */
5
+ :root, [ks-theme] {
6
+ --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
7
+ --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
8
+ --ks-background-color-bold-base: var(--ks-color-primary-to-bg-8-base);
9
+ --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
10
+ --ks-background-color-clear-base: var(--ks-color-transparent-base);
11
+ --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
12
+ --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
13
+ --ks-background-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
14
+ --ks-background-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
15
+ --ks-background-color-clear-inverted-base: var(--ks-color-transparent-base);
16
+ --ks-background-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
17
+ --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
18
+ --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
19
+ --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
20
+ --ks-background-color-default-base: var(--ks-color-bg-base);
21
+ --ks-background-color-default-inverted-base: var(--ks-color-bg-inverted-base);
22
+ --ks-background-color-interface-base: var(--ks-color-fg-alpha-9-base);
23
+ --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-8-base);
24
+ --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-9-base);
25
+ --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-7-base);
26
+ --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-6-base);
27
+ --ks-background-color-interface-interactive-selected-base: var(--ks-color-primary-base);
28
+ --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
29
+ --ks-background-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
30
+ --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-9-base);
31
+ --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
32
+ --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
33
+ --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
34
+ --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
35
+ --ks-background-color-card-interactive-base: var(--ks-color-bg-base);
36
+ --ks-background-color-card-interactive-disabled-base: var(--ks-color-bg-alpha-7-base);
37
+ --ks-background-color-card-interactive-hover-base: var(--ks-color-bg-alpha-9-base);
38
+ --ks-background-color-card-interactive-active-base: var(--ks-color-bg-alpha-9-base);
39
+ --ks-background-color-card-interactive-selected-base: var(--ks-color-bg-base);
40
+ --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-to-bg-9-base);
41
+ --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-to-bg-9-base);
42
+ --ks-background-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-7-base);
43
+ --ks-background-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
44
+ --ks-background-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
45
+ --ks-background-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
46
+ --ks-background-color-primary-base: var(--ks-color-primary-base);
47
+ --ks-background-color-primary-interactive-base: var(--ks-color-primary-base);
48
+ --ks-background-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
49
+ --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-2-base);
50
+ --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-to-bg-4-base);
51
+ --ks-background-color-primary-translucent-base: var(--ks-color-primary-alpha-5-base);
52
+ --ks-background-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
53
+ --ks-background-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
54
+ --ks-background-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
55
+ --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-2-base);
56
+ --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-to-bg-4-base);
57
+ --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-5-base);
58
+ --ks-background-color-positive-base: var(--ks-color-positive-base);
59
+ --ks-background-color-positive-interactive-base: var(--ks-color-positive-base);
60
+ --ks-background-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
61
+ --ks-background-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-2-base);
62
+ --ks-background-color-positive-interactive-selected-base: var(--ks-color-positive-to-bg-4-base);
63
+ --ks-background-color-positive-translucent-base: var(--ks-color-positive-alpha-5-base);
64
+ --ks-background-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
65
+ --ks-background-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
66
+ --ks-background-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
67
+ --ks-background-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-2-base);
68
+ --ks-background-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-to-bg-4-base);
69
+ --ks-background-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-5-base);
70
+ --ks-background-color-informative-base: var(--ks-color-informative-base);
71
+ --ks-background-color-informative-interactive-base: var(--ks-color-informative-base);
72
+ --ks-background-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
73
+ --ks-background-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-2-base);
74
+ --ks-background-color-informative-interactive-selected-base: var(--ks-color-informative-to-bg-4-base);
75
+ --ks-background-color-informative-translucent-base: var(--ks-color-informative-alpha-5-base);
76
+ --ks-background-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
77
+ --ks-background-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
78
+ --ks-background-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
79
+ --ks-background-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-2-base);
80
+ --ks-background-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-to-bg-4-base);
81
+ --ks-background-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-5-base);
82
+ --ks-background-color-notice-base: var(--ks-color-notice-base);
83
+ --ks-background-color-notice-interactive-base: var(--ks-color-notice-base);
84
+ --ks-background-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
85
+ --ks-background-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-2-base);
86
+ --ks-background-color-notice-interactive-selected-base: var(--ks-color-notice-to-bg-4-base);
87
+ --ks-background-color-notice-translucent-base: var(--ks-color-notice-alpha-5-base);
88
+ --ks-background-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
89
+ --ks-background-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
90
+ --ks-background-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
91
+ --ks-background-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-2-base);
92
+ --ks-background-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-to-bg-4-base);
93
+ --ks-background-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-5-base);
94
+ --ks-background-color-negative-base: var(--ks-color-negative-base);
95
+ --ks-background-color-negative-interactive-base: var(--ks-color-negative-base);
96
+ --ks-background-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
97
+ --ks-background-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-2-base);
98
+ --ks-background-color-negative-interactive-selected-base: var(--ks-color-negative-to-bg-4-base);
99
+ --ks-background-color-negative-translucent-base: var(--ks-color-negative-alpha-5-base);
100
+ --ks-background-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
101
+ --ks-background-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
102
+ --ks-background-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
103
+ --ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
104
+ --ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
105
+ --ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
106
+ --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
107
+ --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
108
+ --ks-border-color-clear-base: var(--ks-color-transparent-base);
109
+ --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
110
+ --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
111
+ --ks-border-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
112
+ --ks-border-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
113
+ --ks-border-color-clear-inverted-base: var(--ks-color-transparent-base);
114
+ --ks-border-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
115
+ --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
116
+ --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
117
+ --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
118
+ --ks-border-color-default-base: var(--ks-color-fg-alpha-8-base);
119
+ --ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
120
+ --ks-border-color-interface-base: var(--ks-color-primary-alpha-8-base);
121
+ --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
122
+ --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
123
+ --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
124
+ --ks-border-color-interface-interactive-active-base: var(--ks-color-primary-base);
125
+ --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
126
+ --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
127
+ --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
128
+ --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-8-base);
129
+ --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-5-base);
130
+ --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
131
+ --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
132
+ --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
133
+ --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-8-base);
134
+ --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
135
+ --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
136
+ --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
137
+ --ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
138
+ --ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
139
+ --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
140
+ --ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
141
+ --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
142
+ --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
143
+ --ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
144
+ --ks-border-color-primary-base: var(--ks-color-primary-base);
145
+ --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
146
+ --ks-border-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
147
+ --ks-border-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-3-base);
148
+ --ks-border-color-primary-interactive-selected-base: var(--ks-color-primary-base);
149
+ --ks-border-color-primary-translucent-base: var(--ks-color-primary-alpha-2-base);
150
+ --ks-border-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
151
+ --ks-border-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
152
+ --ks-border-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
153
+ --ks-border-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
154
+ --ks-border-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
155
+ --ks-border-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
156
+ --ks-border-color-positive-base: var(--ks-color-positive-base);
157
+ --ks-border-color-positive-interactive-base: var(--ks-color-positive-base);
158
+ --ks-border-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
159
+ --ks-border-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-3-base);
160
+ --ks-border-color-positive-interactive-selected-base: var(--ks-color-positive-base);
161
+ --ks-border-color-positive-translucent-base: var(--ks-color-positive-alpha-2-base);
162
+ --ks-border-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
163
+ --ks-border-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
164
+ --ks-border-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
165
+ --ks-border-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-3-base);
166
+ --ks-border-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-base);
167
+ --ks-border-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-2-base);
168
+ --ks-border-color-informative-base: var(--ks-color-informative-base);
169
+ --ks-border-color-informative-interactive-base: var(--ks-color-informative-base);
170
+ --ks-border-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
171
+ --ks-border-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-3-base);
172
+ --ks-border-color-informative-interactive-selected-base: var(--ks-color-informative-base);
173
+ --ks-border-color-informative-translucent-base: var(--ks-color-informative-alpha-2-base);
174
+ --ks-border-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
175
+ --ks-border-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
176
+ --ks-border-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
177
+ --ks-border-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-3-base);
178
+ --ks-border-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-base);
179
+ --ks-border-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-2-base);
180
+ --ks-border-color-notice-base: var(--ks-color-notice-base);
181
+ --ks-border-color-notice-interactive-base: var(--ks-color-notice-base);
182
+ --ks-border-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
183
+ --ks-border-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-3-base);
184
+ --ks-border-color-notice-interactive-selected-base: var(--ks-color-notice-base);
185
+ --ks-border-color-notice-translucent-base: var(--ks-color-notice-alpha-2-base);
186
+ --ks-border-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
187
+ --ks-border-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
188
+ --ks-border-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
189
+ --ks-border-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-3-base);
190
+ --ks-border-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-base);
191
+ --ks-border-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-2-base);
192
+ --ks-border-color-negative-base: var(--ks-color-negative-base);
193
+ --ks-border-color-negative-interactive-base: var(--ks-color-negative-base);
194
+ --ks-border-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
195
+ --ks-border-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-3-base);
196
+ --ks-border-color-negative-interactive-selected-base: var(--ks-color-negative-base);
197
+ --ks-border-color-negative-translucent-base: var(--ks-color-negative-alpha-2-base);
198
+ --ks-border-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
199
+ --ks-border-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
200
+ --ks-border-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
201
+ --ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
202
+ --ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
203
+ --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
204
+ --ks-border-width-default: 1px;
205
+ --ks-border-width-emphasized: 2px;
206
+ --ks-border-radius-control: 8px;
207
+ --ks-border-radius-card: 8px;
208
+ --ks-border-radius-surface: 16px;
209
+ --ks-border-radius-pill: 999px;
210
+ --ks-border-radius-circle: 50%;
211
+ --ks-box-shadow-opacity-control: 0.2;
212
+ --ks-box-shadow-opacity-control-hover: 0.3;
213
+ --ks-box-shadow-opacity-control-inverted: 0.2;
214
+ --ks-box-shadow-opacity-control-inverted-hover: 0.3;
215
+ --ks-box-shadow-opacity-card: 0.1;
216
+ --ks-box-shadow-opacity-card-hover: 0.2;
217
+ --ks-box-shadow-opacity-card-inverted: 0.1;
218
+ --ks-box-shadow-opacity-card-inverted-hover: 0.2;
219
+ --ks-box-shadow-opacity-surface: 0.1;
220
+ --ks-box-shadow-opacity-surface-hover: 0.2;
221
+ --ks-box-shadow-opacity-surface-inverted: 0.1;
222
+ --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
223
+ --ks-box-shadow-color-control: rgba(6,8,31,var(--ks-box-shadow-opacity-control));
224
+ --ks-box-shadow-color-control-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-control-hover));
225
+ --ks-box-shadow-color-control-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-control-inverted));
226
+ --ks-box-shadow-color-control-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-control-inverted-hover));
227
+ --ks-box-shadow-color-card: rgba(6,8,31,var(--ks-box-shadow-opacity-card));
228
+ --ks-box-shadow-color-card-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-card-hover));
229
+ --ks-box-shadow-color-card-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-card-inverted));
230
+ --ks-box-shadow-color-card-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-card-inverted-hover));
231
+ --ks-box-shadow-color-surface: rgba(6,8,31,var(--ks-box-shadow-opacity-surface));
232
+ --ks-box-shadow-color-surface-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-hover));
233
+ --ks-box-shadow-color-surface-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-inverted));
234
+ --ks-box-shadow-color-surface-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-inverted-hover));
235
+ --ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
236
+ --ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
237
+ --ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
238
+ --ks-box-shadow-control-inverted-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-inverted-hover);
239
+ --ks-box-shadow-card: 0 1px 5.5px var(--ks-box-shadow-color-card);
240
+ --ks-box-shadow-card-hover: 0 1px 11px var(--ks-box-shadow-color-card-hover);
241
+ --ks-box-shadow-card-inverted: 0 1px 5.5px var(--ks-box-shadow-color-card-inverted);
242
+ --ks-box-shadow-card-inverted-hover: 0 1px 11px var(--ks-box-shadow-color-card-inverted-hover);
243
+ --ks-box-shadow-surface: 0 1px 11px var(--ks-box-shadow-color-surface);
244
+ --ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
245
+ --ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
246
+ --ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
247
+ --ks-color-fg-base: #06081f;
248
+ --ks-color-fg-alpha-1-base: rgba(6,8,31,.95);
249
+ --ks-color-fg-alpha-2-base: rgba(6,8,31,.87);
250
+ --ks-color-fg-alpha-3-base: rgba(6,8,31,.76);
251
+ --ks-color-fg-alpha-4-base: rgba(6,8,31,.63);
252
+ --ks-color-fg-alpha-5-base: rgba(6,8,31,.5);
253
+ --ks-color-fg-alpha-6-base: rgba(6,8,31,.37);
254
+ --ks-color-fg-alpha-7-base: rgba(6,8,31,.24);
255
+ --ks-color-fg-alpha-8-base: rgba(6,8,31,.13);
256
+ --ks-color-fg-alpha-9-base: rgba(6,8,31,.05);
257
+ --ks-color-fg-to-bg-1-base: #12142a;
258
+ --ks-color-fg-to-bg-2-base: #26283c;
259
+ --ks-color-fg-to-bg-3-base: #424355;
260
+ --ks-color-fg-to-bg-4-base: #626372;
261
+ --ks-color-fg-to-bg-5-base: #83848f;
262
+ --ks-color-fg-to-bg-6-base: #a3a4ac;
263
+ --ks-color-fg-to-bg-7-base: #c3c4c9;
264
+ --ks-color-fg-to-bg-8-base: #dfdfe2;
265
+ --ks-color-fg-to-bg-9-base: #f3f3f4;
266
+ --ks-color-fg-inverted-base: #fff;
267
+ --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
268
+ --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
269
+ --ks-color-fg-inverted-alpha-3-base: hsla(0,0%,100%,.76);
270
+ --ks-color-fg-inverted-alpha-4-base: hsla(0,0%,100%,.63);
271
+ --ks-color-fg-inverted-alpha-5-base: hsla(0,0%,100%,.5);
272
+ --ks-color-fg-inverted-alpha-6-base: hsla(0,0%,100%,.37);
273
+ --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
274
+ --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
275
+ --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
276
+ --ks-color-fg-inverted-to-bg-1-base: #f3f4f5;
277
+ --ks-color-fg-inverted-to-bg-2-base: #e0e2e6;
278
+ --ks-color-fg-inverted-to-bg-3-base: #c5c9d1;
279
+ --ks-color-fg-inverted-to-bg-4-base: #a6acb8;
280
+ --ks-color-fg-inverted-to-bg-5-base: #87909f;
281
+ --ks-color-fg-inverted-to-bg-6-base: #687385;
282
+ --ks-color-fg-inverted-to-bg-7-base: #49566c;
283
+ --ks-color-fg-inverted-to-bg-8-base: #2e3d57;
284
+ --ks-color-fg-inverted-to-bg-9-base: #1b2b48;
285
+ --ks-color-bg-base: #fff;
286
+ --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
287
+ --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
288
+ --ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
289
+ --ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
290
+ --ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
291
+ --ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
292
+ --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
293
+ --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
294
+ --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
295
+ --ks-color-bg-to-fg-1-base: #f3f3f4;
296
+ --ks-color-bg-to-fg-2-base: #dfdfe2;
297
+ --ks-color-bg-to-fg-3-base: #c3c4c9;
298
+ --ks-color-bg-to-fg-4-base: #a3a4ac;
299
+ --ks-color-bg-to-fg-5-base: #83848f;
300
+ --ks-color-bg-to-fg-6-base: #626372;
301
+ --ks-color-bg-to-fg-7-base: #424355;
302
+ --ks-color-bg-to-fg-8-base: #26283c;
303
+ --ks-color-bg-to-fg-9-base: #12142a;
304
+ --ks-color-bg-inverted-base: #0f203e;
305
+ --ks-color-bg-inverted-alpha-1-base: rgba(15,32,62,.95);
306
+ --ks-color-bg-inverted-alpha-2-base: rgba(15,32,62,.87);
307
+ --ks-color-bg-inverted-alpha-3-base: rgba(15,32,62,.76);
308
+ --ks-color-bg-inverted-alpha-4-base: rgba(15,32,62,.63);
309
+ --ks-color-bg-inverted-alpha-5-base: rgba(15,32,62,.5);
310
+ --ks-color-bg-inverted-alpha-6-base: rgba(15,32,62,.37);
311
+ --ks-color-bg-inverted-alpha-7-base: rgba(15,32,62,.24);
312
+ --ks-color-bg-inverted-alpha-8-base: rgba(15,32,62,.13);
313
+ --ks-color-bg-inverted-alpha-9-base: rgba(15,32,62,.05);
314
+ --ks-color-bg-inverted-to-fg-1-base: #1b2b48;
315
+ --ks-color-bg-inverted-to-fg-2-base: #2e3d57;
316
+ --ks-color-bg-inverted-to-fg-3-base: #49566c;
317
+ --ks-color-bg-inverted-to-fg-4-base: #687385;
318
+ --ks-color-bg-inverted-to-fg-5-base: #87909f;
319
+ --ks-color-bg-inverted-to-fg-6-base: #a6acb8;
320
+ --ks-color-bg-inverted-to-fg-7-base: #c5c9d1;
321
+ --ks-color-bg-inverted-to-fg-8-base: #e0e2e6;
322
+ --ks-color-bg-inverted-to-fg-9-base: #f3f4f5;
323
+ --ks-color-transparent-base: rgba(0,0,0,0);
324
+ --ks-color-primary-base: #3065c0;
325
+ --ks-color-primary-alpha-1-base: rgba(48,101,192,.95);
326
+ --ks-color-primary-alpha-2-base: rgba(48,101,192,.87);
327
+ --ks-color-primary-alpha-3-base: rgba(48,101,192,.76);
328
+ --ks-color-primary-alpha-4-base: rgba(48,101,192,.63);
329
+ --ks-color-primary-alpha-5-base: rgba(48,101,192,.5);
330
+ --ks-color-primary-alpha-6-base: rgba(48,101,192,.37);
331
+ --ks-color-primary-alpha-7-base: rgba(48,101,192,.24);
332
+ --ks-color-primary-alpha-8-base: rgba(48,101,192,.13);
333
+ --ks-color-primary-alpha-9-base: rgba(48,101,192,.05);
334
+ --ks-color-primary-to-bg-1-base: #3a6dc3;
335
+ --ks-color-primary-to-bg-2-base: #4b79c8;
336
+ --ks-color-primary-to-bg-3-base: #628acf;
337
+ --ks-color-primary-to-bg-4-base: #7d9ed7;
338
+ --ks-color-primary-to-bg-5-base: #98b2e0;
339
+ --ks-color-primary-to-bg-6-base: #b2c6e8;
340
+ --ks-color-primary-to-bg-7-base: #cddaf0;
341
+ --ks-color-primary-to-bg-8-base: #e4ebf7;
342
+ --ks-color-primary-to-bg-9-base: #f5f7fc;
343
+ --ks-color-primary-to-fg-1-base: #2e60b8;
344
+ --ks-color-primary-to-fg-2-base: #2b59ab;
345
+ --ks-color-primary-to-fg-3-base: #264f99;
346
+ --ks-color-primary-to-fg-4-base: #204384;
347
+ --ks-color-primary-to-fg-5-base: #1b3770;
348
+ --ks-color-primary-to-fg-6-base: #162a5b;
349
+ --ks-color-primary-to-fg-7-base: #101e46;
350
+ --ks-color-primary-to-fg-8-base: #0b1434;
351
+ --ks-color-primary-to-fg-9-base: #080d27;
352
+ --ks-color-primary-inverted-base: #3065c0;
353
+ --ks-color-primary-inverted-alpha-1-base: rgba(48,101,192,.95);
354
+ --ks-color-primary-inverted-alpha-2-base: rgba(48,101,192,.87);
355
+ --ks-color-primary-inverted-alpha-3-base: rgba(48,101,192,.76);
356
+ --ks-color-primary-inverted-alpha-4-base: rgba(48,101,192,.63);
357
+ --ks-color-primary-inverted-alpha-5-base: rgba(48,101,192,.5);
358
+ --ks-color-primary-inverted-alpha-6-base: rgba(48,101,192,.37);
359
+ --ks-color-primary-inverted-alpha-7-base: rgba(48,101,192,.24);
360
+ --ks-color-primary-inverted-alpha-8-base: rgba(48,101,192,.13);
361
+ --ks-color-primary-inverted-alpha-9-base: rgba(48,101,192,.05);
362
+ --ks-color-primary-inverted-to-bg-1-base: #2e62ba;
363
+ --ks-color-primary-inverted-to-bg-2-base: #2c5caf;
364
+ --ks-color-primary-inverted-to-bg-3-base: #2854a1;
365
+ --ks-color-primary-inverted-to-bg-4-base: #244b90;
366
+ --ks-color-primary-inverted-to-bg-5-base: #20437f;
367
+ --ks-color-primary-inverted-to-bg-6-base: #1b3a6e;
368
+ --ks-color-primary-inverted-to-bg-7-base: #17315d;
369
+ --ks-color-primary-inverted-to-bg-8-base: #13294f;
370
+ --ks-color-primary-inverted-to-bg-9-base: #112345;
371
+ --ks-color-primary-inverted-to-fg-1-base: #3a6dc3;
372
+ --ks-color-primary-inverted-to-fg-2-base: #4b79c8;
373
+ --ks-color-primary-inverted-to-fg-3-base: #628acf;
374
+ --ks-color-primary-inverted-to-fg-4-base: #7d9ed7;
375
+ --ks-color-primary-inverted-to-fg-5-base: #98b2e0;
376
+ --ks-color-primary-inverted-to-fg-6-base: #b2c6e8;
377
+ --ks-color-primary-inverted-to-fg-7-base: #cddaf0;
378
+ --ks-color-primary-inverted-to-fg-8-base: #e4ebf7;
379
+ --ks-color-primary-inverted-to-fg-9-base: #f5f7fc;
380
+ --ks-color-link-base: #3065c0;
381
+ --ks-color-link-alpha-1-base: rgba(48,101,192,.95);
382
+ --ks-color-link-alpha-2-base: rgba(48,101,192,.87);
383
+ --ks-color-link-alpha-3-base: rgba(48,101,192,.76);
384
+ --ks-color-link-alpha-4-base: rgba(48,101,192,.63);
385
+ --ks-color-link-alpha-5-base: rgba(48,101,192,.5);
386
+ --ks-color-link-alpha-6-base: rgba(48,101,192,.37);
387
+ --ks-color-link-alpha-7-base: rgba(48,101,192,.24);
388
+ --ks-color-link-alpha-8-base: rgba(48,101,192,.13);
389
+ --ks-color-link-alpha-9-base: rgba(48,101,192,.05);
390
+ --ks-color-link-to-bg-1-base: #3a6dc3;
391
+ --ks-color-link-to-bg-2-base: #4b79c8;
392
+ --ks-color-link-to-bg-3-base: #628acf;
393
+ --ks-color-link-to-bg-4-base: #7d9ed7;
394
+ --ks-color-link-to-bg-5-base: #98b2e0;
395
+ --ks-color-link-to-bg-6-base: #b2c6e8;
396
+ --ks-color-link-to-bg-7-base: #cddaf0;
397
+ --ks-color-link-to-bg-8-base: #e4ebf7;
398
+ --ks-color-link-to-bg-9-base: #f5f7fc;
399
+ --ks-color-link-to-fg-1-base: #2e60b8;
400
+ --ks-color-link-to-fg-2-base: #2b59ab;
401
+ --ks-color-link-to-fg-3-base: #264f99;
402
+ --ks-color-link-to-fg-4-base: #204384;
403
+ --ks-color-link-to-fg-5-base: #1b3770;
404
+ --ks-color-link-to-fg-6-base: #162a5b;
405
+ --ks-color-link-to-fg-7-base: #101e46;
406
+ --ks-color-link-to-fg-8-base: #0b1434;
407
+ --ks-color-link-to-fg-9-base: #080d27;
408
+ --ks-color-link-inverted-base: #98b2e0;
409
+ --ks-color-link-inverted-alpha-1-base: rgba(152,178,224,.95);
410
+ --ks-color-link-inverted-alpha-2-base: rgba(152,178,224,.87);
411
+ --ks-color-link-inverted-alpha-3-base: rgba(152,178,224,.76);
412
+ --ks-color-link-inverted-alpha-4-base: rgba(152,178,224,.63);
413
+ --ks-color-link-inverted-alpha-5-base: rgba(152,178,224,.5);
414
+ --ks-color-link-inverted-alpha-6-base: rgba(152,178,224,.37);
415
+ --ks-color-link-inverted-alpha-7-base: rgba(152,178,224,.24);
416
+ --ks-color-link-inverted-alpha-8-base: rgba(152,178,224,.13);
417
+ --ks-color-link-inverted-alpha-9-base: rgba(152,178,224,.05);
418
+ --ks-color-link-inverted-to-bg-1-base: #91abd8;
419
+ --ks-color-link-inverted-to-bg-2-base: #869fcb;
420
+ --ks-color-link-inverted-to-bg-3-base: #778fb9;
421
+ --ks-color-link-inverted-to-bg-4-base: #657ca4;
422
+ --ks-color-link-inverted-to-bg-5-base: #54698f;
423
+ --ks-color-link-inverted-to-bg-6-base: #42567a;
424
+ --ks-color-link-inverted-to-bg-7-base: #304365;
425
+ --ks-color-link-inverted-to-bg-8-base: #213353;
426
+ --ks-color-link-inverted-to-bg-9-base: #162746;
427
+ --ks-color-link-inverted-to-fg-1-base: #9db6e2;
428
+ --ks-color-link-inverted-to-fg-2-base: #a5bce4;
429
+ --ks-color-link-inverted-to-fg-3-base: #b1c4e7;
430
+ --ks-color-link-inverted-to-fg-4-base: #beceeb;
431
+ --ks-color-link-inverted-to-fg-5-base: #ccd9f0;
432
+ --ks-color-link-inverted-to-fg-6-base: #d9e3f4;
433
+ --ks-color-link-inverted-to-fg-7-base: #e6edf8;
434
+ --ks-color-link-inverted-to-fg-8-base: #f2f5fb;
435
+ --ks-color-link-inverted-to-fg-9-base: #fafbfd;
436
+ --ks-color-positive-base: #23831b;
437
+ --ks-color-positive-alpha-1-base: rgba(35,131,27,.95);
438
+ --ks-color-positive-alpha-2-base: rgba(35,131,27,.87);
439
+ --ks-color-positive-alpha-3-base: rgba(35,131,27,.76);
440
+ --ks-color-positive-alpha-4-base: rgba(35,131,27,.63);
441
+ --ks-color-positive-alpha-5-base: rgba(35,131,27,.5);
442
+ --ks-color-positive-alpha-6-base: rgba(35,131,27,.37);
443
+ --ks-color-positive-alpha-7-base: rgba(35,131,27,.24);
444
+ --ks-color-positive-alpha-8-base: rgba(35,131,27,.13);
445
+ --ks-color-positive-alpha-9-base: rgba(35,131,27,.05);
446
+ --ks-color-positive-to-bg-1-base: #2e8926;
447
+ --ks-color-positive-to-bg-2-base: #409339;
448
+ --ks-color-positive-to-bg-3-base: #58a152;
449
+ --ks-color-positive-to-bg-4-base: #74b16f;
450
+ --ks-color-positive-to-bg-5-base: #91c18d;
451
+ --ks-color-positive-to-bg-6-base: #aed1ab;
452
+ --ks-color-positive-to-bg-7-base: #cae1c8;
453
+ --ks-color-positive-to-bg-8-base: #e2efe1;
454
+ --ks-color-positive-to-bg-9-base: #f4f9f4;
455
+ --ks-color-positive-to-fg-1-base: #227d1b;
456
+ --ks-color-positive-to-fg-2-base: #1f731c;
457
+ --ks-color-positive-to-fg-3-base: #1c651c;
458
+ --ks-color-positive-to-fg-4-base: #18551c;
459
+ --ks-color-positive-to-fg-5-base: #15461d;
460
+ --ks-color-positive-to-fg-6-base: #11361e;
461
+ --ks-color-positive-to-fg-7-base: #0d261e;
462
+ --ks-color-positive-to-fg-8-base: #0a181e;
463
+ --ks-color-positive-to-fg-9-base: #070e1f;
464
+ --ks-color-positive-inverted-base: #6edb64;
465
+ --ks-color-positive-inverted-alpha-1-base: rgba(110,219,100,.95);
466
+ --ks-color-positive-inverted-alpha-2-base: rgba(110,219,100,.87);
467
+ --ks-color-positive-inverted-alpha-3-base: rgba(110,219,100,.76);
468
+ --ks-color-positive-inverted-alpha-4-base: rgba(110,219,100,.63);
469
+ --ks-color-positive-inverted-alpha-5-base: rgba(110,219,100,.5);
470
+ --ks-color-positive-inverted-alpha-6-base: rgba(110,219,100,.37);
471
+ --ks-color-positive-inverted-alpha-7-base: rgba(110,219,100,.24);
472
+ --ks-color-positive-inverted-alpha-8-base: rgba(110,219,100,.13);
473
+ --ks-color-positive-inverted-alpha-9-base: rgba(110,219,100,.05);
474
+ --ks-color-positive-inverted-to-bg-1-base: #69d262;
475
+ --ks-color-positive-inverted-to-bg-2-base: #62c35f;
476
+ --ks-color-positive-inverted-to-bg-3-base: #57ae5b;
477
+ --ks-color-positive-inverted-to-bg-4-base: #4b9656;
478
+ --ks-color-positive-inverted-to-bg-5-base: #3f7e51;
479
+ --ks-color-positive-inverted-to-bg-6-base: #32654c;
480
+ --ks-color-positive-inverted-to-bg-7-base: #264d47;
481
+ --ks-color-positive-inverted-to-bg-8-base: #1b3843;
482
+ --ks-color-positive-inverted-to-bg-9-base: #142940;
483
+ --ks-color-positive-inverted-to-fg-1-base: #75dd6c;
484
+ --ks-color-positive-inverted-to-fg-2-base: #81e078;
485
+ --ks-color-positive-inverted-to-fg-3-base: #91e489;
486
+ --ks-color-positive-inverted-to-fg-4-base: #a4e89d;
487
+ --ks-color-positive-inverted-to-fg-5-base: #b7edb2;
488
+ --ks-color-positive-inverted-to-fg-6-base: #c9f2c6;
489
+ --ks-color-positive-inverted-to-fg-7-base: #dcf6da;
490
+ --ks-color-positive-inverted-to-fg-8-base: #ecfaeb;
491
+ --ks-color-positive-inverted-to-fg-9-base: #f8fdf7;
492
+ --ks-color-informative-base: #64c2db;
493
+ --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
494
+ --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
495
+ --ks-color-informative-alpha-3-base: rgba(100,194,219,.76);
496
+ --ks-color-informative-alpha-4-base: rgba(100,194,219,.63);
497
+ --ks-color-informative-alpha-5-base: rgba(100,194,219,.5);
498
+ --ks-color-informative-alpha-6-base: rgba(100,194,219,.37);
499
+ --ks-color-informative-alpha-7-base: rgba(100,194,219,.24);
500
+ --ks-color-informative-alpha-8-base: rgba(100,194,219,.13);
501
+ --ks-color-informative-alpha-9-base: rgba(100,194,219,.05);
502
+ --ks-color-informative-to-bg-1-base: #6cc5dd;
503
+ --ks-color-informative-to-bg-2-base: #78cae0;
504
+ --ks-color-informative-to-bg-3-base: #89d1e4;
505
+ --ks-color-informative-to-bg-4-base: #9dd9e8;
506
+ --ks-color-informative-to-bg-5-base: #b2e1ed;
507
+ --ks-color-informative-to-bg-6-base: #c6e8f2;
508
+ --ks-color-informative-to-bg-7-base: #daf0f6;
509
+ --ks-color-informative-to-bg-8-base: #ebf7fa;
510
+ --ks-color-informative-to-bg-9-base: #f7fcfd;
511
+ --ks-color-informative-to-fg-1-base: #5fb9d2;
512
+ --ks-color-informative-to-fg-2-base: #58aac3;
513
+ --ks-color-informative-to-fg-3-base: #4d95ae;
514
+ --ks-color-informative-to-fg-4-base: #417d95;
515
+ --ks-color-informative-to-fg-5-base: #35657d;
516
+ --ks-color-informative-to-fg-6-base: #294d65;
517
+ --ks-color-informative-to-fg-7-base: #1d354c;
518
+ --ks-color-informative-to-fg-8-base: #122037;
519
+ --ks-color-informative-to-fg-9-base: #0b1128;
520
+ --ks-color-informative-inverted-base: #00718f;
521
+ --ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
522
+ --ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
523
+ --ks-color-informative-inverted-alpha-3-base: rgba(0,113,143,.76);
524
+ --ks-color-informative-inverted-alpha-4-base: rgba(0,113,143,.63);
525
+ --ks-color-informative-inverted-alpha-5-base: rgba(0,113,143,.5);
526
+ --ks-color-informative-inverted-alpha-6-base: rgba(0,113,143,.37);
527
+ --ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
528
+ --ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
529
+ --ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
530
+ --ks-color-informative-inverted-to-bg-1-base: #016d8b;
531
+ --ks-color-informative-inverted-to-bg-2-base: #026684;
532
+ --ks-color-informative-inverted-to-bg-3-base: #045e7c;
533
+ --ks-color-informative-inverted-to-bg-4-base: #065371;
534
+ --ks-color-informative-inverted-to-bg-5-base: #084967;
535
+ --ks-color-informative-inverted-to-bg-6-base: #093e5c;
536
+ --ks-color-informative-inverted-to-bg-7-base: #0b3351;
537
+ --ks-color-informative-inverted-to-bg-8-base: #0d2b49;
538
+ --ks-color-informative-inverted-to-bg-9-base: #0e2442;
539
+ --ks-color-informative-inverted-to-fg-1-base: #0d7895;
540
+ --ks-color-informative-inverted-to-fg-2-base: #21839e;
541
+ --ks-color-informative-inverted-to-fg-3-base: #3d93aa;
542
+ --ks-color-informative-inverted-to-fg-4-base: #5ea6b8;
543
+ --ks-color-informative-inverted-to-fg-5-base: #80b8c7;
544
+ --ks-color-informative-inverted-to-fg-6-base: #a1cad6;
545
+ --ks-color-informative-inverted-to-fg-7-base: #c2dde4;
546
+ --ks-color-informative-inverted-to-fg-8-base: #deedf0;
547
+ --ks-color-informative-inverted-to-fg-9-base: #f2f8f9;
548
+ --ks-color-notice-base: #f9de55;
549
+ --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
550
+ --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
551
+ --ks-color-notice-alpha-3-base: rgba(249,222,85,.76);
552
+ --ks-color-notice-alpha-4-base: rgba(249,222,85,.63);
553
+ --ks-color-notice-alpha-5-base: rgba(249,222,85,.5);
554
+ --ks-color-notice-alpha-6-base: rgba(249,222,85,.37);
555
+ --ks-color-notice-alpha-7-base: rgba(249,222,85,.24);
556
+ --ks-color-notice-alpha-8-base: rgba(249,222,85,.13);
557
+ --ks-color-notice-alpha-9-base: rgba(249,222,85,.05);
558
+ --ks-color-notice-to-bg-1-base: #f9e05e;
559
+ --ks-color-notice-to-bg-2-base: #fae26b;
560
+ --ks-color-notice-to-bg-3-base: #fae67e;
561
+ --ks-color-notice-to-bg-4-base: #fbea94;
562
+ --ks-color-notice-to-bg-5-base: #fcefaa;
563
+ --ks-color-notice-to-bg-6-base: #fdf3c0;
564
+ --ks-color-notice-to-bg-7-base: #fef7d6;
565
+ --ks-color-notice-to-bg-8-base: #fefbe9;
566
+ --ks-color-notice-to-bg-9-base: #fffdf7;
567
+ --ks-color-notice-to-fg-1-base: #edd352;
568
+ --ks-color-notice-to-fg-2-base: #d9c24e;
569
+ --ks-color-notice-to-fg-3-base: #bfab48;
570
+ --ks-color-notice-to-fg-4-base: #9f8f41;
571
+ --ks-color-notice-to-fg-5-base: #80733a;
572
+ --ks-color-notice-to-fg-6-base: #605733;
573
+ --ks-color-notice-to-fg-7-base: #403b2c;
574
+ --ks-color-notice-to-fg-8-base: #262426;
575
+ --ks-color-notice-to-fg-9-base: #121322;
576
+ --ks-color-notice-inverted-base: #ff5d53;
577
+ --ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
578
+ --ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
579
+ --ks-color-notice-inverted-alpha-3-base: rgba(255,93,83,.76);
580
+ --ks-color-notice-inverted-alpha-4-base: rgba(255,93,83,.63);
581
+ --ks-color-notice-inverted-alpha-5-base: rgba(255,93,83,.5);
582
+ --ks-color-notice-inverted-alpha-6-base: rgba(255,93,83,.37);
583
+ --ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
584
+ --ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
585
+ --ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
586
+ --ks-color-notice-inverted-to-bg-1-base: #f35a52;
587
+ --ks-color-notice-inverted-to-bg-2-base: #e05550;
588
+ --ks-color-notice-inverted-to-bg-3-base: #c54e4e;
589
+ --ks-color-notice-inverted-to-bg-4-base: #a6464b;
590
+ --ks-color-notice-inverted-to-bg-5-base: #873f49;
591
+ --ks-color-notice-inverted-to-bg-6-base: #683746;
592
+ --ks-color-notice-inverted-to-bg-7-base: #492f43;
593
+ --ks-color-notice-inverted-to-bg-8-base: #2e2841;
594
+ --ks-color-notice-inverted-to-bg-9-base: #1b233f;
595
+ --ks-color-notice-inverted-to-fg-1-base: #ff655c;
596
+ --ks-color-notice-inverted-to-fg-2-base: #ff7269;
597
+ --ks-color-notice-inverted-to-fg-3-base: #ff847c;
598
+ --ks-color-notice-inverted-to-fg-4-base: #ff9993;
599
+ --ks-color-notice-inverted-to-fg-5-base: #ffaea9;
600
+ --ks-color-notice-inverted-to-fg-6-base: #ffc3bf;
601
+ --ks-color-notice-inverted-to-fg-7-base: #ffd8d6;
602
+ --ks-color-notice-inverted-to-fg-8-base: #ffeae9;
603
+ --ks-color-notice-inverted-to-fg-9-base: #fff7f6;
604
+ --ks-color-negative-base: #ff1a57;
605
+ --ks-color-negative-alpha-1-base: rgba(255,26,87,.95);
606
+ --ks-color-negative-alpha-2-base: rgba(255,26,87,.87);
607
+ --ks-color-negative-alpha-3-base: rgba(255,26,87,.76);
608
+ --ks-color-negative-alpha-4-base: rgba(255,26,87,.63);
609
+ --ks-color-negative-alpha-5-base: rgba(255,26,87,.5);
610
+ --ks-color-negative-alpha-6-base: rgba(255,26,87,.37);
611
+ --ks-color-negative-alpha-7-base: rgba(255,26,87,.24);
612
+ --ks-color-negative-alpha-8-base: rgba(255,26,87,.13);
613
+ --ks-color-negative-alpha-9-base: rgba(255,26,87,.05);
614
+ --ks-color-negative-to-bg-1-base: #ff255f;
615
+ --ks-color-negative-to-bg-2-base: #ff386d;
616
+ --ks-color-negative-to-bg-3-base: #ff517f;
617
+ --ks-color-negative-to-bg-4-base: #ff6f95;
618
+ --ks-color-negative-to-bg-5-base: #ff8dab;
619
+ --ks-color-negative-to-bg-6-base: #ffaac1;
620
+ --ks-color-negative-to-bg-7-base: #ffc8d7;
621
+ --ks-color-negative-to-bg-8-base: #ffe1e9;
622
+ --ks-color-negative-to-bg-9-base: #fff4f7;
623
+ --ks-color-negative-to-fg-1-base: #f31954;
624
+ --ks-color-negative-to-fg-2-base: #df1850;
625
+ --ks-color-negative-to-fg-3-base: #c3164a;
626
+ --ks-color-negative-to-fg-4-base: #a31342;
627
+ --ks-color-negative-to-fg-5-base: #83113b;
628
+ --ks-color-negative-to-fg-6-base: #620f34;
629
+ --ks-color-negative-to-fg-7-base: #420c2c;
630
+ --ks-color-negative-to-fg-8-base: #260a26;
631
+ --ks-color-negative-to-fg-9-base: #120922;
632
+ --ks-color-negative-inverted-base: #d21d48;
633
+ --ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
634
+ --ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
635
+ --ks-color-negative-inverted-alpha-3-base: rgba(210,29,72,.76);
636
+ --ks-color-negative-inverted-alpha-4-base: rgba(210,29,72,.63);
637
+ --ks-color-negative-inverted-alpha-5-base: rgba(210,29,72,.5);
638
+ --ks-color-negative-inverted-alpha-6-base: rgba(210,29,72,.37);
639
+ --ks-color-negative-inverted-alpha-7-base: rgba(210,29,72,.24);
640
+ --ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
641
+ --ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
642
+ --ks-color-negative-inverted-to-bg-1-base: #c81d48;
643
+ --ks-color-negative-inverted-to-bg-2-base: #b91d47;
644
+ --ks-color-negative-inverted-to-bg-3-base: #a31e46;
645
+ --ks-color-negative-inverted-to-bg-4-base: #8a1e44;
646
+ --ks-color-negative-inverted-to-bg-5-base: #711f43;
647
+ --ks-color-negative-inverted-to-bg-6-base: #571f42;
648
+ --ks-color-negative-inverted-to-bg-7-base: #3e1f40;
649
+ --ks-color-negative-inverted-to-bg-8-base: #28203f;
650
+ --ks-color-negative-inverted-to-bg-9-base: #19203f;
651
+ --ks-color-negative-inverted-to-fg-1-base: #d42851;
652
+ --ks-color-negative-inverted-to-fg-2-base: #d83a60;
653
+ --ks-color-negative-inverted-to-fg-3-base: #dd5374;
654
+ --ks-color-negative-inverted-to-fg-4-base: #e3718c;
655
+ --ks-color-negative-inverted-to-fg-5-base: #e98ea4;
656
+ --ks-color-negative-inverted-to-fg-6-base: #eeabbb;
657
+ --ks-color-negative-inverted-to-fg-7-base: #f4c9d3;
658
+ --ks-color-negative-inverted-to-fg-8-base: #f9e2e7;
659
+ --ks-color-negative-inverted-to-fg-9-base: #fdf4f6;
660
+ --ks-depth-modal: 1000;
661
+ --ks-spacing-xxs: var(--ks-spacing-xxs-base);
662
+ --ks-spacing-xxs-base: 0.3366rem;
663
+ --ks-spacing-xxs-bp-factor-phone: 1.225;
664
+ --ks-spacing-xxs-bp-factor-tablet: 1.5006;
665
+ --ks-spacing-xxs-bp-factor-laptop: 1.8383;
666
+ --ks-spacing-xxs-bp-factor-desktop: 2.2519;
667
+ --ks-spacing-xxs-bp-factor-tv: 2.7585;
668
+ --ks-spacing-xs: var(--ks-spacing-xs-base);
669
+ --ks-spacing-xs-base: 0.4628rem;
670
+ --ks-spacing-xs-bp-factor-phone: 1.225;
671
+ --ks-spacing-xs-bp-factor-tablet: 1.5006;
672
+ --ks-spacing-xs-bp-factor-laptop: 1.8383;
673
+ --ks-spacing-xs-bp-factor-desktop: 2.2519;
674
+ --ks-spacing-xs-bp-factor-tv: 2.7585;
675
+ --ks-spacing-s: var(--ks-spacing-s-base);
676
+ --ks-spacing-s-base: 0.6364rem;
677
+ --ks-spacing-s-bp-factor-phone: 1.225;
678
+ --ks-spacing-s-bp-factor-tablet: 1.5006;
679
+ --ks-spacing-s-bp-factor-laptop: 1.8383;
680
+ --ks-spacing-s-bp-factor-desktop: 2.2519;
681
+ --ks-spacing-s-bp-factor-tv: 2.7585;
682
+ --ks-spacing-m: var(--ks-spacing-m-base);
683
+ --ks-spacing-m-base: 0.875rem;
684
+ --ks-spacing-m-bp-factor-phone: 1.225;
685
+ --ks-spacing-m-bp-factor-tablet: 1.5006;
686
+ --ks-spacing-m-bp-factor-laptop: 1.8383;
687
+ --ks-spacing-m-bp-factor-desktop: 2.2519;
688
+ --ks-spacing-m-bp-factor-tv: 2.7585;
689
+ --ks-spacing-l: var(--ks-spacing-l-base);
690
+ --ks-spacing-l-base: 1.2031rem;
691
+ --ks-spacing-l-bp-factor-phone: 1.225;
692
+ --ks-spacing-l-bp-factor-tablet: 1.5006;
693
+ --ks-spacing-l-bp-factor-laptop: 1.8383;
694
+ --ks-spacing-l-bp-factor-desktop: 2.2519;
695
+ --ks-spacing-l-bp-factor-tv: 2.7585;
696
+ --ks-spacing-xl: var(--ks-spacing-xl-base);
697
+ --ks-spacing-xl-base: 1.6543rem;
698
+ --ks-spacing-xl-bp-factor-phone: 1.225;
699
+ --ks-spacing-xl-bp-factor-tablet: 1.5006;
700
+ --ks-spacing-xl-bp-factor-laptop: 1.8383;
701
+ --ks-spacing-xl-bp-factor-desktop: 2.2519;
702
+ --ks-spacing-xl-bp-factor-tv: 2.7585;
703
+ --ks-spacing-xxl: var(--ks-spacing-xxl-base);
704
+ --ks-spacing-xxl-base: 2.2747rem;
705
+ --ks-spacing-xxl-bp-factor-phone: 1.225;
706
+ --ks-spacing-xxl-bp-factor-tablet: 1.5006;
707
+ --ks-spacing-xxl-bp-factor-laptop: 1.8383;
708
+ --ks-spacing-xxl-bp-factor-desktop: 2.2519;
709
+ --ks-spacing-xxl-bp-factor-tv: 2.7585;
710
+ --ks-spacing-stack-xs: var(--ks-spacing-xs);
711
+ --ks-spacing-stack-s: var(--ks-spacing-s);
712
+ --ks-spacing-stack-m: var(--ks-spacing-m);
713
+ --ks-spacing-stack-l: var(--ks-spacing-l);
714
+ --ks-spacing-stack-xl: var(--ks-spacing-xl);
715
+ --ks-spacing-inline-xs: var(--ks-spacing-xs);
716
+ --ks-spacing-inline-s: var(--ks-spacing-s);
717
+ --ks-spacing-inline-m: var(--ks-spacing-m);
718
+ --ks-spacing-inline-l: var(--ks-spacing-l);
719
+ --ks-spacing-inline-xl: var(--ks-spacing-xl);
720
+ --ks-spacing-inset-xs: var(--ks-spacing-xs);
721
+ --ks-spacing-inset-s: var(--ks-spacing-s);
722
+ --ks-spacing-inset-m: var(--ks-spacing-m);
723
+ --ks-spacing-inset-l: var(--ks-spacing-l);
724
+ --ks-spacing-inset-xl: var(--ks-spacing-xl);
725
+ --ks-spacing-inset-squish-xs: var(--ks-spacing-xxs) var(--ks-spacing-xs);
726
+ --ks-spacing-inset-squish-s: var(--ks-spacing-xs) var(--ks-spacing-s);
727
+ --ks-spacing-inset-squish-m: var(--ks-spacing-s) var(--ks-spacing-m);
728
+ --ks-spacing-inset-squish-l: var(--ks-spacing-m) var(--ks-spacing-l);
729
+ --ks-spacing-inset-squish-xl: var(--ks-spacing-l) var(--ks-spacing-xl);
730
+ --ks-spacing-inset-stretch-xs: var(--ks-spacing-s) var(--ks-spacing-xs);
731
+ --ks-spacing-inset-stretch-s: var(--ks-spacing-m) var(--ks-spacing-s);
732
+ --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
733
+ --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
734
+ --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
735
+ --ks-text-color-default-base: var(--ks-color-fg-alpha-3-base);
736
+ --ks-text-color-default-interactive-base: var(--ks-color-link-base);
737
+ --ks-text-color-default-interactive-hover-base: var(--ks-color-link-alpha-4-base);
738
+ --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
739
+ --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
740
+ --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
741
+ --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
742
+ --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-alpha-4-base);
743
+ --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
744
+ --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
745
+ --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
746
+ --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
747
+ --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
748
+ --ks-text-color-copy-interactive-active-base: var(--ks-color-link-to-fg-3-base);
749
+ --ks-text-color-copy-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
750
+ --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
751
+ --ks-text-color-copy-inverted-interactive-base: var(--ks-color-link-inverted-base);
752
+ --ks-text-color-copy-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
753
+ --ks-text-color-copy-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
754
+ --ks-text-color-copy-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
755
+ --ks-text-color-display-base: var(--ks-color-fg-base);
756
+ --ks-text-color-display-interactive-base: var(--ks-color-link-base);
757
+ --ks-text-color-display-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
758
+ --ks-text-color-display-interactive-active-base: var(--ks-color-link-to-fg-3-base);
759
+ --ks-text-color-display-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
760
+ --ks-text-color-display-inverted-base: var(--ks-color-fg-inverted-base);
761
+ --ks-text-color-display-inverted-interactive-base: var(--ks-color-link-inverted-base);
762
+ --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
763
+ --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
764
+ --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
765
+ --ks-text-color-interface-base: var(--ks-color-fg-alpha-2-base);
766
+ --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-4-base);
767
+ --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
768
+ --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
769
+ --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
770
+ --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-4-base);
771
+ --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-3-base);
772
+ --ks-text-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
773
+ --ks-text-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
774
+ --ks-text-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
775
+ --ks-text-color-card-base: var(--ks-color-fg-alpha-2-base);
776
+ --ks-text-color-card-interactive-base: var(--ks-color-fg-base);
777
+ --ks-text-color-card-interactive-hover-base: #000;
778
+ --ks-text-color-card-interactive-active-base: #000;
779
+ --ks-text-color-card-interactive-selected-base: #000;
780
+ --ks-text-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
781
+ --ks-text-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-base);
782
+ --ks-text-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
783
+ --ks-text-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
784
+ --ks-text-color-card-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
785
+ --ks-text-color-primary-base: var(--ks-color-primary-base);
786
+ --ks-text-color-primary-interactive-base: var(--ks-color-primary-base);
787
+ --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
788
+ --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
789
+ --ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
790
+ --ks-text-color-primary-inverted-base: var(--ks-color-primary-to-bg-5-base);
791
+ --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
792
+ --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
793
+ --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
794
+ --ks-text-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-2-base);
795
+ --ks-text-color-positive-base: var(--ks-color-positive-base);
796
+ --ks-text-color-positive-interactive-base: var(--ks-color-positive-base);
797
+ --ks-text-color-positive-interactive-hover-base: var(--ks-color-positive-alpha-2-base);
798
+ --ks-text-color-positive-interactive-active-base: var(--ks-color-positive-alpha-2-base);
799
+ --ks-text-color-positive-interactive-selected-base: var(--ks-color-positive-alpha-2-base);
800
+ --ks-text-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
801
+ --ks-text-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-alpha-2-base);
802
+ --ks-text-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-alpha-2-base);
803
+ --ks-text-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-alpha-2-base);
804
+ --ks-text-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-alpha-2-base);
805
+ --ks-text-color-informative-base: var(--ks-color-informative-base);
806
+ --ks-text-color-informative-interactive-base: var(--ks-color-informative-base);
807
+ --ks-text-color-informative-interactive-hover-base: var(--ks-color-informative-alpha-2-base);
808
+ --ks-text-color-informative-interactive-active-base: var(--ks-color-informative-alpha-2-base);
809
+ --ks-text-color-informative-interactive-selected-base: var(--ks-color-informative-alpha-2-base);
810
+ --ks-text-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
811
+ --ks-text-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-alpha-2-base);
812
+ --ks-text-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-alpha-2-base);
813
+ --ks-text-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-alpha-2-base);
814
+ --ks-text-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-alpha-2-base);
815
+ --ks-text-color-notice-base: var(--ks-color-notice-base);
816
+ --ks-text-color-notice-interactive-base: var(--ks-color-notice-base);
817
+ --ks-text-color-notice-interactive-hover-base: var(--ks-color-notice-alpha-2-base);
818
+ --ks-text-color-notice-interactive-active-base: var(--ks-color-notice-alpha-2-base);
819
+ --ks-text-color-notice-interactive-selected-base: var(--ks-color-notice-alpha-2-base);
820
+ --ks-text-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
821
+ --ks-text-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-alpha-2-base);
822
+ --ks-text-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-alpha-2-base);
823
+ --ks-text-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-alpha-2-base);
824
+ --ks-text-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-alpha-2-base);
825
+ --ks-text-color-negative-base: var(--ks-color-negative-base);
826
+ --ks-text-color-negative-interactive-base: var(--ks-color-negative-base);
827
+ --ks-text-color-negative-interactive-hover-base: var(--ks-color-negative-alpha-2-base);
828
+ --ks-text-color-negative-interactive-active-base: var(--ks-color-negative-alpha-2-base);
829
+ --ks-text-color-negative-interactive-selected-base: var(--ks-color-negative-alpha-2-base);
830
+ --ks-text-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
831
+ --ks-text-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-alpha-2-base);
832
+ --ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
833
+ --ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
834
+ --ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
835
+ --ks-duration-immediate: 50ms;
836
+ --ks-duration-fast: 100ms;
837
+ --ks-duration-medium: 150ms;
838
+ --ks-duration-slow: 300ms;
839
+ --ks-timing-function-bounce: cubic-bezier(0.17,1,0.5,1.5);
840
+ --ks-timing-function-ease-out: ease-out;
841
+ --ks-timing-function-ease-in: ease-in;
842
+ --ks-timing-function-ease-in-out: ease-in-out;
843
+ --ks-timing-function-linear: linear;
844
+ --ks-transition-collapse: var(--ks-duration-medium) var(--ks-timing-function-ease-out);
845
+ --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
846
+ --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
847
+ --ks-font-family-display: Montserrat, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
848
+ --ks-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
849
+ --ks-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
850
+ --ks-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
851
+ --ks-font-weight-light: 300;
852
+ --ks-font-weight-regular: 400;
853
+ --ks-font-weight-semi-bold: 500;
854
+ --ks-font-weight-bold: 700;
855
+ --ks-font-size-display-bp-factor-phone: 1;
856
+ --ks-font-size-display-bp-factor-tablet: 1.125;
857
+ --ks-font-size-display-bp-factor-laptop: 1.25;
858
+ --ks-font-size-display-bp-factor-desktop: 1.35;
859
+ --ks-font-size-display-xxs-base: 0.512rem;
860
+ --ks-font-size-display-xs-base: 0.64rem;
861
+ --ks-font-size-display-s-base: 0.8rem;
862
+ --ks-font-size-display-m-base: 1rem;
863
+ --ks-font-size-display-l-base: 1.25rem;
864
+ --ks-font-size-display-xl-base: 1.5625rem;
865
+ --ks-font-size-display-xxl-base: 1.9531rem;
866
+ --ks-font-size-copy-bp-factor-tablet: 1.125;
867
+ --ks-font-size-copy-xxs-base: 0.544rem;
868
+ --ks-font-size-copy-xs-base: 0.6664rem;
869
+ --ks-font-size-copy-s-base: 0.8163rem;
870
+ --ks-font-size-copy-m-base: 1rem;
871
+ --ks-font-size-copy-l-base: 1.225rem;
872
+ --ks-font-size-copy-xl-base: 1.5006rem;
873
+ --ks-font-size-copy-xxl-base: 1.8383rem;
874
+ --ks-font-size-interface-bp-factor-tablet: 1.125;
875
+ --ks-font-size-interface-xxs-base: 0.544rem;
876
+ --ks-font-size-interface-xs-base: 0.6664rem;
877
+ --ks-font-size-interface-s-base: 0.8163rem;
878
+ --ks-font-size-interface-m-base: 1rem;
879
+ --ks-font-size-interface-l-base: 1.225rem;
880
+ --ks-font-size-interface-xl-base: 1.5006rem;
881
+ --ks-font-size-interface-xxl-base: 1.8383rem;
882
+ --ks-font-size-mono-bp-factor-tablet: 1.125;
883
+ --ks-font-size-mono-xxs-base: 0.544rem;
884
+ --ks-font-size-mono-xs-base: 0.6664rem;
885
+ --ks-font-size-mono-s-base: 0.8163rem;
886
+ --ks-font-size-mono-m-base: 1rem;
887
+ --ks-font-size-mono-l-base: 1.225rem;
888
+ --ks-font-size-mono-xl-base: 1.5006rem;
889
+ --ks-font-size-mono-xxl-base: 1.8383rem;
890
+ --ks-line-height-display-xxs: 1.15;
891
+ --ks-line-height-display-xs: 1.15;
892
+ --ks-line-height-display-s: 1.15;
893
+ --ks-line-height-display-m: 1.15;
894
+ --ks-line-height-display-l: 1.15;
895
+ --ks-line-height-display-xl: 1.15;
896
+ --ks-line-height-display-xxl: 1.15;
897
+ --ks-line-height-copy-xxs: 1.5;
898
+ --ks-line-height-copy-xs: 1.5;
899
+ --ks-line-height-copy-s: 1.5;
900
+ --ks-line-height-copy-m: 1.5;
901
+ --ks-line-height-copy-l: 1.5;
902
+ --ks-line-height-copy-xl: 1.5;
903
+ --ks-line-height-copy-xxl: 1.5;
904
+ --ks-line-height-interface-xxs: 1.5;
905
+ --ks-line-height-interface-xs: 1.5;
906
+ --ks-line-height-interface-s: 1.5;
907
+ --ks-line-height-interface-m: 1.5;
908
+ --ks-line-height-interface-l: 1.5;
909
+ --ks-line-height-interface-xl: 1.5;
910
+ --ks-line-height-interface-xxl: 1.5;
911
+ --ks-line-height-mono-xxs: 1.5;
912
+ --ks-line-height-mono-xs: 1.5;
913
+ --ks-line-height-mono-s: 1.5;
914
+ --ks-line-height-mono-m: 1.5;
915
+ --ks-line-height-mono-l: 1.5;
916
+ --ks-line-height-mono-xl: 1.5;
917
+ --ks-line-height-mono-xxl: 1.5;
918
+ --g-header-height: 0px;
919
+ --g-scroll-offset: var(--g-header-height);
920
+ --ks-font-size-display-xxs: calc(var(--ks-font-size-display-xxs-base) * var(--ks-font-size-display-bp-factor, 1));
921
+ --ks-font-display-xxs: var(--ks-font-size-display-xxs) / var(--ks-line-height-display-xxs) var(--ks-font-family-display);
922
+ --ks-font-size-display-xs: calc(var(--ks-font-size-display-xs-base) * var(--ks-font-size-display-bp-factor, 1));
923
+ --ks-font-display-xs: var(--ks-font-size-display-xs) / var(--ks-line-height-display-xs) var(--ks-font-family-display);
924
+ --ks-font-size-display-s: calc(var(--ks-font-size-display-s-base) * var(--ks-font-size-display-bp-factor, 1));
925
+ --ks-font-display-s: var(--ks-font-size-display-s) / var(--ks-line-height-display-s) var(--ks-font-family-display);
926
+ --ks-font-size-display-m: calc(var(--ks-font-size-display-m-base) * var(--ks-font-size-display-bp-factor, 1));
927
+ --ks-font-display-m: var(--ks-font-size-display-m) / var(--ks-line-height-display-m) var(--ks-font-family-display);
928
+ --ks-font-size-display-l: calc(var(--ks-font-size-display-l-base) * var(--ks-font-size-display-bp-factor, 1));
929
+ --ks-font-display-l: var(--ks-font-size-display-l) / var(--ks-line-height-display-l) var(--ks-font-family-display);
930
+ --ks-font-size-display-xl: calc(var(--ks-font-size-display-xl-base) * var(--ks-font-size-display-bp-factor, 1));
931
+ --ks-font-display-xl: var(--ks-font-size-display-xl) / var(--ks-line-height-display-xl) var(--ks-font-family-display);
932
+ --ks-font-size-display-xxl: calc(var(--ks-font-size-display-xxl-base) * var(--ks-font-size-display-bp-factor, 1));
933
+ --ks-font-display-xxl: var(--ks-font-size-display-xxl) / var(--ks-line-height-display-xxl) var(--ks-font-family-display);
934
+ --ks-font-size-copy-xxs: calc(var(--ks-font-size-copy-xxs-base) * var(--ks-font-size-copy-bp-factor, 1));
935
+ --ks-font-copy-xxs: var(--ks-font-size-copy-xxs) / var(--ks-line-height-copy-xxs) var(--ks-font-family-copy);
936
+ --ks-font-size-copy-xs: calc(var(--ks-font-size-copy-xs-base) * var(--ks-font-size-copy-bp-factor, 1));
937
+ --ks-font-copy-xs: var(--ks-font-size-copy-xs) / var(--ks-line-height-copy-xs) var(--ks-font-family-copy);
938
+ --ks-font-size-copy-s: calc(var(--ks-font-size-copy-s-base) * var(--ks-font-size-copy-bp-factor, 1));
939
+ --ks-font-copy-s: var(--ks-font-size-copy-s) / var(--ks-line-height-copy-s) var(--ks-font-family-copy);
940
+ --ks-font-size-copy-m: calc(var(--ks-font-size-copy-m-base) * var(--ks-font-size-copy-bp-factor, 1));
941
+ --ks-font-copy-m: var(--ks-font-size-copy-m) / var(--ks-line-height-copy-m) var(--ks-font-family-copy);
942
+ --ks-font-size-copy-l: calc(var(--ks-font-size-copy-l-base) * var(--ks-font-size-copy-bp-factor, 1));
943
+ --ks-font-copy-l: var(--ks-font-size-copy-l) / var(--ks-line-height-copy-l) var(--ks-font-family-copy);
944
+ --ks-font-size-copy-xl: calc(var(--ks-font-size-copy-xl-base) * var(--ks-font-size-copy-bp-factor, 1));
945
+ --ks-font-copy-xl: var(--ks-font-size-copy-xl) / var(--ks-line-height-copy-xl) var(--ks-font-family-copy);
946
+ --ks-font-size-copy-xxl: calc(var(--ks-font-size-copy-xxl-base) * var(--ks-font-size-copy-bp-factor, 1));
947
+ --ks-font-copy-xxl: var(--ks-font-size-copy-xxl) / var(--ks-line-height-copy-xxl) var(--ks-font-family-copy);
948
+ --ks-font-size-interface-xxs: calc(var(--ks-font-size-interface-xxs-base) * var(--ks-font-size-interface-bp-factor, 1));
949
+ --ks-font-interface-xxs: var(--ks-font-size-interface-xxs) / var(--ks-line-height-interface-xxs) var(--ks-font-family-interface);
950
+ --ks-font-size-interface-xs: calc(var(--ks-font-size-interface-xs-base) * var(--ks-font-size-interface-bp-factor, 1));
951
+ --ks-font-interface-xs: var(--ks-font-size-interface-xs) / var(--ks-line-height-interface-xs) var(--ks-font-family-interface);
952
+ --ks-font-size-interface-s: calc(var(--ks-font-size-interface-s-base) * var(--ks-font-size-interface-bp-factor, 1));
953
+ --ks-font-interface-s: var(--ks-font-size-interface-s) / var(--ks-line-height-interface-s) var(--ks-font-family-interface);
954
+ --ks-font-size-interface-m: calc(var(--ks-font-size-interface-m-base) * var(--ks-font-size-interface-bp-factor, 1));
955
+ --ks-font-interface-m: var(--ks-font-size-interface-m) / var(--ks-line-height-interface-m) var(--ks-font-family-interface);
956
+ --ks-font-size-interface-l: calc(var(--ks-font-size-interface-l-base) * var(--ks-font-size-interface-bp-factor, 1));
957
+ --ks-font-interface-l: var(--ks-font-size-interface-l) / var(--ks-line-height-interface-l) var(--ks-font-family-interface);
958
+ --ks-font-size-interface-xl: calc(var(--ks-font-size-interface-xl-base) * var(--ks-font-size-interface-bp-factor, 1));
959
+ --ks-font-interface-xl: var(--ks-font-size-interface-xl) / var(--ks-line-height-interface-xl) var(--ks-font-family-interface);
960
+ --ks-font-size-interface-xxl: calc(var(--ks-font-size-interface-xxl-base) * var(--ks-font-size-interface-bp-factor, 1));
961
+ --ks-font-interface-xxl: var(--ks-font-size-interface-xxl) / var(--ks-line-height-interface-xxl) var(--ks-font-family-interface);
962
+ --ks-font-size-mono-xxs: calc(var(--ks-font-size-mono-xxs-base) * var(--ks-font-size-mono-bp-factor, 1));
963
+ --ks-font-mono-xxs: var(--ks-font-size-mono-xxs) / var(--ks-line-height-mono-xxs) var(--ks-font-family-mono);
964
+ --ks-font-size-mono-xs: calc(var(--ks-font-size-mono-xs-base) * var(--ks-font-size-mono-bp-factor, 1));
965
+ --ks-font-mono-xs: var(--ks-font-size-mono-xs) / var(--ks-line-height-mono-xs) var(--ks-font-family-mono);
966
+ --ks-font-size-mono-s: calc(var(--ks-font-size-mono-s-base) * var(--ks-font-size-mono-bp-factor, 1));
967
+ --ks-font-mono-s: var(--ks-font-size-mono-s) / var(--ks-line-height-mono-s) var(--ks-font-family-mono);
968
+ --ks-font-size-mono-m: calc(var(--ks-font-size-mono-m-base) * var(--ks-font-size-mono-bp-factor, 1));
969
+ --ks-font-mono-m: var(--ks-font-size-mono-m) / var(--ks-line-height-mono-m) var(--ks-font-family-mono);
970
+ --ks-font-size-mono-l: calc(var(--ks-font-size-mono-l-base) * var(--ks-font-size-mono-bp-factor, 1));
971
+ --ks-font-mono-l: var(--ks-font-size-mono-l) / var(--ks-line-height-mono-l) var(--ks-font-family-mono);
972
+ --ks-font-size-mono-xl: calc(var(--ks-font-size-mono-xl-base) * var(--ks-font-size-mono-bp-factor, 1));
973
+ --ks-font-mono-xl: var(--ks-font-size-mono-xl) / var(--ks-line-height-mono-xl) var(--ks-font-family-mono);
974
+ --ks-font-size-mono-xxl: calc(var(--ks-font-size-mono-xxl-base) * var(--ks-font-size-mono-bp-factor, 1));
975
+ --ks-font-mono-xxl: var(--ks-font-size-mono-xxl) / var(--ks-line-height-mono-xxl) var(--ks-font-family-mono);
976
+ --ks-spacing-xxs: calc(var(--ks-spacing-xxs-base) * var(--ks-spacing-xxs-bp-factor, 1));
977
+ --ks-spacing-xs: calc(var(--ks-spacing-xs-base) * var(--ks-spacing-xs-bp-factor, 1));
978
+ --ks-spacing-s: calc(var(--ks-spacing-s-base) * var(--ks-spacing-s-bp-factor, 1));
979
+ --ks-spacing-m: calc(var(--ks-spacing-m-base) * var(--ks-spacing-m-bp-factor, 1));
980
+ --ks-spacing-l: calc(var(--ks-spacing-l-base) * var(--ks-spacing-l-bp-factor, 1));
981
+ --ks-spacing-xl: calc(var(--ks-spacing-xl-base) * var(--ks-spacing-xl-bp-factor, 1));
982
+ --ks-spacing-xxl: calc(var(--ks-spacing-xxl-base) * var(--ks-spacing-xxl-bp-factor, 1));
983
+ --ks-spacing-stack: calc(var(--ks-spacing-stack-base) * var(--ks-spacing-stack-bp-factor, 1));
984
+ --ks-spacing-inline: calc(var(--ks-spacing-inline-base) * var(--ks-spacing-inline-bp-factor, 1));
985
+ --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
986
+ --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
987
+ --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
988
+ --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","tv":"122em"}';
989
+ }
990
+
991
+ :root, [ks-theme], [ks-inverted=false] {
992
+ --ks-background-color-accent: var(--ks-background-color-accent-base);
993
+ --ks-background-color-accent-inverted: var(--ks-background-color-accent-inverted-base);
994
+ --ks-background-color-bold: var(--ks-background-color-bold-base);
995
+ --ks-background-color-bold-inverted: var(--ks-background-color-bold-inverted-base);
996
+ --ks-background-color-clear: var(--ks-background-color-clear-base);
997
+ --ks-background-color-clear-interactive: var(--ks-background-color-clear-interactive-base);
998
+ --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
999
+ --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-interactive-active-base);
1000
+ --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
1001
+ --ks-background-color-clear-inverted: var(--ks-background-color-clear-inverted-base);
1002
+ --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-inverted-interactive-base);
1003
+ --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
1004
+ --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
1005
+ --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
1006
+ --ks-background-color-default: var(--ks-background-color-default-base);
1007
+ --ks-background-color-default-inverted: var(--ks-background-color-default-inverted-base);
1008
+ --ks-background-color-interface: var(--ks-background-color-interface-base);
1009
+ --ks-background-color-interface-interactive: var(--ks-background-color-interface-interactive-base);
1010
+ --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
1011
+ --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
1012
+ --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-interactive-active-base);
1013
+ --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
1014
+ --ks-background-color-interface-inverted: var(--ks-background-color-interface-inverted-base);
1015
+ --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-inverted-interactive-base);
1016
+ --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
1017
+ --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
1018
+ --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
1019
+ --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1020
+ --ks-background-color-card: var(--ks-background-color-card-base);
1021
+ --ks-background-color-card-interactive: var(--ks-background-color-card-interactive-base);
1022
+ --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
1023
+ --ks-background-color-card-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
1024
+ --ks-background-color-card-interactive-active: var(--ks-background-color-card-interactive-active-base);
1025
+ --ks-background-color-card-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1026
+ --ks-background-color-card-inverted: var(--ks-background-color-card-inverted-base);
1027
+ --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-inverted-interactive-base);
1028
+ --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
1029
+ --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
1030
+ --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
1031
+ --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
1032
+ --ks-background-color-primary: var(--ks-background-color-primary-base);
1033
+ --ks-background-color-primary-interactive: var(--ks-background-color-primary-interactive-base);
1034
+ --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
1035
+ --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-interactive-active-base);
1036
+ --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
1037
+ --ks-background-color-primary-translucent: var(--ks-background-color-primary-translucent-base);
1038
+ --ks-background-color-primary-inverted: var(--ks-background-color-primary-inverted-base);
1039
+ --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-inverted-interactive-base);
1040
+ --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
1041
+ --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
1042
+ --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
1043
+ --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1044
+ --ks-background-color-positive: var(--ks-background-color-positive-base);
1045
+ --ks-background-color-positive-interactive: var(--ks-background-color-positive-interactive-base);
1046
+ --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
1047
+ --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-interactive-active-base);
1048
+ --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
1049
+ --ks-background-color-positive-translucent: var(--ks-background-color-positive-translucent-base);
1050
+ --ks-background-color-positive-inverted: var(--ks-background-color-positive-inverted-base);
1051
+ --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-inverted-interactive-base);
1052
+ --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
1053
+ --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
1054
+ --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
1055
+ --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-inverted-translucent-base);
1056
+ --ks-background-color-informative: var(--ks-background-color-informative-base);
1057
+ --ks-background-color-informative-interactive: var(--ks-background-color-informative-interactive-base);
1058
+ --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
1059
+ --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-interactive-active-base);
1060
+ --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
1061
+ --ks-background-color-informative-translucent: var(--ks-background-color-informative-translucent-base);
1062
+ --ks-background-color-informative-inverted: var(--ks-background-color-informative-inverted-base);
1063
+ --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-inverted-interactive-base);
1064
+ --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
1065
+ --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
1066
+ --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
1067
+ --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-inverted-translucent-base);
1068
+ --ks-background-color-notice: var(--ks-background-color-notice-base);
1069
+ --ks-background-color-notice-interactive: var(--ks-background-color-notice-interactive-base);
1070
+ --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
1071
+ --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-interactive-active-base);
1072
+ --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
1073
+ --ks-background-color-notice-translucent: var(--ks-background-color-notice-translucent-base);
1074
+ --ks-background-color-notice-inverted: var(--ks-background-color-notice-inverted-base);
1075
+ --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-inverted-interactive-base);
1076
+ --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
1077
+ --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
1078
+ --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
1079
+ --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-inverted-translucent-base);
1080
+ --ks-background-color-negative: var(--ks-background-color-negative-base);
1081
+ --ks-background-color-negative-interactive: var(--ks-background-color-negative-interactive-base);
1082
+ --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
1083
+ --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-interactive-active-base);
1084
+ --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1085
+ --ks-background-color-negative-translucent: var(--ks-background-color-negative-translucent-base);
1086
+ --ks-background-color-negative-inverted: var(--ks-background-color-negative-inverted-base);
1087
+ --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-inverted-interactive-base);
1088
+ --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
1089
+ --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1090
+ --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1091
+ --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1092
+ --ks-border-color-accent: var(--ks-border-color-accent-base);
1093
+ --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
1094
+ --ks-border-color-clear: var(--ks-border-color-clear-base);
1095
+ --ks-border-color-clear-interactive: var(--ks-border-color-clear-interactive-base);
1096
+ --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
1097
+ --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-interactive-active-base);
1098
+ --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
1099
+ --ks-border-color-clear-inverted: var(--ks-border-color-clear-inverted-base);
1100
+ --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-inverted-interactive-base);
1101
+ --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
1102
+ --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
1103
+ --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
1104
+ --ks-border-color-default: var(--ks-border-color-default-base);
1105
+ --ks-border-color-default-inverted: var(--ks-border-color-default-inverted-base);
1106
+ --ks-border-color-interface: var(--ks-border-color-interface-base);
1107
+ --ks-border-color-interface-interactive: var(--ks-border-color-interface-interactive-base);
1108
+ --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
1109
+ --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
1110
+ --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-interactive-active-base);
1111
+ --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
1112
+ --ks-border-color-interface-inverted: var(--ks-border-color-interface-inverted-base);
1113
+ --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-inverted-interactive-base);
1114
+ --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
1115
+ --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
1116
+ --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
1117
+ --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1118
+ --ks-border-color-card: var(--ks-border-color-card-base);
1119
+ --ks-border-color-card-interactive: var(--ks-border-color-card-interactive-base);
1120
+ --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
1121
+ --ks-border-color-card-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
1122
+ --ks-border-color-card-interactive-active: var(--ks-border-color-card-interactive-active-base);
1123
+ --ks-border-color-card-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
1124
+ --ks-border-color-card-inverted: var(--ks-border-color-card-inverted-base);
1125
+ --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-inverted-interactive-base);
1126
+ --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
1127
+ --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
1128
+ --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
1129
+ --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
1130
+ --ks-border-color-primary: var(--ks-border-color-primary-base);
1131
+ --ks-border-color-primary-interactive: var(--ks-border-color-primary-interactive-base);
1132
+ --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
1133
+ --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-interactive-active-base);
1134
+ --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
1135
+ --ks-border-color-primary-translucent: var(--ks-border-color-primary-translucent-base);
1136
+ --ks-border-color-primary-inverted: var(--ks-border-color-primary-inverted-base);
1137
+ --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-inverted-interactive-base);
1138
+ --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
1139
+ --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
1140
+ --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
1141
+ --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-inverted-translucent-base);
1142
+ --ks-border-color-positive: var(--ks-border-color-positive-base);
1143
+ --ks-border-color-positive-interactive: var(--ks-border-color-positive-interactive-base);
1144
+ --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
1145
+ --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-interactive-active-base);
1146
+ --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
1147
+ --ks-border-color-positive-translucent: var(--ks-border-color-positive-translucent-base);
1148
+ --ks-border-color-positive-inverted: var(--ks-border-color-positive-inverted-base);
1149
+ --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-inverted-interactive-base);
1150
+ --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
1151
+ --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
1152
+ --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
1153
+ --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-inverted-translucent-base);
1154
+ --ks-border-color-informative: var(--ks-border-color-informative-base);
1155
+ --ks-border-color-informative-interactive: var(--ks-border-color-informative-interactive-base);
1156
+ --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
1157
+ --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-interactive-active-base);
1158
+ --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
1159
+ --ks-border-color-informative-translucent: var(--ks-border-color-informative-translucent-base);
1160
+ --ks-border-color-informative-inverted: var(--ks-border-color-informative-inverted-base);
1161
+ --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-inverted-interactive-base);
1162
+ --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
1163
+ --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
1164
+ --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
1165
+ --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-inverted-translucent-base);
1166
+ --ks-border-color-notice: var(--ks-border-color-notice-base);
1167
+ --ks-border-color-notice-interactive: var(--ks-border-color-notice-interactive-base);
1168
+ --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
1169
+ --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-interactive-active-base);
1170
+ --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
1171
+ --ks-border-color-notice-translucent: var(--ks-border-color-notice-translucent-base);
1172
+ --ks-border-color-notice-inverted: var(--ks-border-color-notice-inverted-base);
1173
+ --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-inverted-interactive-base);
1174
+ --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
1175
+ --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
1176
+ --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
1177
+ --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-inverted-translucent-base);
1178
+ --ks-border-color-negative: var(--ks-border-color-negative-base);
1179
+ --ks-border-color-negative-interactive: var(--ks-border-color-negative-interactive-base);
1180
+ --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
1181
+ --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-interactive-active-base);
1182
+ --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
1183
+ --ks-border-color-negative-translucent: var(--ks-border-color-negative-translucent-base);
1184
+ --ks-border-color-negative-inverted: var(--ks-border-color-negative-inverted-base);
1185
+ --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-inverted-interactive-base);
1186
+ --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
1187
+ --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
1188
+ --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
1189
+ --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1190
+ --ks-color-fg: var(--ks-color-fg-base);
1191
+ --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
1192
+ --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
1193
+ --ks-color-fg-alpha-3: var(--ks-color-fg-alpha-3-base);
1194
+ --ks-color-fg-alpha-4: var(--ks-color-fg-alpha-4-base);
1195
+ --ks-color-fg-alpha-5: var(--ks-color-fg-alpha-5-base);
1196
+ --ks-color-fg-alpha-6: var(--ks-color-fg-alpha-6-base);
1197
+ --ks-color-fg-alpha-7: var(--ks-color-fg-alpha-7-base);
1198
+ --ks-color-fg-alpha-8: var(--ks-color-fg-alpha-8-base);
1199
+ --ks-color-fg-alpha-9: var(--ks-color-fg-alpha-9-base);
1200
+ --ks-color-fg-to-bg-1: var(--ks-color-fg-to-bg-1-base);
1201
+ --ks-color-fg-to-bg-2: var(--ks-color-fg-to-bg-2-base);
1202
+ --ks-color-fg-to-bg-3: var(--ks-color-fg-to-bg-3-base);
1203
+ --ks-color-fg-to-bg-4: var(--ks-color-fg-to-bg-4-base);
1204
+ --ks-color-fg-to-bg-5: var(--ks-color-fg-to-bg-5-base);
1205
+ --ks-color-fg-to-bg-6: var(--ks-color-fg-to-bg-6-base);
1206
+ --ks-color-fg-to-bg-7: var(--ks-color-fg-to-bg-7-base);
1207
+ --ks-color-fg-to-bg-8: var(--ks-color-fg-to-bg-8-base);
1208
+ --ks-color-fg-to-bg-9: var(--ks-color-fg-to-bg-9-base);
1209
+ --ks-color-fg-inverted: var(--ks-color-fg-inverted-base);
1210
+ --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
1211
+ --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
1212
+ --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
1213
+ --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
1214
+ --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
1215
+ --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
1216
+ --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
1217
+ --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
1218
+ --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
1219
+ --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
1220
+ --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
1221
+ --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
1222
+ --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
1223
+ --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
1224
+ --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
1225
+ --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
1226
+ --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
1227
+ --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1228
+ --ks-color-bg: var(--ks-color-bg-base);
1229
+ --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
1230
+ --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
1231
+ --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
1232
+ --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
1233
+ --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
1234
+ --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
1235
+ --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
1236
+ --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
1237
+ --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
1238
+ --ks-color-bg-to-fg-1: var(--ks-color-bg-to-fg-1-base);
1239
+ --ks-color-bg-to-fg-2: var(--ks-color-bg-to-fg-2-base);
1240
+ --ks-color-bg-to-fg-3: var(--ks-color-bg-to-fg-3-base);
1241
+ --ks-color-bg-to-fg-4: var(--ks-color-bg-to-fg-4-base);
1242
+ --ks-color-bg-to-fg-5: var(--ks-color-bg-to-fg-5-base);
1243
+ --ks-color-bg-to-fg-6: var(--ks-color-bg-to-fg-6-base);
1244
+ --ks-color-bg-to-fg-7: var(--ks-color-bg-to-fg-7-base);
1245
+ --ks-color-bg-to-fg-8: var(--ks-color-bg-to-fg-8-base);
1246
+ --ks-color-bg-to-fg-9: var(--ks-color-bg-to-fg-9-base);
1247
+ --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
1248
+ --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1249
+ --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1250
+ --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1251
+ --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1252
+ --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1253
+ --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1254
+ --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1255
+ --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1256
+ --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1257
+ --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
1258
+ --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
1259
+ --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
1260
+ --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
1261
+ --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
1262
+ --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
1263
+ --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
1264
+ --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
1265
+ --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
1266
+ --ks-color-transparent: var(--ks-color-transparent-base);
1267
+ --ks-color-primary: var(--ks-color-primary-base);
1268
+ --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
1269
+ --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
1270
+ --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
1271
+ --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
1272
+ --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
1273
+ --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
1274
+ --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
1275
+ --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
1276
+ --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
1277
+ --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
1278
+ --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
1279
+ --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
1280
+ --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
1281
+ --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
1282
+ --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
1283
+ --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
1284
+ --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
1285
+ --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
1286
+ --ks-color-primary-to-fg-1: var(--ks-color-primary-to-fg-1-base);
1287
+ --ks-color-primary-to-fg-2: var(--ks-color-primary-to-fg-2-base);
1288
+ --ks-color-primary-to-fg-3: var(--ks-color-primary-to-fg-3-base);
1289
+ --ks-color-primary-to-fg-4: var(--ks-color-primary-to-fg-4-base);
1290
+ --ks-color-primary-to-fg-5: var(--ks-color-primary-to-fg-5-base);
1291
+ --ks-color-primary-to-fg-6: var(--ks-color-primary-to-fg-6-base);
1292
+ --ks-color-primary-to-fg-7: var(--ks-color-primary-to-fg-7-base);
1293
+ --ks-color-primary-to-fg-8: var(--ks-color-primary-to-fg-8-base);
1294
+ --ks-color-primary-to-fg-9: var(--ks-color-primary-to-fg-9-base);
1295
+ --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
1296
+ --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1297
+ --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1298
+ --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1299
+ --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1300
+ --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1301
+ --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1302
+ --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1303
+ --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1304
+ --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
1305
+ --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
1306
+ --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
1307
+ --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
1308
+ --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
1309
+ --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
1310
+ --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
1311
+ --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
1312
+ --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
1313
+ --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1314
+ --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
1315
+ --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
1316
+ --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
1317
+ --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
1318
+ --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
1319
+ --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
1320
+ --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
1321
+ --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
1322
+ --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
1323
+ --ks-color-link: var(--ks-color-link-base);
1324
+ --ks-color-link-alpha-1: var(--ks-color-link-alpha-1-base);
1325
+ --ks-color-link-alpha-2: var(--ks-color-link-alpha-2-base);
1326
+ --ks-color-link-alpha-3: var(--ks-color-link-alpha-3-base);
1327
+ --ks-color-link-alpha-4: var(--ks-color-link-alpha-4-base);
1328
+ --ks-color-link-alpha-5: var(--ks-color-link-alpha-5-base);
1329
+ --ks-color-link-alpha-6: var(--ks-color-link-alpha-6-base);
1330
+ --ks-color-link-alpha-7: var(--ks-color-link-alpha-7-base);
1331
+ --ks-color-link-alpha-8: var(--ks-color-link-alpha-8-base);
1332
+ --ks-color-link-alpha-9: var(--ks-color-link-alpha-9-base);
1333
+ --ks-color-link-to-bg-1: var(--ks-color-link-to-bg-1-base);
1334
+ --ks-color-link-to-bg-2: var(--ks-color-link-to-bg-2-base);
1335
+ --ks-color-link-to-bg-3: var(--ks-color-link-to-bg-3-base);
1336
+ --ks-color-link-to-bg-4: var(--ks-color-link-to-bg-4-base);
1337
+ --ks-color-link-to-bg-5: var(--ks-color-link-to-bg-5-base);
1338
+ --ks-color-link-to-bg-6: var(--ks-color-link-to-bg-6-base);
1339
+ --ks-color-link-to-bg-7: var(--ks-color-link-to-bg-7-base);
1340
+ --ks-color-link-to-bg-8: var(--ks-color-link-to-bg-8-base);
1341
+ --ks-color-link-to-bg-9: var(--ks-color-link-to-bg-9-base);
1342
+ --ks-color-link-to-fg-1: var(--ks-color-link-to-fg-1-base);
1343
+ --ks-color-link-to-fg-2: var(--ks-color-link-to-fg-2-base);
1344
+ --ks-color-link-to-fg-3: var(--ks-color-link-to-fg-3-base);
1345
+ --ks-color-link-to-fg-4: var(--ks-color-link-to-fg-4-base);
1346
+ --ks-color-link-to-fg-5: var(--ks-color-link-to-fg-5-base);
1347
+ --ks-color-link-to-fg-6: var(--ks-color-link-to-fg-6-base);
1348
+ --ks-color-link-to-fg-7: var(--ks-color-link-to-fg-7-base);
1349
+ --ks-color-link-to-fg-8: var(--ks-color-link-to-fg-8-base);
1350
+ --ks-color-link-to-fg-9: var(--ks-color-link-to-fg-9-base);
1351
+ --ks-color-link-inverted: var(--ks-color-link-inverted-base);
1352
+ --ks-color-link-inverted-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
1353
+ --ks-color-link-inverted-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
1354
+ --ks-color-link-inverted-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
1355
+ --ks-color-link-inverted-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
1356
+ --ks-color-link-inverted-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
1357
+ --ks-color-link-inverted-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
1358
+ --ks-color-link-inverted-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
1359
+ --ks-color-link-inverted-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
1360
+ --ks-color-link-inverted-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
1361
+ --ks-color-link-inverted-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
1362
+ --ks-color-link-inverted-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
1363
+ --ks-color-link-inverted-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
1364
+ --ks-color-link-inverted-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
1365
+ --ks-color-link-inverted-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
1366
+ --ks-color-link-inverted-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
1367
+ --ks-color-link-inverted-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
1368
+ --ks-color-link-inverted-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
1369
+ --ks-color-link-inverted-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
1370
+ --ks-color-link-inverted-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
1371
+ --ks-color-link-inverted-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
1372
+ --ks-color-link-inverted-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
1373
+ --ks-color-link-inverted-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
1374
+ --ks-color-link-inverted-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
1375
+ --ks-color-link-inverted-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
1376
+ --ks-color-link-inverted-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
1377
+ --ks-color-link-inverted-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
1378
+ --ks-color-link-inverted-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
1379
+ --ks-color-positive: var(--ks-color-positive-base);
1380
+ --ks-color-positive-alpha-1: var(--ks-color-positive-alpha-1-base);
1381
+ --ks-color-positive-alpha-2: var(--ks-color-positive-alpha-2-base);
1382
+ --ks-color-positive-alpha-3: var(--ks-color-positive-alpha-3-base);
1383
+ --ks-color-positive-alpha-4: var(--ks-color-positive-alpha-4-base);
1384
+ --ks-color-positive-alpha-5: var(--ks-color-positive-alpha-5-base);
1385
+ --ks-color-positive-alpha-6: var(--ks-color-positive-alpha-6-base);
1386
+ --ks-color-positive-alpha-7: var(--ks-color-positive-alpha-7-base);
1387
+ --ks-color-positive-alpha-8: var(--ks-color-positive-alpha-8-base);
1388
+ --ks-color-positive-alpha-9: var(--ks-color-positive-alpha-9-base);
1389
+ --ks-color-positive-to-bg-1: var(--ks-color-positive-to-bg-1-base);
1390
+ --ks-color-positive-to-bg-2: var(--ks-color-positive-to-bg-2-base);
1391
+ --ks-color-positive-to-bg-3: var(--ks-color-positive-to-bg-3-base);
1392
+ --ks-color-positive-to-bg-4: var(--ks-color-positive-to-bg-4-base);
1393
+ --ks-color-positive-to-bg-5: var(--ks-color-positive-to-bg-5-base);
1394
+ --ks-color-positive-to-bg-6: var(--ks-color-positive-to-bg-6-base);
1395
+ --ks-color-positive-to-bg-7: var(--ks-color-positive-to-bg-7-base);
1396
+ --ks-color-positive-to-bg-8: var(--ks-color-positive-to-bg-8-base);
1397
+ --ks-color-positive-to-bg-9: var(--ks-color-positive-to-bg-9-base);
1398
+ --ks-color-positive-to-fg-1: var(--ks-color-positive-to-fg-1-base);
1399
+ --ks-color-positive-to-fg-2: var(--ks-color-positive-to-fg-2-base);
1400
+ --ks-color-positive-to-fg-3: var(--ks-color-positive-to-fg-3-base);
1401
+ --ks-color-positive-to-fg-4: var(--ks-color-positive-to-fg-4-base);
1402
+ --ks-color-positive-to-fg-5: var(--ks-color-positive-to-fg-5-base);
1403
+ --ks-color-positive-to-fg-6: var(--ks-color-positive-to-fg-6-base);
1404
+ --ks-color-positive-to-fg-7: var(--ks-color-positive-to-fg-7-base);
1405
+ --ks-color-positive-to-fg-8: var(--ks-color-positive-to-fg-8-base);
1406
+ --ks-color-positive-to-fg-9: var(--ks-color-positive-to-fg-9-base);
1407
+ --ks-color-positive-inverted: var(--ks-color-positive-inverted-base);
1408
+ --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
1409
+ --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
1410
+ --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
1411
+ --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
1412
+ --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
1413
+ --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
1414
+ --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
1415
+ --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
1416
+ --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
1417
+ --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
1418
+ --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
1419
+ --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
1420
+ --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
1421
+ --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
1422
+ --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
1423
+ --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
1424
+ --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
1425
+ --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
1426
+ --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
1427
+ --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
1428
+ --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
1429
+ --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
1430
+ --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
1431
+ --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
1432
+ --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
1433
+ --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
1434
+ --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
1435
+ --ks-color-informative: var(--ks-color-informative-base);
1436
+ --ks-color-informative-alpha-1: var(--ks-color-informative-alpha-1-base);
1437
+ --ks-color-informative-alpha-2: var(--ks-color-informative-alpha-2-base);
1438
+ --ks-color-informative-alpha-3: var(--ks-color-informative-alpha-3-base);
1439
+ --ks-color-informative-alpha-4: var(--ks-color-informative-alpha-4-base);
1440
+ --ks-color-informative-alpha-5: var(--ks-color-informative-alpha-5-base);
1441
+ --ks-color-informative-alpha-6: var(--ks-color-informative-alpha-6-base);
1442
+ --ks-color-informative-alpha-7: var(--ks-color-informative-alpha-7-base);
1443
+ --ks-color-informative-alpha-8: var(--ks-color-informative-alpha-8-base);
1444
+ --ks-color-informative-alpha-9: var(--ks-color-informative-alpha-9-base);
1445
+ --ks-color-informative-to-bg-1: var(--ks-color-informative-to-bg-1-base);
1446
+ --ks-color-informative-to-bg-2: var(--ks-color-informative-to-bg-2-base);
1447
+ --ks-color-informative-to-bg-3: var(--ks-color-informative-to-bg-3-base);
1448
+ --ks-color-informative-to-bg-4: var(--ks-color-informative-to-bg-4-base);
1449
+ --ks-color-informative-to-bg-5: var(--ks-color-informative-to-bg-5-base);
1450
+ --ks-color-informative-to-bg-6: var(--ks-color-informative-to-bg-6-base);
1451
+ --ks-color-informative-to-bg-7: var(--ks-color-informative-to-bg-7-base);
1452
+ --ks-color-informative-to-bg-8: var(--ks-color-informative-to-bg-8-base);
1453
+ --ks-color-informative-to-bg-9: var(--ks-color-informative-to-bg-9-base);
1454
+ --ks-color-informative-to-fg-1: var(--ks-color-informative-to-fg-1-base);
1455
+ --ks-color-informative-to-fg-2: var(--ks-color-informative-to-fg-2-base);
1456
+ --ks-color-informative-to-fg-3: var(--ks-color-informative-to-fg-3-base);
1457
+ --ks-color-informative-to-fg-4: var(--ks-color-informative-to-fg-4-base);
1458
+ --ks-color-informative-to-fg-5: var(--ks-color-informative-to-fg-5-base);
1459
+ --ks-color-informative-to-fg-6: var(--ks-color-informative-to-fg-6-base);
1460
+ --ks-color-informative-to-fg-7: var(--ks-color-informative-to-fg-7-base);
1461
+ --ks-color-informative-to-fg-8: var(--ks-color-informative-to-fg-8-base);
1462
+ --ks-color-informative-to-fg-9: var(--ks-color-informative-to-fg-9-base);
1463
+ --ks-color-informative-inverted: var(--ks-color-informative-inverted-base);
1464
+ --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
1465
+ --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
1466
+ --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
1467
+ --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
1468
+ --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
1469
+ --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
1470
+ --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
1471
+ --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
1472
+ --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
1473
+ --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
1474
+ --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
1475
+ --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
1476
+ --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
1477
+ --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
1478
+ --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
1479
+ --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
1480
+ --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
1481
+ --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
1482
+ --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
1483
+ --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
1484
+ --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
1485
+ --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
1486
+ --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
1487
+ --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
1488
+ --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
1489
+ --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
1490
+ --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
1491
+ --ks-color-notice: var(--ks-color-notice-base);
1492
+ --ks-color-notice-alpha-1: var(--ks-color-notice-alpha-1-base);
1493
+ --ks-color-notice-alpha-2: var(--ks-color-notice-alpha-2-base);
1494
+ --ks-color-notice-alpha-3: var(--ks-color-notice-alpha-3-base);
1495
+ --ks-color-notice-alpha-4: var(--ks-color-notice-alpha-4-base);
1496
+ --ks-color-notice-alpha-5: var(--ks-color-notice-alpha-5-base);
1497
+ --ks-color-notice-alpha-6: var(--ks-color-notice-alpha-6-base);
1498
+ --ks-color-notice-alpha-7: var(--ks-color-notice-alpha-7-base);
1499
+ --ks-color-notice-alpha-8: var(--ks-color-notice-alpha-8-base);
1500
+ --ks-color-notice-alpha-9: var(--ks-color-notice-alpha-9-base);
1501
+ --ks-color-notice-to-bg-1: var(--ks-color-notice-to-bg-1-base);
1502
+ --ks-color-notice-to-bg-2: var(--ks-color-notice-to-bg-2-base);
1503
+ --ks-color-notice-to-bg-3: var(--ks-color-notice-to-bg-3-base);
1504
+ --ks-color-notice-to-bg-4: var(--ks-color-notice-to-bg-4-base);
1505
+ --ks-color-notice-to-bg-5: var(--ks-color-notice-to-bg-5-base);
1506
+ --ks-color-notice-to-bg-6: var(--ks-color-notice-to-bg-6-base);
1507
+ --ks-color-notice-to-bg-7: var(--ks-color-notice-to-bg-7-base);
1508
+ --ks-color-notice-to-bg-8: var(--ks-color-notice-to-bg-8-base);
1509
+ --ks-color-notice-to-bg-9: var(--ks-color-notice-to-bg-9-base);
1510
+ --ks-color-notice-to-fg-1: var(--ks-color-notice-to-fg-1-base);
1511
+ --ks-color-notice-to-fg-2: var(--ks-color-notice-to-fg-2-base);
1512
+ --ks-color-notice-to-fg-3: var(--ks-color-notice-to-fg-3-base);
1513
+ --ks-color-notice-to-fg-4: var(--ks-color-notice-to-fg-4-base);
1514
+ --ks-color-notice-to-fg-5: var(--ks-color-notice-to-fg-5-base);
1515
+ --ks-color-notice-to-fg-6: var(--ks-color-notice-to-fg-6-base);
1516
+ --ks-color-notice-to-fg-7: var(--ks-color-notice-to-fg-7-base);
1517
+ --ks-color-notice-to-fg-8: var(--ks-color-notice-to-fg-8-base);
1518
+ --ks-color-notice-to-fg-9: var(--ks-color-notice-to-fg-9-base);
1519
+ --ks-color-notice-inverted: var(--ks-color-notice-inverted-base);
1520
+ --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
1521
+ --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
1522
+ --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
1523
+ --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
1524
+ --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
1525
+ --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
1526
+ --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
1527
+ --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
1528
+ --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
1529
+ --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
1530
+ --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
1531
+ --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
1532
+ --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
1533
+ --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
1534
+ --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
1535
+ --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
1536
+ --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
1537
+ --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
1538
+ --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
1539
+ --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
1540
+ --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
1541
+ --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
1542
+ --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
1543
+ --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
1544
+ --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
1545
+ --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
1546
+ --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
1547
+ --ks-color-negative: var(--ks-color-negative-base);
1548
+ --ks-color-negative-alpha-1: var(--ks-color-negative-alpha-1-base);
1549
+ --ks-color-negative-alpha-2: var(--ks-color-negative-alpha-2-base);
1550
+ --ks-color-negative-alpha-3: var(--ks-color-negative-alpha-3-base);
1551
+ --ks-color-negative-alpha-4: var(--ks-color-negative-alpha-4-base);
1552
+ --ks-color-negative-alpha-5: var(--ks-color-negative-alpha-5-base);
1553
+ --ks-color-negative-alpha-6: var(--ks-color-negative-alpha-6-base);
1554
+ --ks-color-negative-alpha-7: var(--ks-color-negative-alpha-7-base);
1555
+ --ks-color-negative-alpha-8: var(--ks-color-negative-alpha-8-base);
1556
+ --ks-color-negative-alpha-9: var(--ks-color-negative-alpha-9-base);
1557
+ --ks-color-negative-to-bg-1: var(--ks-color-negative-to-bg-1-base);
1558
+ --ks-color-negative-to-bg-2: var(--ks-color-negative-to-bg-2-base);
1559
+ --ks-color-negative-to-bg-3: var(--ks-color-negative-to-bg-3-base);
1560
+ --ks-color-negative-to-bg-4: var(--ks-color-negative-to-bg-4-base);
1561
+ --ks-color-negative-to-bg-5: var(--ks-color-negative-to-bg-5-base);
1562
+ --ks-color-negative-to-bg-6: var(--ks-color-negative-to-bg-6-base);
1563
+ --ks-color-negative-to-bg-7: var(--ks-color-negative-to-bg-7-base);
1564
+ --ks-color-negative-to-bg-8: var(--ks-color-negative-to-bg-8-base);
1565
+ --ks-color-negative-to-bg-9: var(--ks-color-negative-to-bg-9-base);
1566
+ --ks-color-negative-to-fg-1: var(--ks-color-negative-to-fg-1-base);
1567
+ --ks-color-negative-to-fg-2: var(--ks-color-negative-to-fg-2-base);
1568
+ --ks-color-negative-to-fg-3: var(--ks-color-negative-to-fg-3-base);
1569
+ --ks-color-negative-to-fg-4: var(--ks-color-negative-to-fg-4-base);
1570
+ --ks-color-negative-to-fg-5: var(--ks-color-negative-to-fg-5-base);
1571
+ --ks-color-negative-to-fg-6: var(--ks-color-negative-to-fg-6-base);
1572
+ --ks-color-negative-to-fg-7: var(--ks-color-negative-to-fg-7-base);
1573
+ --ks-color-negative-to-fg-8: var(--ks-color-negative-to-fg-8-base);
1574
+ --ks-color-negative-to-fg-9: var(--ks-color-negative-to-fg-9-base);
1575
+ --ks-color-negative-inverted: var(--ks-color-negative-inverted-base);
1576
+ --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
1577
+ --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
1578
+ --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
1579
+ --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
1580
+ --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
1581
+ --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
1582
+ --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
1583
+ --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
1584
+ --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
1585
+ --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
1586
+ --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
1587
+ --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
1588
+ --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
1589
+ --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
1590
+ --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
1591
+ --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
1592
+ --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
1593
+ --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
1594
+ --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
1595
+ --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
1596
+ --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
1597
+ --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
1598
+ --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
1599
+ --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
1600
+ --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
1601
+ --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
1602
+ --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
1603
+ --ks-text-color-default: var(--ks-text-color-default-base);
1604
+ --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
1605
+ --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
1606
+ --ks-text-color-default-interactive-active: var(--ks-text-color-default-interactive-active-base);
1607
+ --ks-text-color-default-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
1608
+ --ks-text-color-default-inverted: var(--ks-text-color-default-inverted-base);
1609
+ --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-inverted-interactive-base);
1610
+ --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
1611
+ --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
1612
+ --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
1613
+ --ks-text-color-copy: var(--ks-text-color-copy-base);
1614
+ --ks-text-color-copy-interactive: var(--ks-text-color-copy-interactive-base);
1615
+ --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
1616
+ --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-interactive-active-base);
1617
+ --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
1618
+ --ks-text-color-copy-inverted: var(--ks-text-color-copy-inverted-base);
1619
+ --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-inverted-interactive-base);
1620
+ --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
1621
+ --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
1622
+ --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
1623
+ --ks-text-color-display: var(--ks-text-color-display-base);
1624
+ --ks-text-color-display-interactive: var(--ks-text-color-display-interactive-base);
1625
+ --ks-text-color-display-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
1626
+ --ks-text-color-display-interactive-active: var(--ks-text-color-display-interactive-active-base);
1627
+ --ks-text-color-display-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
1628
+ --ks-text-color-display-inverted: var(--ks-text-color-display-inverted-base);
1629
+ --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-inverted-interactive-base);
1630
+ --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
1631
+ --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
1632
+ --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
1633
+ --ks-text-color-interface: var(--ks-text-color-interface-base);
1634
+ --ks-text-color-interface-interactive: var(--ks-text-color-interface-interactive-base);
1635
+ --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
1636
+ --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-interactive-active-base);
1637
+ --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
1638
+ --ks-text-color-interface-inverted: var(--ks-text-color-interface-inverted-base);
1639
+ --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-inverted-interactive-base);
1640
+ --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
1641
+ --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
1642
+ --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
1643
+ --ks-text-color-card: var(--ks-text-color-card-base);
1644
+ --ks-text-color-card-interactive: var(--ks-text-color-card-interactive-base);
1645
+ --ks-text-color-card-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
1646
+ --ks-text-color-card-interactive-active: var(--ks-text-color-card-interactive-active-base);
1647
+ --ks-text-color-card-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
1648
+ --ks-text-color-card-inverted: var(--ks-text-color-card-inverted-base);
1649
+ --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-inverted-interactive-base);
1650
+ --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
1651
+ --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
1652
+ --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
1653
+ --ks-text-color-primary: var(--ks-text-color-primary-base);
1654
+ --ks-text-color-primary-interactive: var(--ks-text-color-primary-interactive-base);
1655
+ --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
1656
+ --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-interactive-active-base);
1657
+ --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
1658
+ --ks-text-color-primary-inverted: var(--ks-text-color-primary-inverted-base);
1659
+ --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-inverted-interactive-base);
1660
+ --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
1661
+ --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
1662
+ --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
1663
+ --ks-text-color-positive: var(--ks-text-color-positive-base);
1664
+ --ks-text-color-positive-interactive: var(--ks-text-color-positive-interactive-base);
1665
+ --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
1666
+ --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-interactive-active-base);
1667
+ --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
1668
+ --ks-text-color-positive-inverted: var(--ks-text-color-positive-inverted-base);
1669
+ --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-inverted-interactive-base);
1670
+ --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
1671
+ --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
1672
+ --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
1673
+ --ks-text-color-informative: var(--ks-text-color-informative-base);
1674
+ --ks-text-color-informative-interactive: var(--ks-text-color-informative-interactive-base);
1675
+ --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
1676
+ --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-interactive-active-base);
1677
+ --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
1678
+ --ks-text-color-informative-inverted: var(--ks-text-color-informative-inverted-base);
1679
+ --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-inverted-interactive-base);
1680
+ --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
1681
+ --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
1682
+ --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
1683
+ --ks-text-color-notice: var(--ks-text-color-notice-base);
1684
+ --ks-text-color-notice-interactive: var(--ks-text-color-notice-interactive-base);
1685
+ --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
1686
+ --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-interactive-active-base);
1687
+ --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
1688
+ --ks-text-color-notice-inverted: var(--ks-text-color-notice-inverted-base);
1689
+ --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-inverted-interactive-base);
1690
+ --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
1691
+ --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
1692
+ --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
1693
+ --ks-text-color-negative: var(--ks-text-color-negative-base);
1694
+ --ks-text-color-negative-interactive: var(--ks-text-color-negative-interactive-base);
1695
+ --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
1696
+ --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-interactive-active-base);
1697
+ --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
1698
+ --ks-text-color-negative-inverted: var(--ks-text-color-negative-inverted-base);
1699
+ --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-inverted-interactive-base);
1700
+ --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
1701
+ --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
1702
+ --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
1703
+ }
1704
+
1705
+ [ks-inverted=true] {
1706
+ --ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
1707
+ --ks-background-color-accent-inverted: var(--ks-background-color-accent-base);
1708
+ --ks-background-color-bold: var(--ks-background-color-bold-inverted-base);
1709
+ --ks-background-color-bold-inverted: var(--ks-background-color-bold-base);
1710
+ --ks-background-color-clear: var(--ks-background-color-clear-inverted-base);
1711
+ --ks-background-color-clear-inverted: var(--ks-background-color-clear-base);
1712
+ --ks-background-color-clear-interactive: var(--ks-background-color-clear-inverted-interactive-base);
1713
+ --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-interactive-base);
1714
+ --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
1715
+ --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
1716
+ --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
1717
+ --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-interactive-active-base);
1718
+ --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
1719
+ --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
1720
+ --ks-background-color-default: var(--ks-background-color-default-inverted-base);
1721
+ --ks-background-color-default-inverted: var(--ks-background-color-default-base);
1722
+ --ks-background-color-interface: var(--ks-background-color-interface-inverted-base);
1723
+ --ks-background-color-interface-inverted: var(--ks-background-color-interface-base);
1724
+ --ks-background-color-interface-interactive: var(--ks-background-color-interface-inverted-interactive-base);
1725
+ --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-interactive-base);
1726
+ --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
1727
+ --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
1728
+ --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
1729
+ --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
1730
+ --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
1731
+ --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-interactive-active-base);
1732
+ --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1733
+ --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
1734
+ --ks-background-color-card: var(--ks-background-color-card-inverted-base);
1735
+ --ks-background-color-card-inverted: var(--ks-background-color-card-base);
1736
+ --ks-background-color-card-interactive: var(--ks-background-color-card-inverted-interactive-base);
1737
+ --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-interactive-base);
1738
+ --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
1739
+ --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
1740
+ --ks-background-color-card-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
1741
+ --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
1742
+ --ks-background-color-card-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
1743
+ --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-interactive-active-base);
1744
+ --ks-background-color-card-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
1745
+ --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1746
+ --ks-background-color-primary: var(--ks-background-color-primary-inverted-base);
1747
+ --ks-background-color-primary-inverted: var(--ks-background-color-primary-base);
1748
+ --ks-background-color-primary-interactive: var(--ks-background-color-primary-inverted-interactive-base);
1749
+ --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-interactive-base);
1750
+ --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
1751
+ --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
1752
+ --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
1753
+ --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-interactive-active-base);
1754
+ --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
1755
+ --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
1756
+ --ks-background-color-primary-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1757
+ --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-translucent-base);
1758
+ --ks-background-color-positive: var(--ks-background-color-positive-inverted-base);
1759
+ --ks-background-color-positive-inverted: var(--ks-background-color-positive-base);
1760
+ --ks-background-color-positive-interactive: var(--ks-background-color-positive-inverted-interactive-base);
1761
+ --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-interactive-base);
1762
+ --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
1763
+ --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
1764
+ --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
1765
+ --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-interactive-active-base);
1766
+ --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
1767
+ --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
1768
+ --ks-background-color-positive-translucent: var(--ks-background-color-positive-inverted-translucent-base);
1769
+ --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-translucent-base);
1770
+ --ks-background-color-informative: var(--ks-background-color-informative-inverted-base);
1771
+ --ks-background-color-informative-inverted: var(--ks-background-color-informative-base);
1772
+ --ks-background-color-informative-interactive: var(--ks-background-color-informative-inverted-interactive-base);
1773
+ --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-interactive-base);
1774
+ --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
1775
+ --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
1776
+ --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
1777
+ --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-interactive-active-base);
1778
+ --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
1779
+ --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
1780
+ --ks-background-color-informative-translucent: var(--ks-background-color-informative-inverted-translucent-base);
1781
+ --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-translucent-base);
1782
+ --ks-background-color-notice: var(--ks-background-color-notice-inverted-base);
1783
+ --ks-background-color-notice-inverted: var(--ks-background-color-notice-base);
1784
+ --ks-background-color-notice-interactive: var(--ks-background-color-notice-inverted-interactive-base);
1785
+ --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-interactive-base);
1786
+ --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
1787
+ --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
1788
+ --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
1789
+ --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-interactive-active-base);
1790
+ --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
1791
+ --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
1792
+ --ks-background-color-notice-translucent: var(--ks-background-color-notice-inverted-translucent-base);
1793
+ --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-translucent-base);
1794
+ --ks-background-color-negative: var(--ks-background-color-negative-inverted-base);
1795
+ --ks-background-color-negative-inverted: var(--ks-background-color-negative-base);
1796
+ --ks-background-color-negative-interactive: var(--ks-background-color-negative-inverted-interactive-base);
1797
+ --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-interactive-base);
1798
+ --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
1799
+ --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
1800
+ --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1801
+ --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-interactive-active-base);
1802
+ --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1803
+ --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1804
+ --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1805
+ --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
1806
+ --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
1807
+ --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
1808
+ --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
1809
+ --ks-border-color-clear-inverted: var(--ks-border-color-clear-base);
1810
+ --ks-border-color-clear-interactive: var(--ks-border-color-clear-inverted-interactive-base);
1811
+ --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-interactive-base);
1812
+ --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
1813
+ --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
1814
+ --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
1815
+ --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-interactive-active-base);
1816
+ --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
1817
+ --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
1818
+ --ks-border-color-default: var(--ks-border-color-default-inverted-base);
1819
+ --ks-border-color-default-inverted: var(--ks-border-color-default-base);
1820
+ --ks-border-color-interface: var(--ks-border-color-interface-inverted-base);
1821
+ --ks-border-color-interface-inverted: var(--ks-border-color-interface-base);
1822
+ --ks-border-color-interface-interactive: var(--ks-border-color-interface-inverted-interactive-base);
1823
+ --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-interactive-base);
1824
+ --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
1825
+ --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
1826
+ --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
1827
+ --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
1828
+ --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
1829
+ --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-interactive-active-base);
1830
+ --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1831
+ --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
1832
+ --ks-border-color-card: var(--ks-border-color-card-inverted-base);
1833
+ --ks-border-color-card-inverted: var(--ks-border-color-card-base);
1834
+ --ks-border-color-card-interactive: var(--ks-border-color-card-inverted-interactive-base);
1835
+ --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-interactive-base);
1836
+ --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
1837
+ --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
1838
+ --ks-border-color-card-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
1839
+ --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
1840
+ --ks-border-color-card-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
1841
+ --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-interactive-active-base);
1842
+ --ks-border-color-card-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
1843
+ --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
1844
+ --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
1845
+ --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
1846
+ --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
1847
+ --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-interactive-base);
1848
+ --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
1849
+ --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
1850
+ --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
1851
+ --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-interactive-active-base);
1852
+ --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
1853
+ --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
1854
+ --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
1855
+ --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
1856
+ --ks-border-color-positive: var(--ks-border-color-positive-inverted-base);
1857
+ --ks-border-color-positive-inverted: var(--ks-border-color-positive-base);
1858
+ --ks-border-color-positive-interactive: var(--ks-border-color-positive-inverted-interactive-base);
1859
+ --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-interactive-base);
1860
+ --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
1861
+ --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
1862
+ --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
1863
+ --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-interactive-active-base);
1864
+ --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
1865
+ --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
1866
+ --ks-border-color-positive-translucent: var(--ks-border-color-positive-inverted-translucent-base);
1867
+ --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-translucent-base);
1868
+ --ks-border-color-informative: var(--ks-border-color-informative-inverted-base);
1869
+ --ks-border-color-informative-inverted: var(--ks-border-color-informative-base);
1870
+ --ks-border-color-informative-interactive: var(--ks-border-color-informative-inverted-interactive-base);
1871
+ --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-interactive-base);
1872
+ --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
1873
+ --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
1874
+ --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
1875
+ --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-interactive-active-base);
1876
+ --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
1877
+ --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
1878
+ --ks-border-color-informative-translucent: var(--ks-border-color-informative-inverted-translucent-base);
1879
+ --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-translucent-base);
1880
+ --ks-border-color-notice: var(--ks-border-color-notice-inverted-base);
1881
+ --ks-border-color-notice-inverted: var(--ks-border-color-notice-base);
1882
+ --ks-border-color-notice-interactive: var(--ks-border-color-notice-inverted-interactive-base);
1883
+ --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-interactive-base);
1884
+ --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
1885
+ --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
1886
+ --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
1887
+ --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-interactive-active-base);
1888
+ --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
1889
+ --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
1890
+ --ks-border-color-notice-translucent: var(--ks-border-color-notice-inverted-translucent-base);
1891
+ --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-translucent-base);
1892
+ --ks-border-color-negative: var(--ks-border-color-negative-inverted-base);
1893
+ --ks-border-color-negative-inverted: var(--ks-border-color-negative-base);
1894
+ --ks-border-color-negative-interactive: var(--ks-border-color-negative-inverted-interactive-base);
1895
+ --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-interactive-base);
1896
+ --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
1897
+ --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
1898
+ --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
1899
+ --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-interactive-active-base);
1900
+ --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
1901
+ --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
1902
+ --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1903
+ --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
1904
+ --ks-color-fg: var(--ks-color-fg-inverted-base);
1905
+ --ks-color-fg-inverted: var(--ks-color-fg-base);
1906
+ --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
1907
+ --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-alpha-1-base);
1908
+ --ks-color-fg-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
1909
+ --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-alpha-2-base);
1910
+ --ks-color-fg-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
1911
+ --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-alpha-3-base);
1912
+ --ks-color-fg-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
1913
+ --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-alpha-4-base);
1914
+ --ks-color-fg-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
1915
+ --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-alpha-5-base);
1916
+ --ks-color-fg-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
1917
+ --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-alpha-6-base);
1918
+ --ks-color-fg-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
1919
+ --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-alpha-7-base);
1920
+ --ks-color-fg-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
1921
+ --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-alpha-8-base);
1922
+ --ks-color-fg-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
1923
+ --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-alpha-9-base);
1924
+ --ks-color-fg-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
1925
+ --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-to-bg-1-base);
1926
+ --ks-color-fg-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
1927
+ --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-to-bg-2-base);
1928
+ --ks-color-fg-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
1929
+ --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-to-bg-3-base);
1930
+ --ks-color-fg-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
1931
+ --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-to-bg-4-base);
1932
+ --ks-color-fg-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
1933
+ --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-to-bg-5-base);
1934
+ --ks-color-fg-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
1935
+ --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-to-bg-6-base);
1936
+ --ks-color-fg-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
1937
+ --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-to-bg-7-base);
1938
+ --ks-color-fg-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
1939
+ --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
1940
+ --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1941
+ --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
1942
+ --ks-color-bg: var(--ks-color-bg-inverted-base);
1943
+ --ks-color-bg-inverted: var(--ks-color-bg-base);
1944
+ --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1945
+ --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
1946
+ --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1947
+ --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
1948
+ --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1949
+ --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
1950
+ --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1951
+ --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
1952
+ --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1953
+ --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
1954
+ --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1955
+ --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
1956
+ --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1957
+ --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
1958
+ --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1959
+ --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
1960
+ --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1961
+ --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
1962
+ --ks-color-bg-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
1963
+ --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-to-fg-1-base);
1964
+ --ks-color-bg-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
1965
+ --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-to-fg-2-base);
1966
+ --ks-color-bg-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
1967
+ --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-to-fg-3-base);
1968
+ --ks-color-bg-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
1969
+ --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-to-fg-4-base);
1970
+ --ks-color-bg-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
1971
+ --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-to-fg-5-base);
1972
+ --ks-color-bg-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
1973
+ --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-to-fg-6-base);
1974
+ --ks-color-bg-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
1975
+ --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-to-fg-7-base);
1976
+ --ks-color-bg-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
1977
+ --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-to-fg-8-base);
1978
+ --ks-color-bg-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
1979
+ --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-to-fg-9-base);
1980
+ --ks-color-primary: var(--ks-color-primary-inverted-base);
1981
+ --ks-color-primary-inverted: var(--ks-color-primary-base);
1982
+ --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1983
+ --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
1984
+ --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1985
+ --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
1986
+ --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1987
+ --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
1988
+ --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1989
+ --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
1990
+ --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1991
+ --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
1992
+ --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1993
+ --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
1994
+ --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1995
+ --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
1996
+ --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1997
+ --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
1998
+ --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
1999
+ --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
2000
+ --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
2001
+ --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
2002
+ --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
2003
+ --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
2004
+ --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
2005
+ --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
2006
+ --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
2007
+ --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
2008
+ --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
2009
+ --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
2010
+ --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
2011
+ --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
2012
+ --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
2013
+ --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
2014
+ --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
2015
+ --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
2016
+ --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
2017
+ --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
2018
+ --ks-color-primary-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
2019
+ --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-to-fg-1-base);
2020
+ --ks-color-primary-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
2021
+ --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-to-fg-2-base);
2022
+ --ks-color-primary-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
2023
+ --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-to-fg-3-base);
2024
+ --ks-color-primary-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
2025
+ --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-to-fg-4-base);
2026
+ --ks-color-primary-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
2027
+ --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-to-fg-5-base);
2028
+ --ks-color-primary-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
2029
+ --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-to-fg-6-base);
2030
+ --ks-color-primary-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
2031
+ --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-to-fg-7-base);
2032
+ --ks-color-primary-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
2033
+ --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-to-fg-8-base);
2034
+ --ks-color-primary-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
2035
+ --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-to-fg-9-base);
2036
+ --ks-color-link: var(--ks-color-link-inverted-base);
2037
+ --ks-color-link-inverted: var(--ks-color-link-base);
2038
+ --ks-color-link-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
2039
+ --ks-color-link-inverted-alpha-1: var(--ks-color-link-alpha-1-base);
2040
+ --ks-color-link-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
2041
+ --ks-color-link-inverted-alpha-2: var(--ks-color-link-alpha-2-base);
2042
+ --ks-color-link-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
2043
+ --ks-color-link-inverted-alpha-3: var(--ks-color-link-alpha-3-base);
2044
+ --ks-color-link-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
2045
+ --ks-color-link-inverted-alpha-4: var(--ks-color-link-alpha-4-base);
2046
+ --ks-color-link-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
2047
+ --ks-color-link-inverted-alpha-5: var(--ks-color-link-alpha-5-base);
2048
+ --ks-color-link-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
2049
+ --ks-color-link-inverted-alpha-6: var(--ks-color-link-alpha-6-base);
2050
+ --ks-color-link-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
2051
+ --ks-color-link-inverted-alpha-7: var(--ks-color-link-alpha-7-base);
2052
+ --ks-color-link-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
2053
+ --ks-color-link-inverted-alpha-8: var(--ks-color-link-alpha-8-base);
2054
+ --ks-color-link-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
2055
+ --ks-color-link-inverted-alpha-9: var(--ks-color-link-alpha-9-base);
2056
+ --ks-color-link-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
2057
+ --ks-color-link-inverted-to-bg-1: var(--ks-color-link-to-bg-1-base);
2058
+ --ks-color-link-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
2059
+ --ks-color-link-inverted-to-bg-2: var(--ks-color-link-to-bg-2-base);
2060
+ --ks-color-link-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
2061
+ --ks-color-link-inverted-to-bg-3: var(--ks-color-link-to-bg-3-base);
2062
+ --ks-color-link-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
2063
+ --ks-color-link-inverted-to-bg-4: var(--ks-color-link-to-bg-4-base);
2064
+ --ks-color-link-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
2065
+ --ks-color-link-inverted-to-bg-5: var(--ks-color-link-to-bg-5-base);
2066
+ --ks-color-link-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
2067
+ --ks-color-link-inverted-to-bg-6: var(--ks-color-link-to-bg-6-base);
2068
+ --ks-color-link-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
2069
+ --ks-color-link-inverted-to-bg-7: var(--ks-color-link-to-bg-7-base);
2070
+ --ks-color-link-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
2071
+ --ks-color-link-inverted-to-bg-8: var(--ks-color-link-to-bg-8-base);
2072
+ --ks-color-link-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
2073
+ --ks-color-link-inverted-to-bg-9: var(--ks-color-link-to-bg-9-base);
2074
+ --ks-color-link-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
2075
+ --ks-color-link-inverted-to-fg-1: var(--ks-color-link-to-fg-1-base);
2076
+ --ks-color-link-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
2077
+ --ks-color-link-inverted-to-fg-2: var(--ks-color-link-to-fg-2-base);
2078
+ --ks-color-link-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
2079
+ --ks-color-link-inverted-to-fg-3: var(--ks-color-link-to-fg-3-base);
2080
+ --ks-color-link-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
2081
+ --ks-color-link-inverted-to-fg-4: var(--ks-color-link-to-fg-4-base);
2082
+ --ks-color-link-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
2083
+ --ks-color-link-inverted-to-fg-5: var(--ks-color-link-to-fg-5-base);
2084
+ --ks-color-link-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
2085
+ --ks-color-link-inverted-to-fg-6: var(--ks-color-link-to-fg-6-base);
2086
+ --ks-color-link-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
2087
+ --ks-color-link-inverted-to-fg-7: var(--ks-color-link-to-fg-7-base);
2088
+ --ks-color-link-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
2089
+ --ks-color-link-inverted-to-fg-8: var(--ks-color-link-to-fg-8-base);
2090
+ --ks-color-link-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
2091
+ --ks-color-link-inverted-to-fg-9: var(--ks-color-link-to-fg-9-base);
2092
+ --ks-color-positive: var(--ks-color-positive-inverted-base);
2093
+ --ks-color-positive-inverted: var(--ks-color-positive-base);
2094
+ --ks-color-positive-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
2095
+ --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-alpha-1-base);
2096
+ --ks-color-positive-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
2097
+ --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-alpha-2-base);
2098
+ --ks-color-positive-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
2099
+ --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-alpha-3-base);
2100
+ --ks-color-positive-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
2101
+ --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-alpha-4-base);
2102
+ --ks-color-positive-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
2103
+ --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-alpha-5-base);
2104
+ --ks-color-positive-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
2105
+ --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-alpha-6-base);
2106
+ --ks-color-positive-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
2107
+ --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-alpha-7-base);
2108
+ --ks-color-positive-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
2109
+ --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-alpha-8-base);
2110
+ --ks-color-positive-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
2111
+ --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-alpha-9-base);
2112
+ --ks-color-positive-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
2113
+ --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-to-bg-1-base);
2114
+ --ks-color-positive-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
2115
+ --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-to-bg-2-base);
2116
+ --ks-color-positive-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
2117
+ --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-to-bg-3-base);
2118
+ --ks-color-positive-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
2119
+ --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-to-bg-4-base);
2120
+ --ks-color-positive-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
2121
+ --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-to-bg-5-base);
2122
+ --ks-color-positive-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
2123
+ --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-to-bg-6-base);
2124
+ --ks-color-positive-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
2125
+ --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-to-bg-7-base);
2126
+ --ks-color-positive-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
2127
+ --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-to-bg-8-base);
2128
+ --ks-color-positive-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
2129
+ --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-to-bg-9-base);
2130
+ --ks-color-positive-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
2131
+ --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-to-fg-1-base);
2132
+ --ks-color-positive-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
2133
+ --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-to-fg-2-base);
2134
+ --ks-color-positive-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
2135
+ --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-to-fg-3-base);
2136
+ --ks-color-positive-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
2137
+ --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-to-fg-4-base);
2138
+ --ks-color-positive-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
2139
+ --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-to-fg-5-base);
2140
+ --ks-color-positive-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
2141
+ --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-to-fg-6-base);
2142
+ --ks-color-positive-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
2143
+ --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-to-fg-7-base);
2144
+ --ks-color-positive-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
2145
+ --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-to-fg-8-base);
2146
+ --ks-color-positive-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
2147
+ --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-to-fg-9-base);
2148
+ --ks-color-informative: var(--ks-color-informative-inverted-base);
2149
+ --ks-color-informative-inverted: var(--ks-color-informative-base);
2150
+ --ks-color-informative-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
2151
+ --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-alpha-1-base);
2152
+ --ks-color-informative-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
2153
+ --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-alpha-2-base);
2154
+ --ks-color-informative-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
2155
+ --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-alpha-3-base);
2156
+ --ks-color-informative-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
2157
+ --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-alpha-4-base);
2158
+ --ks-color-informative-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
2159
+ --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-alpha-5-base);
2160
+ --ks-color-informative-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
2161
+ --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-alpha-6-base);
2162
+ --ks-color-informative-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
2163
+ --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-alpha-7-base);
2164
+ --ks-color-informative-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
2165
+ --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-alpha-8-base);
2166
+ --ks-color-informative-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
2167
+ --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-alpha-9-base);
2168
+ --ks-color-informative-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
2169
+ --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-to-bg-1-base);
2170
+ --ks-color-informative-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
2171
+ --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-to-bg-2-base);
2172
+ --ks-color-informative-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
2173
+ --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-to-bg-3-base);
2174
+ --ks-color-informative-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
2175
+ --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-to-bg-4-base);
2176
+ --ks-color-informative-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
2177
+ --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-to-bg-5-base);
2178
+ --ks-color-informative-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
2179
+ --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-to-bg-6-base);
2180
+ --ks-color-informative-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
2181
+ --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-to-bg-7-base);
2182
+ --ks-color-informative-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
2183
+ --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-to-bg-8-base);
2184
+ --ks-color-informative-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
2185
+ --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-to-bg-9-base);
2186
+ --ks-color-informative-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
2187
+ --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-to-fg-1-base);
2188
+ --ks-color-informative-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
2189
+ --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-to-fg-2-base);
2190
+ --ks-color-informative-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
2191
+ --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-to-fg-3-base);
2192
+ --ks-color-informative-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
2193
+ --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-to-fg-4-base);
2194
+ --ks-color-informative-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
2195
+ --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-to-fg-5-base);
2196
+ --ks-color-informative-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
2197
+ --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-to-fg-6-base);
2198
+ --ks-color-informative-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
2199
+ --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-to-fg-7-base);
2200
+ --ks-color-informative-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
2201
+ --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-to-fg-8-base);
2202
+ --ks-color-informative-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
2203
+ --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-to-fg-9-base);
2204
+ --ks-color-notice: var(--ks-color-notice-inverted-base);
2205
+ --ks-color-notice-inverted: var(--ks-color-notice-base);
2206
+ --ks-color-notice-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
2207
+ --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-alpha-1-base);
2208
+ --ks-color-notice-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
2209
+ --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-alpha-2-base);
2210
+ --ks-color-notice-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
2211
+ --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-alpha-3-base);
2212
+ --ks-color-notice-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
2213
+ --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-alpha-4-base);
2214
+ --ks-color-notice-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
2215
+ --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-alpha-5-base);
2216
+ --ks-color-notice-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
2217
+ --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-alpha-6-base);
2218
+ --ks-color-notice-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
2219
+ --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-alpha-7-base);
2220
+ --ks-color-notice-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
2221
+ --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-alpha-8-base);
2222
+ --ks-color-notice-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
2223
+ --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-alpha-9-base);
2224
+ --ks-color-notice-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
2225
+ --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-to-bg-1-base);
2226
+ --ks-color-notice-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
2227
+ --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-to-bg-2-base);
2228
+ --ks-color-notice-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
2229
+ --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-to-bg-3-base);
2230
+ --ks-color-notice-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
2231
+ --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-to-bg-4-base);
2232
+ --ks-color-notice-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
2233
+ --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-to-bg-5-base);
2234
+ --ks-color-notice-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
2235
+ --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-to-bg-6-base);
2236
+ --ks-color-notice-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
2237
+ --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-to-bg-7-base);
2238
+ --ks-color-notice-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
2239
+ --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-to-bg-8-base);
2240
+ --ks-color-notice-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
2241
+ --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-to-bg-9-base);
2242
+ --ks-color-notice-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
2243
+ --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-to-fg-1-base);
2244
+ --ks-color-notice-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
2245
+ --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-to-fg-2-base);
2246
+ --ks-color-notice-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
2247
+ --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-to-fg-3-base);
2248
+ --ks-color-notice-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
2249
+ --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-to-fg-4-base);
2250
+ --ks-color-notice-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
2251
+ --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-to-fg-5-base);
2252
+ --ks-color-notice-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
2253
+ --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-to-fg-6-base);
2254
+ --ks-color-notice-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
2255
+ --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-to-fg-7-base);
2256
+ --ks-color-notice-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
2257
+ --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-to-fg-8-base);
2258
+ --ks-color-notice-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
2259
+ --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-to-fg-9-base);
2260
+ --ks-color-negative: var(--ks-color-negative-inverted-base);
2261
+ --ks-color-negative-inverted: var(--ks-color-negative-base);
2262
+ --ks-color-negative-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
2263
+ --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-alpha-1-base);
2264
+ --ks-color-negative-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
2265
+ --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-alpha-2-base);
2266
+ --ks-color-negative-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
2267
+ --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-alpha-3-base);
2268
+ --ks-color-negative-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
2269
+ --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-alpha-4-base);
2270
+ --ks-color-negative-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
2271
+ --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-alpha-5-base);
2272
+ --ks-color-negative-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
2273
+ --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-alpha-6-base);
2274
+ --ks-color-negative-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
2275
+ --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-alpha-7-base);
2276
+ --ks-color-negative-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
2277
+ --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-alpha-8-base);
2278
+ --ks-color-negative-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
2279
+ --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-alpha-9-base);
2280
+ --ks-color-negative-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
2281
+ --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-to-bg-1-base);
2282
+ --ks-color-negative-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
2283
+ --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-to-bg-2-base);
2284
+ --ks-color-negative-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
2285
+ --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-to-bg-3-base);
2286
+ --ks-color-negative-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
2287
+ --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-to-bg-4-base);
2288
+ --ks-color-negative-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
2289
+ --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-to-bg-5-base);
2290
+ --ks-color-negative-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
2291
+ --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-to-bg-6-base);
2292
+ --ks-color-negative-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
2293
+ --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-to-bg-7-base);
2294
+ --ks-color-negative-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
2295
+ --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-to-bg-8-base);
2296
+ --ks-color-negative-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
2297
+ --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-to-bg-9-base);
2298
+ --ks-color-negative-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
2299
+ --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-to-fg-1-base);
2300
+ --ks-color-negative-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
2301
+ --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-to-fg-2-base);
2302
+ --ks-color-negative-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
2303
+ --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-to-fg-3-base);
2304
+ --ks-color-negative-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
2305
+ --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-to-fg-4-base);
2306
+ --ks-color-negative-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
2307
+ --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-to-fg-5-base);
2308
+ --ks-color-negative-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
2309
+ --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-to-fg-6-base);
2310
+ --ks-color-negative-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
2311
+ --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-to-fg-7-base);
2312
+ --ks-color-negative-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
2313
+ --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
2314
+ --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
2315
+ --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
2316
+ --ks-text-color-default: var(--ks-text-color-default-inverted-base);
2317
+ --ks-text-color-default-inverted: var(--ks-text-color-default-base);
2318
+ --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
2319
+ --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-interactive-base);
2320
+ --ks-text-color-default-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
2321
+ --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
2322
+ --ks-text-color-default-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
2323
+ --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-interactive-active-base);
2324
+ --ks-text-color-default-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
2325
+ --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
2326
+ --ks-text-color-copy: var(--ks-text-color-copy-inverted-base);
2327
+ --ks-text-color-copy-inverted: var(--ks-text-color-copy-base);
2328
+ --ks-text-color-copy-interactive: var(--ks-text-color-copy-inverted-interactive-base);
2329
+ --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-interactive-base);
2330
+ --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
2331
+ --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
2332
+ --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
2333
+ --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-interactive-active-base);
2334
+ --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
2335
+ --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
2336
+ --ks-text-color-display: var(--ks-text-color-display-inverted-base);
2337
+ --ks-text-color-display-inverted: var(--ks-text-color-display-base);
2338
+ --ks-text-color-display-interactive: var(--ks-text-color-display-inverted-interactive-base);
2339
+ --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-interactive-base);
2340
+ --ks-text-color-display-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
2341
+ --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
2342
+ --ks-text-color-display-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
2343
+ --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-interactive-active-base);
2344
+ --ks-text-color-display-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
2345
+ --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
2346
+ --ks-text-color-interface: var(--ks-text-color-interface-inverted-base);
2347
+ --ks-text-color-interface-inverted: var(--ks-text-color-interface-base);
2348
+ --ks-text-color-interface-interactive: var(--ks-text-color-interface-inverted-interactive-base);
2349
+ --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-interactive-base);
2350
+ --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
2351
+ --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
2352
+ --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
2353
+ --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-interactive-active-base);
2354
+ --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
2355
+ --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
2356
+ --ks-text-color-card: var(--ks-text-color-card-inverted-base);
2357
+ --ks-text-color-card-inverted: var(--ks-text-color-card-base);
2358
+ --ks-text-color-card-interactive: var(--ks-text-color-card-inverted-interactive-base);
2359
+ --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-interactive-base);
2360
+ --ks-text-color-card-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
2361
+ --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
2362
+ --ks-text-color-card-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
2363
+ --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-interactive-active-base);
2364
+ --ks-text-color-card-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
2365
+ --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
2366
+ --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
2367
+ --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
2368
+ --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
2369
+ --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-interactive-base);
2370
+ --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
2371
+ --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
2372
+ --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
2373
+ --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-interactive-active-base);
2374
+ --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
2375
+ --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
2376
+ --ks-text-color-positive: var(--ks-text-color-positive-inverted-base);
2377
+ --ks-text-color-positive-inverted: var(--ks-text-color-positive-base);
2378
+ --ks-text-color-positive-interactive: var(--ks-text-color-positive-inverted-interactive-base);
2379
+ --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-interactive-base);
2380
+ --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
2381
+ --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
2382
+ --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
2383
+ --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-interactive-active-base);
2384
+ --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
2385
+ --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
2386
+ --ks-text-color-informative: var(--ks-text-color-informative-inverted-base);
2387
+ --ks-text-color-informative-inverted: var(--ks-text-color-informative-base);
2388
+ --ks-text-color-informative-interactive: var(--ks-text-color-informative-inverted-interactive-base);
2389
+ --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-interactive-base);
2390
+ --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
2391
+ --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
2392
+ --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
2393
+ --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-interactive-active-base);
2394
+ --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
2395
+ --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
2396
+ --ks-text-color-notice: var(--ks-text-color-notice-inverted-base);
2397
+ --ks-text-color-notice-inverted: var(--ks-text-color-notice-base);
2398
+ --ks-text-color-notice-interactive: var(--ks-text-color-notice-inverted-interactive-base);
2399
+ --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-interactive-base);
2400
+ --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
2401
+ --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
2402
+ --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
2403
+ --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-interactive-active-base);
2404
+ --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
2405
+ --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
2406
+ --ks-text-color-negative: var(--ks-text-color-negative-inverted-base);
2407
+ --ks-text-color-negative-inverted: var(--ks-text-color-negative-base);
2408
+ --ks-text-color-negative-interactive: var(--ks-text-color-negative-inverted-interactive-base);
2409
+ --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-interactive-base);
2410
+ --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
2411
+ --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
2412
+ --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
2413
+ --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
2414
+ --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
2415
+ --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
2416
+ }
2417
+
2418
+ @media (min-width: 36em) {
2419
+ :root {
2420
+ --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-phone);
2421
+ --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-phone);
2422
+ --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-phone);
2423
+ --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-phone);
2424
+ --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-phone);
2425
+ --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-phone);
2426
+ --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-phone);
2427
+ --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-phone);
2428
+ }
2429
+ }
2430
+ @media (min-width: 48em) {
2431
+ :root {
2432
+ --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tablet);
2433
+ --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tablet);
2434
+ --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tablet);
2435
+ --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tablet);
2436
+ --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tablet);
2437
+ --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tablet);
2438
+ --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tablet);
2439
+ --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tablet);
2440
+ --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tablet);
2441
+ --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tablet);
2442
+ --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tablet);
2443
+ }
2444
+ }
2445
+ @media (min-width: 62em) {
2446
+ :root {
2447
+ --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-laptop);
2448
+ --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-laptop);
2449
+ --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-laptop);
2450
+ --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-laptop);
2451
+ --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-laptop);
2452
+ --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-laptop);
2453
+ --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-laptop);
2454
+ --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-laptop);
2455
+ }
2456
+ }
2457
+ @media (min-width: 75em) {
2458
+ :root {
2459
+ --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-desktop);
2460
+ --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-desktop);
2461
+ --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-desktop);
2462
+ --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-desktop);
2463
+ --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-desktop);
2464
+ --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-desktop);
2465
+ --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-desktop);
2466
+ --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
2467
+ }
2468
+ }
2469
+ @media (min-width: 122em) {
2470
+ :root {
2471
+ --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tv);
2472
+ --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tv);
2473
+ --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tv);
2474
+ --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tv);
2475
+ --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tv);
2476
+ --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tv);
2477
+ --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tv);
2478
+ }
2479
+ }