@kickstartds/ds-agency-premium 1.2.8--canary.156.b229fdd.0 → 1.2.9

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 (57) hide show
  1. package/dist/{FeaturesProps-79dea880.d.ts → FeaturesProps-32f5bc0d.d.ts} +39 -39
  2. package/dist/{LogosProps-8af8b3c7.d.ts → LogosProps-a8efd101.d.ts} +3 -3
  3. package/dist/{StatsProps-afa48599.d.ts → StatsProps-17b0743a.d.ts} +3 -3
  4. package/dist/{TeaserCardProps-95b399e9.d.ts → TeaserCardProps-3fce7be4.d.ts} +12 -4
  5. package/dist/{TestimonialsProps-d27ae4b4.d.ts → TestimonialsProps-4b94faa8.d.ts} +3 -3
  6. package/dist/components/button/button.css +2 -3
  7. package/dist/components/feature/index.d.ts +1 -1
  8. package/dist/components/features/features.schema.dereffed.json +3 -4
  9. package/dist/components/features/features.schema.json +3 -3
  10. package/dist/components/features/index.d.ts +1 -1
  11. package/dist/components/features/index.js +3 -3
  12. package/dist/components/headline/headline.css +0 -1
  13. package/dist/components/logos/index.d.ts +1 -1
  14. package/dist/components/logos/index.js +2 -2
  15. package/dist/components/logos/logos.schema.dereffed.json +2 -2
  16. package/dist/components/logos/logos.schema.json +2 -2
  17. package/dist/components/page/page.schema.dereffed.json +31 -49
  18. package/dist/components/page-wrapper/index.d.ts +3 -2
  19. package/dist/components/page-wrapper/index.js +471 -6
  20. package/dist/components/page-wrapper/tokens.css +3 -3
  21. package/dist/components/section/index.d.ts +7 -8
  22. package/dist/components/section/index.js +1 -1
  23. package/dist/components/section/section.css +3 -15
  24. package/dist/components/section/section.schema.dereffed.json +31 -49
  25. package/dist/components/section/section.schema.json +2 -5
  26. package/dist/components/stats/index.d.ts +1 -1
  27. package/dist/components/stats/index.js +4 -4
  28. package/dist/components/stats/stats.css +0 -1
  29. package/dist/components/stats/stats.schema.dereffed.json +2 -2
  30. package/dist/components/stats/stats.schema.json +2 -2
  31. package/dist/components/teaser-card/index.d.ts +1 -1
  32. package/dist/components/teaser-card/index.js +3 -6
  33. package/dist/components/teaser-card/teaser-card.schema.dereffed.json +17 -4
  34. package/dist/components/teaser-card/teaser-card.schema.json +13 -5
  35. package/dist/components/testimonials/index.d.ts +1 -1
  36. package/dist/components/testimonials/index.js +4 -4
  37. package/dist/components/testimonials/testimonials.schema.dereffed.json +2 -2
  38. package/dist/components/testimonials/testimonials.schema.json +2 -2
  39. package/dist/global.css +0 -2
  40. package/dist/tokens/themes.css +4657 -0
  41. package/dist/tokens/themes.css.d.ts +0 -0
  42. package/dist/tokens/themes.css.js +1 -0
  43. package/dist/tokens/tokens.css +3 -3
  44. package/dist/tokens/tokens.js +3 -3
  45. package/package.json +9 -6
  46. package/dist/PageIntroProps-f13f3e7c.d.ts +0 -14
  47. package/dist/components/page-intro/index.d.ts +0 -4
  48. package/dist/components/page-intro/index.js +0 -18
  49. package/dist/components/page-intro/page-intro.css +0 -8
  50. package/dist/components/page-intro/page-intro.schema.dereffed.json +0 -30
  51. package/dist/components/page-intro/page-intro.schema.json +0 -26
  52. package/dist/components/raw-page-wrapper/index.d.ts +0 -3
  53. package/dist/components/raw-page-wrapper/index.js +0 -492
  54. package/dist/static/tokens-google.css +0 -1553
  55. package/dist/static/tokens-lughausen.css +0 -1549
  56. package/dist/static/tokens-telekom.css +0 -1549
  57. package/dist/static/tokens.css +0 -1554
@@ -1,1549 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Thu, 30 Nov 2023 14:35:56 GMT
4
- */
5
-
6
- :root, [ks-theme] {
7
- --ks-background-color-accent-base: var(--ks-color-bg-inverted-alpha-9-base);
8
- --ks-background-color-accent-inverted-base: var(--ks-color-bg-inverted-alpha-2-base);
9
- --ks-background-color-bold-base: var(--ks-color-primary-alpha-7-base);
10
- --ks-background-color-bold-inverted-base: var(--ks-color-primary-base);
11
- --ks-background-color-clear-base: var(--ks-color-transparent-base);
12
- --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
13
- --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
14
- --ks-background-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
15
- --ks-background-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
16
- --ks-background-color-clear-inverted-base: var(--ks-color-transparent-base);
17
- --ks-background-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
18
- --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
19
- --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
20
- --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
21
- --ks-background-color-default-base: var(--ks-color-fg-inverted-base);
22
- --ks-background-color-default-inverted-base: var(--ks-color-bg-inverted-base);
23
- --ks-background-color-interface-base: var(--ks-color-fg-alpha-9-base);
24
- --ks-background-color-interface-interactive-base: var(--ks-color-transparent-base);
25
- --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-9-base);
26
- --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
27
- --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-9-base);
28
- --ks-background-color-interface-interactive-selected-base: var(--ks-color-primary-base);
29
- --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
30
- --ks-background-color-interface-inverted-interactive-base: var(--ks-color-transparent-base);
31
- --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-9-base);
32
- --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
33
- --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
34
- --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
35
- --ks-background-color-primary-base: var(--ks-color-primary-base);
36
- --ks-background-color-primary-interactive-base: var(--ks-color-primary-base);
37
- --ks-background-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
38
- --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-3-base);
39
- --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-base);
40
- --ks-background-color-primary-translucent-base: var(--ks-color-primary-alpha-2-base);
41
- --ks-background-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
42
- --ks-background-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
43
- --ks-background-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
44
- --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
45
- --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
46
- --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
47
- --ks-border-color-accent-base: var(--ks-color-fg-alpha-8-base);
48
- --ks-border-color-accent-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
49
- --ks-border-color-clear-base: var(--ks-color-transparent-base);
50
- --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
51
- --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
52
- --ks-border-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
53
- --ks-border-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
54
- --ks-border-color-clear-inverted-base: var(--ks-color-transparent-base);
55
- --ks-border-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
56
- --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
57
- --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
58
- --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
59
- --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
60
- --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
61
- --ks-border-color-interface-base: var(--ks-color-fg-alpha-9-base);
62
- --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
63
- --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
64
- --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
65
- --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-3-base);
66
- --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
67
- --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
68
- --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
69
- --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
70
- --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
71
- --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
72
- --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
73
- --ks-border-color-primary-base: var(--ks-color-primary-base);
74
- --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
75
- --ks-border-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
76
- --ks-border-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-3-base);
77
- --ks-border-color-primary-interactive-selected-base: var(--ks-color-primary-base);
78
- --ks-border-color-primary-translucent-base: var(--ks-color-primary-alpha-2-base);
79
- --ks-border-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
80
- --ks-border-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
81
- --ks-border-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
82
- --ks-border-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
83
- --ks-border-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
84
- --ks-border-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
85
- --ks-border-width-default: 1px;
86
- --ks-border-width-emphasized: 2px;
87
- --ks-border-radius-control: 8px;
88
- --ks-border-radius-card: 8px;
89
- --ks-border-radius-surface: 16px;
90
- --ks-border-radius-pill: 999px;
91
- --ks-border-radius-circle: 50%;
92
- --ks-box-shadow-opacity-control: 0.2;
93
- --ks-box-shadow-opacity-control-hover: 0.3;
94
- --ks-box-shadow-opacity-card: 0.2;
95
- --ks-box-shadow-opacity-card-hover: 0.3;
96
- --ks-box-shadow-opacity-surface: 0.1;
97
- --ks-box-shadow-opacity-surface-hover: 0.2;
98
- --ks-box-shadow-color-control: rgba(44,44,44,var(--ks-box-shadow-opacity-control));
99
- --ks-box-shadow-color-control-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-control-hover));
100
- --ks-box-shadow-color-card: rgba(44,44,44,var(--ks-box-shadow-opacity-card));
101
- --ks-box-shadow-color-card-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-card-hover));
102
- --ks-box-shadow-color-surface: rgba(44,44,44,var(--ks-box-shadow-opacity-surface));
103
- --ks-box-shadow-color-surface-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-surface-hover));
104
- --ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
105
- --ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
106
- --ks-box-shadow-card: 0 1px 5.5px var(--ks-box-shadow-color-card);
107
- --ks-box-shadow-card-hover: 0 1px 11px var(--ks-box-shadow-color-card-hover);
108
- --ks-box-shadow-surface: 0 1px 11px var(--ks-box-shadow-color-surface);
109
- --ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
110
- --ks-color-primary-base: #e20074;
111
- --ks-color-primary-alpha-1-base: rgba(226,0,116,.95);
112
- --ks-color-primary-alpha-2-base: rgba(226,0,116,.87);
113
- --ks-color-primary-alpha-3-base: rgba(226,0,116,.76);
114
- --ks-color-primary-alpha-4-base: rgba(226,0,116,.63);
115
- --ks-color-primary-alpha-5-base: rgba(226,0,116,.5);
116
- --ks-color-primary-alpha-6-base: rgba(226,0,116,.37);
117
- --ks-color-primary-alpha-7-base: rgba(226,0,116,.24);
118
- --ks-color-primary-alpha-8-base: rgba(226,0,116,.13);
119
- --ks-color-primary-alpha-9-base: rgba(226,0,116,.05);
120
- --ks-color-primary-to-bg-1-base: #e30d7b;
121
- --ks-color-primary-to-bg-2-base: #e62186;
122
- --ks-color-primary-to-bg-3-base: #e93d95;
123
- --ks-color-primary-to-bg-4-base: #ed5ea7;
124
- --ks-color-primary-to-bg-5-base: #f180ba;
125
- --ks-color-primary-to-bg-6-base: #f4a1cc;
126
- --ks-color-primary-to-bg-7-base: #f8c2de;
127
- --ks-color-primary-to-bg-8-base: #fbdeed;
128
- --ks-color-primary-to-bg-9-base: #fef2f8;
129
- --ks-color-primary-inverted-base: #fff;
130
- --ks-color-primary-inverted-alpha-1-base: hsla(0,0%,100%,.95);
131
- --ks-color-primary-inverted-alpha-2-base: hsla(0,0%,100%,.87);
132
- --ks-color-primary-inverted-alpha-3-base: hsla(0,0%,100%,.76);
133
- --ks-color-primary-inverted-alpha-4-base: hsla(0,0%,100%,.63);
134
- --ks-color-primary-inverted-alpha-5-base: hsla(0,0%,100%,.5);
135
- --ks-color-primary-inverted-alpha-6-base: hsla(0,0%,100%,.37);
136
- --ks-color-primary-inverted-alpha-7-base: hsla(0,0%,100%,.24);
137
- --ks-color-primary-inverted-alpha-8-base: hsla(0,0%,100%,.13);
138
- --ks-color-primary-inverted-alpha-9-base: hsla(0,0%,100%,.05);
139
- --ks-color-primary-inverted-to-bg-1-base: #f4f4f4;
140
- --ks-color-primary-inverted-to-bg-2-base: #e4e4e4;
141
- --ks-color-primary-inverted-to-bg-3-base: #ccc;
142
- --ks-color-primary-inverted-to-bg-4-base: #b1b1b1;
143
- --ks-color-primary-inverted-to-bg-5-base: #969696;
144
- --ks-color-primary-inverted-to-bg-6-base: #7a7a7a;
145
- --ks-color-primary-inverted-to-bg-7-base: #5f5f5f;
146
- --ks-color-primary-inverted-to-bg-8-base: #474747;
147
- --ks-color-primary-inverted-to-bg-9-base: #373737;
148
- --ks-color-fg-base: #2c2c2c;
149
- --ks-color-fg-alpha-1-base: rgba(44,44,44,.95);
150
- --ks-color-fg-alpha-2-base: rgba(44,44,44,.87);
151
- --ks-color-fg-alpha-3-base: rgba(44,44,44,.76);
152
- --ks-color-fg-alpha-4-base: rgba(44,44,44,.63);
153
- --ks-color-fg-alpha-5-base: rgba(44,44,44,.5);
154
- --ks-color-fg-alpha-6-base: rgba(44,44,44,.37);
155
- --ks-color-fg-alpha-7-base: rgba(44,44,44,.24);
156
- --ks-color-fg-alpha-8-base: rgba(44,44,44,.13);
157
- --ks-color-fg-alpha-9-base: rgba(44,44,44,.05);
158
- --ks-color-fg-to-bg-1-base: #373737;
159
- --ks-color-fg-to-bg-2-base: #474747;
160
- --ks-color-fg-to-bg-3-base: #5f5f5f;
161
- --ks-color-fg-to-bg-4-base: #7a7a7a;
162
- --ks-color-fg-to-bg-5-base: #969696;
163
- --ks-color-fg-to-bg-6-base: #b1b1b1;
164
- --ks-color-fg-to-bg-7-base: #ccc;
165
- --ks-color-fg-to-bg-8-base: #e4e4e4;
166
- --ks-color-fg-to-bg-9-base: #f4f4f4;
167
- --ks-color-fg-inverted-base: #fff;
168
- --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
169
- --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
170
- --ks-color-fg-inverted-alpha-3-base: hsla(0,0%,100%,.76);
171
- --ks-color-fg-inverted-alpha-4-base: hsla(0,0%,100%,.63);
172
- --ks-color-fg-inverted-alpha-5-base: hsla(0,0%,100%,.5);
173
- --ks-color-fg-inverted-alpha-6-base: hsla(0,0%,100%,.37);
174
- --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
175
- --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
176
- --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
177
- --ks-color-fg-inverted-to-bg-1-base: #f4f4f4;
178
- --ks-color-fg-inverted-to-bg-2-base: #e4e4e4;
179
- --ks-color-fg-inverted-to-bg-3-base: #ccc;
180
- --ks-color-fg-inverted-to-bg-4-base: #b1b1b1;
181
- --ks-color-fg-inverted-to-bg-5-base: #969696;
182
- --ks-color-fg-inverted-to-bg-6-base: #7a7a7a;
183
- --ks-color-fg-inverted-to-bg-7-base: #5f5f5f;
184
- --ks-color-fg-inverted-to-bg-8-base: #474747;
185
- --ks-color-fg-inverted-to-bg-9-base: #373737;
186
- --ks-color-link-base: #007faf;
187
- --ks-color-link-inverted-base: #fff;
188
- --ks-color-transparent-base: rgba(0,0,0,0);
189
- --ks-color-positive-base: #6edb64;
190
- --ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
191
- --ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
192
- --ks-color-positive-alpha-3-base: rgba(110,219,100,.76);
193
- --ks-color-positive-alpha-4-base: rgba(110,219,100,.63);
194
- --ks-color-positive-alpha-5-base: rgba(110,219,100,.5);
195
- --ks-color-positive-alpha-6-base: rgba(110,219,100,.37);
196
- --ks-color-positive-alpha-7-base: rgba(110,219,100,.24);
197
- --ks-color-positive-alpha-8-base: rgba(110,219,100,.13);
198
- --ks-color-positive-alpha-9-base: rgba(110,219,100,.05);
199
- --ks-color-positive-to-bg-1-base: #75dd6c;
200
- --ks-color-positive-to-bg-2-base: #81e078;
201
- --ks-color-positive-to-bg-3-base: #91e489;
202
- --ks-color-positive-to-bg-4-base: #a4e89d;
203
- --ks-color-positive-to-bg-5-base: #b7edb2;
204
- --ks-color-positive-to-bg-6-base: #c9f2c6;
205
- --ks-color-positive-to-bg-7-base: #dcf6da;
206
- --ks-color-positive-to-bg-8-base: #ecfaeb;
207
- --ks-color-positive-to-bg-9-base: #f8fdf7;
208
- --ks-color-positive-inverted-base: #23831b;
209
- --ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
210
- --ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
211
- --ks-color-positive-inverted-alpha-3-base: rgba(35,131,27,.76);
212
- --ks-color-positive-inverted-alpha-4-base: rgba(35,131,27,.63);
213
- --ks-color-positive-inverted-alpha-5-base: rgba(35,131,27,.5);
214
- --ks-color-positive-inverted-alpha-6-base: rgba(35,131,27,.37);
215
- --ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
216
- --ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
217
- --ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
218
- --ks-color-positive-inverted-to-bg-1-base: #237f1c;
219
- --ks-color-positive-inverted-to-bg-2-base: #24781d;
220
- --ks-color-positive-inverted-to-bg-3-base: #256e1f;
221
- --ks-color-positive-inverted-to-bg-4-base: #266321;
222
- --ks-color-positive-inverted-to-bg-5-base: #285824;
223
- --ks-color-positive-inverted-to-bg-6-base: #294c26;
224
- --ks-color-positive-inverted-to-bg-7-base: #2a4128;
225
- --ks-color-positive-inverted-to-bg-8-base: #2b372a;
226
- --ks-color-positive-inverted-to-bg-9-base: #2c302b;
227
- --ks-color-informative-base: #64c2db;
228
- --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
229
- --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
230
- --ks-color-informative-alpha-3-base: rgba(100,194,219,.76);
231
- --ks-color-informative-alpha-4-base: rgba(100,194,219,.63);
232
- --ks-color-informative-alpha-5-base: rgba(100,194,219,.5);
233
- --ks-color-informative-alpha-6-base: rgba(100,194,219,.37);
234
- --ks-color-informative-alpha-7-base: rgba(100,194,219,.24);
235
- --ks-color-informative-alpha-8-base: rgba(100,194,219,.13);
236
- --ks-color-informative-alpha-9-base: rgba(100,194,219,.05);
237
- --ks-color-informative-to-bg-1-base: #6cc5dd;
238
- --ks-color-informative-to-bg-2-base: #78cae0;
239
- --ks-color-informative-to-bg-3-base: #89d1e4;
240
- --ks-color-informative-to-bg-4-base: #9dd9e8;
241
- --ks-color-informative-to-bg-5-base: #b2e1ed;
242
- --ks-color-informative-to-bg-6-base: #c6e8f2;
243
- --ks-color-informative-to-bg-7-base: #daf0f6;
244
- --ks-color-informative-to-bg-8-base: #ebf7fa;
245
- --ks-color-informative-to-bg-9-base: #f7fcfd;
246
- --ks-color-informative-inverted-base: #00718f;
247
- --ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
248
- --ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
249
- --ks-color-informative-inverted-alpha-3-base: rgba(0,113,143,.76);
250
- --ks-color-informative-inverted-alpha-4-base: rgba(0,113,143,.63);
251
- --ks-color-informative-inverted-alpha-5-base: rgba(0,113,143,.5);
252
- --ks-color-informative-inverted-alpha-6-base: rgba(0,113,143,.37);
253
- --ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
254
- --ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
255
- --ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
256
- --ks-color-informative-inverted-to-bg-1-base: #026e8a;
257
- --ks-color-informative-inverted-to-bg-2-base: #066882;
258
- --ks-color-informative-inverted-to-bg-3-base: #0b6077;
259
- --ks-color-informative-inverted-to-bg-4-base: #10576a;
260
- --ks-color-informative-inverted-to-bg-5-base: #164f5e;
261
- --ks-color-informative-inverted-to-bg-6-base: #1c4651;
262
- --ks-color-informative-inverted-to-bg-7-base: #213d44;
263
- --ks-color-informative-inverted-to-bg-8-base: #263539;
264
- --ks-color-informative-inverted-to-bg-9-base: #2a2f31;
265
- --ks-color-notice-base: #f9de55;
266
- --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
267
- --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
268
- --ks-color-notice-alpha-3-base: rgba(249,222,85,.76);
269
- --ks-color-notice-alpha-4-base: rgba(249,222,85,.63);
270
- --ks-color-notice-alpha-5-base: rgba(249,222,85,.5);
271
- --ks-color-notice-alpha-6-base: rgba(249,222,85,.37);
272
- --ks-color-notice-alpha-7-base: rgba(249,222,85,.24);
273
- --ks-color-notice-alpha-8-base: rgba(249,222,85,.13);
274
- --ks-color-notice-alpha-9-base: rgba(249,222,85,.05);
275
- --ks-color-notice-to-bg-1-base: #f9e05e;
276
- --ks-color-notice-to-bg-2-base: #fae26b;
277
- --ks-color-notice-to-bg-3-base: #fae67e;
278
- --ks-color-notice-to-bg-4-base: #fbea94;
279
- --ks-color-notice-to-bg-5-base: #fcefaa;
280
- --ks-color-notice-to-bg-6-base: #fdf3c0;
281
- --ks-color-notice-to-bg-7-base: #fef7d6;
282
- --ks-color-notice-to-bg-8-base: #fefbe9;
283
- --ks-color-notice-to-bg-9-base: #fffdf7;
284
- --ks-color-notice-inverted-base: #ff5d53;
285
- --ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
286
- --ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
287
- --ks-color-notice-inverted-alpha-3-base: rgba(255,93,83,.76);
288
- --ks-color-notice-inverted-alpha-4-base: rgba(255,93,83,.63);
289
- --ks-color-notice-inverted-alpha-5-base: rgba(255,93,83,.5);
290
- --ks-color-notice-inverted-alpha-6-base: rgba(255,93,83,.37);
291
- --ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
292
- --ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
293
- --ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
294
- --ks-color-notice-inverted-to-bg-1-base: #f45b51;
295
- --ks-color-notice-inverted-to-bg-2-base: #e4574e;
296
- --ks-color-notice-inverted-to-bg-3-base: #cc514a;
297
- --ks-color-notice-inverted-to-bg-4-base: #b14b45;
298
- --ks-color-notice-inverted-to-bg-5-base: #964540;
299
- --ks-color-notice-inverted-to-bg-6-base: #7a3e3a;
300
- --ks-color-notice-inverted-to-bg-7-base: #5f3835;
301
- --ks-color-notice-inverted-to-bg-8-base: #473231;
302
- --ks-color-notice-inverted-to-bg-9-base: #372e2e;
303
- --ks-color-negative-base: #cd4901;
304
- --ks-color-negative-alpha-1-base: rgba(205,73,1,.95);
305
- --ks-color-negative-alpha-2-base: rgba(205,73,1,.87);
306
- --ks-color-negative-alpha-3-base: rgba(205,73,1,.76);
307
- --ks-color-negative-alpha-4-base: rgba(205,73,1,.63);
308
- --ks-color-negative-alpha-5-base: rgba(205,73,1,.5);
309
- --ks-color-negative-alpha-6-base: rgba(205,73,1,.37);
310
- --ks-color-negative-alpha-7-base: rgba(205,73,1,.24);
311
- --ks-color-negative-alpha-8-base: rgba(205,73,1,.13);
312
- --ks-color-negative-alpha-9-base: rgba(205,73,1,.05);
313
- --ks-color-negative-to-bg-1-base: #d0520e;
314
- --ks-color-negative-to-bg-2-base: #d46122;
315
- --ks-color-negative-to-bg-3-base: #d9753e;
316
- --ks-color-negative-to-bg-4-base: #e08c5f;
317
- --ks-color-negative-to-bg-5-base: #e6a480;
318
- --ks-color-negative-to-bg-6-base: #edbca1;
319
- --ks-color-negative-to-bg-7-base: #f3d3c2;
320
- --ks-color-negative-to-bg-8-base: #f9e7de;
321
- --ks-color-negative-to-bg-9-base: #fdf6f2;
322
- --ks-color-negative-inverted-base: #d21d48;
323
- --ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
324
- --ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
325
- --ks-color-negative-inverted-alpha-3-base: rgba(210,29,72,.76);
326
- --ks-color-negative-inverted-alpha-4-base: rgba(210,29,72,.63);
327
- --ks-color-negative-inverted-alpha-5-base: rgba(210,29,72,.5);
328
- --ks-color-negative-inverted-alpha-6-base: rgba(210,29,72,.37);
329
- --ks-color-negative-inverted-alpha-7-base: rgba(210,29,72,.24);
330
- --ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
331
- --ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
332
- --ks-color-negative-inverted-to-bg-1-base: #ca1e47;
333
- --ks-color-negative-inverted-to-bg-2-base: #bc1f44;
334
- --ks-color-negative-inverted-to-bg-3-base: #aa2141;
335
- --ks-color-negative-inverted-to-bg-4-base: #95233e;
336
- --ks-color-negative-inverted-to-bg-5-base: #7f253a;
337
- --ks-color-negative-inverted-to-bg-6-base: #692636;
338
- --ks-color-negative-inverted-to-bg-7-base: #542833;
339
- --ks-color-negative-inverted-to-bg-8-base: #422a30;
340
- --ks-color-negative-inverted-to-bg-9-base: #342b2d;
341
- --ks-color-secondary-base: #007faf;
342
- --ks-color-secondary-alpha-1-base: rgba(0,127,175,.95);
343
- --ks-color-secondary-alpha-2-base: rgba(0,127,175,.87);
344
- --ks-color-secondary-alpha-3-base: rgba(0,127,175,.76);
345
- --ks-color-secondary-alpha-4-base: rgba(0,127,175,.63);
346
- --ks-color-secondary-alpha-5-base: rgba(0,127,175,.5);
347
- --ks-color-secondary-alpha-6-base: rgba(0,127,175,.37);
348
- --ks-color-secondary-alpha-7-base: rgba(0,127,175,.24);
349
- --ks-color-secondary-alpha-8-base: rgba(0,127,175,.13);
350
- --ks-color-secondary-alpha-9-base: rgba(0,127,175,.05);
351
- --ks-color-secondary-to-bg-1-base: #0d85b3;
352
- --ks-color-secondary-to-bg-2-base: #2190b9;
353
- --ks-color-secondary-to-bg-3-base: #3d9ec2;
354
- --ks-color-secondary-to-bg-4-base: #5eaecd;
355
- --ks-color-secondary-to-bg-5-base: #80bfd7;
356
- --ks-color-secondary-to-bg-6-base: #a1d0e1;
357
- --ks-color-secondary-to-bg-7-base: #c2e0ec;
358
- --ks-color-secondary-to-bg-8-base: #deeef5;
359
- --ks-color-secondary-to-bg-9-base: #f2f9fb;
360
- --ks-color-secondary-inverted-base: #fff;
361
- --ks-color-secondary-inverted-alpha-1-base: hsla(0,0%,100%,.95);
362
- --ks-color-secondary-inverted-alpha-2-base: hsla(0,0%,100%,.87);
363
- --ks-color-secondary-inverted-alpha-3-base: hsla(0,0%,100%,.76);
364
- --ks-color-secondary-inverted-alpha-4-base: hsla(0,0%,100%,.63);
365
- --ks-color-secondary-inverted-alpha-5-base: hsla(0,0%,100%,.5);
366
- --ks-color-secondary-inverted-alpha-6-base: hsla(0,0%,100%,.37);
367
- --ks-color-secondary-inverted-alpha-7-base: hsla(0,0%,100%,.24);
368
- --ks-color-secondary-inverted-alpha-8-base: hsla(0,0%,100%,.13);
369
- --ks-color-secondary-inverted-alpha-9-base: hsla(0,0%,100%,.05);
370
- --ks-color-secondary-inverted-to-bg-1-base: #f4f4f4;
371
- --ks-color-secondary-inverted-to-bg-2-base: #e4e4e4;
372
- --ks-color-secondary-inverted-to-bg-3-base: #ccc;
373
- --ks-color-secondary-inverted-to-bg-4-base: #b1b1b1;
374
- --ks-color-secondary-inverted-to-bg-5-base: #969696;
375
- --ks-color-secondary-inverted-to-bg-6-base: #7a7a7a;
376
- --ks-color-secondary-inverted-to-bg-7-base: #5f5f5f;
377
- --ks-color-secondary-inverted-to-bg-8-base: #474747;
378
- --ks-color-secondary-inverted-to-bg-9-base: #373737;
379
- --ks-color-bg-base: #fff;
380
- --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
381
- --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
382
- --ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
383
- --ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
384
- --ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
385
- --ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
386
- --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
387
- --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
388
- --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
389
- --ks-color-bg-to-bg-1-base: #fff;
390
- --ks-color-bg-to-bg-2-base: #fff;
391
- --ks-color-bg-to-bg-3-base: #fff;
392
- --ks-color-bg-to-bg-4-base: #fff;
393
- --ks-color-bg-to-bg-5-base: #fff;
394
- --ks-color-bg-to-bg-6-base: #fff;
395
- --ks-color-bg-to-bg-7-base: #fff;
396
- --ks-color-bg-to-bg-8-base: #fff;
397
- --ks-color-bg-to-bg-9-base: #fff;
398
- --ks-color-bg-inverted-base: #383838;
399
- --ks-color-bg-inverted-alpha-1-base: rgba(56,56,56,.95);
400
- --ks-color-bg-inverted-alpha-2-base: rgba(56,56,56,.87);
401
- --ks-color-bg-inverted-alpha-3-base: rgba(56,56,56,.76);
402
- --ks-color-bg-inverted-alpha-4-base: rgba(56,56,56,.63);
403
- --ks-color-bg-inverted-alpha-5-base: rgba(56,56,56,.5);
404
- --ks-color-bg-inverted-alpha-6-base: rgba(56,56,56,.37);
405
- --ks-color-bg-inverted-alpha-7-base: rgba(56,56,56,.24);
406
- --ks-color-bg-inverted-alpha-8-base: rgba(56,56,56,.13);
407
- --ks-color-bg-inverted-alpha-9-base: rgba(56,56,56,.05);
408
- --ks-color-bg-inverted-to-bg-1-base: #373737;
409
- --ks-color-bg-inverted-to-bg-2-base: #363636;
410
- --ks-color-bg-inverted-to-bg-3-base: #353535;
411
- --ks-color-bg-inverted-to-bg-4-base: #343434;
412
- --ks-color-bg-inverted-to-bg-5-base: #323232;
413
- --ks-color-bg-inverted-to-bg-6-base: #303030;
414
- --ks-color-bg-inverted-to-bg-7-base: #2f2f2f;
415
- --ks-color-bg-inverted-to-bg-8-base: #2e2e2e;
416
- --ks-color-bg-inverted-to-bg-9-base: #2d2d2d;
417
- --ks-depth-modal: 1000;
418
- --ks-spacing-xxs: var(--ks-spacing-xxs-base);
419
- --ks-spacing-xxs-base: 0.1481rem;
420
- --ks-spacing-xxs-bp-factor-phone: 1.25;
421
- --ks-spacing-xxs-bp-factor-tablet: 1.5625;
422
- --ks-spacing-xxs-bp-factor-laptop: 1.9531;
423
- --ks-spacing-xxs-bp-factor-desktop: 2.4414;
424
- --ks-spacing-xs: var(--ks-spacing-xs-base);
425
- --ks-spacing-xs-base: 0.2222rem;
426
- --ks-spacing-xs-bp-factor-phone: 1.25;
427
- --ks-spacing-xs-bp-factor-tablet: 1.5625;
428
- --ks-spacing-xs-bp-factor-laptop: 1.9531;
429
- --ks-spacing-xs-bp-factor-desktop: 2.4414;
430
- --ks-spacing-s: var(--ks-spacing-s-base);
431
- --ks-spacing-s-base: 0.3333rem;
432
- --ks-spacing-s-bp-factor-phone: 1.25;
433
- --ks-spacing-s-bp-factor-tablet: 1.5625;
434
- --ks-spacing-s-bp-factor-laptop: 1.9531;
435
- --ks-spacing-s-bp-factor-desktop: 2.4414;
436
- --ks-spacing-m: var(--ks-spacing-m-base);
437
- --ks-spacing-m-base: 0.5rem;
438
- --ks-spacing-m-bp-factor-phone: 1.25;
439
- --ks-spacing-m-bp-factor-tablet: 1.5625;
440
- --ks-spacing-m-bp-factor-laptop: 1.9531;
441
- --ks-spacing-m-bp-factor-desktop: 2.4414;
442
- --ks-spacing-l: var(--ks-spacing-l-base);
443
- --ks-spacing-l-base: 0.75rem;
444
- --ks-spacing-l-bp-factor-phone: 1.25;
445
- --ks-spacing-l-bp-factor-tablet: 1.5625;
446
- --ks-spacing-l-bp-factor-laptop: 1.9531;
447
- --ks-spacing-l-bp-factor-desktop: 2.4414;
448
- --ks-spacing-xl: var(--ks-spacing-xl-base);
449
- --ks-spacing-xl-base: 1.125rem;
450
- --ks-spacing-xl-bp-factor-phone: 1.25;
451
- --ks-spacing-xl-bp-factor-tablet: 1.5625;
452
- --ks-spacing-xl-bp-factor-laptop: 1.9531;
453
- --ks-spacing-xl-bp-factor-desktop: 2.4414;
454
- --ks-spacing-xxl: var(--ks-spacing-xxl-base);
455
- --ks-spacing-xxl-base: 1.6875rem;
456
- --ks-spacing-xxl-bp-factor-phone: 1.25;
457
- --ks-spacing-xxl-bp-factor-tablet: 1.5625;
458
- --ks-spacing-xxl-bp-factor-laptop: 1.9531;
459
- --ks-spacing-xxl-bp-factor-desktop: 2.4414;
460
- --ks-spacing-stack-xs: var(--ks-spacing-xs);
461
- --ks-spacing-stack-s: var(--ks-spacing-s);
462
- --ks-spacing-stack-m: var(--ks-spacing-m);
463
- --ks-spacing-stack-l: var(--ks-spacing-l);
464
- --ks-spacing-stack-xl: var(--ks-spacing-xl);
465
- --ks-spacing-inline-xs: var(--ks-spacing-xs);
466
- --ks-spacing-inline-s: var(--ks-spacing-s);
467
- --ks-spacing-inline-m: var(--ks-spacing-m);
468
- --ks-spacing-inline-l: var(--ks-spacing-l);
469
- --ks-spacing-inline-xl: var(--ks-spacing-xl);
470
- --ks-spacing-inset-xs: var(--ks-spacing-xs);
471
- --ks-spacing-inset-s: var(--ks-spacing-s);
472
- --ks-spacing-inset-m: var(--ks-spacing-m);
473
- --ks-spacing-inset-l: var(--ks-spacing-l);
474
- --ks-spacing-inset-xl: var(--ks-spacing-xl);
475
- --ks-spacing-inset-squish-xs: var(--ks-spacing-xxs) var(--ks-spacing-xs);
476
- --ks-spacing-inset-squish-s: var(--ks-spacing-xs) var(--ks-spacing-s);
477
- --ks-spacing-inset-squish-m: var(--ks-spacing-s) var(--ks-spacing-m);
478
- --ks-spacing-inset-squish-l: var(--ks-spacing-m) var(--ks-spacing-l);
479
- --ks-spacing-inset-squish-xl: var(--ks-spacing-l) var(--ks-spacing-xl);
480
- --ks-spacing-inset-stretch-xs: var(--ks-spacing-s) var(--ks-spacing-xs);
481
- --ks-spacing-inset-stretch-s: var(--ks-spacing-m) var(--ks-spacing-s);
482
- --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
483
- --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
484
- --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
485
- --ks-text-color-default-base: var(--ks-color-fg-base);
486
- --ks-text-color-default-interactive-base: var(--ks-color-link-base);
487
- --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
488
- --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
489
- --ks-text-color-default-interactive-visited-base: var(--ks-color-link-base);
490
- --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
491
- --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
492
- --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
493
- --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
494
- --ks-text-color-default-inverted-interactive-visited-base: var(--ks-color-link-inverted-base);
495
- --ks-text-color-interface-base: var(--ks-color-fg-alpha-2-base);
496
- --ks-text-color-interface-interactive-base: var(--ks-color-fg-base);
497
- --ks-text-color-interface-interactive-hover-base: #000;
498
- --ks-text-color-interface-interactive-active-base: #000;
499
- --ks-text-color-interface-interactive-visited-base: #000;
500
- --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
501
- --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-base);
502
- --ks-text-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
503
- --ks-text-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
504
- --ks-text-color-interface-inverted-interactive-visited-base: var(--ks-color-fg-inverted-base);
505
- --ks-text-color-primary-base: var(--ks-color-primary-base);
506
- --ks-text-color-primary-interactive-base: var(--ks-color-primary-alpha-2-base);
507
- --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
508
- --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
509
- --ks-text-color-primary-interactive-visited-base: var(--ks-color-primary-alpha-2-base);
510
- --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
511
- --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
512
- --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
513
- --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
514
- --ks-text-color-primary-inverted-interactive-visited-base: var(--ks-color-primary-inverted-alpha-2-base);
515
- --ks-duration-immediate: 50ms;
516
- --ks-duration-fast: 100ms;
517
- --ks-duration-medium: 150ms;
518
- --ks-duration-slow: 300ms;
519
- --ks-timing-function-bounce: cubic-bezier(0.17,1,0.5,1.5);
520
- --ks-timing-function-ease-out: ease-out;
521
- --ks-timing-function-ease-in: ease-in;
522
- --ks-timing-function-ease-in-out: ease-in-out;
523
- --ks-timing-function-linear: linear;
524
- --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
525
- --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
526
- --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
527
- --ks-font-family-display: TeleNeo, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
528
- --ks-font-family-copy: TeleNeo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
529
- --ks-font-family-interface: TeleNeo, 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;
530
- --ks-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
531
- --ks-font-weight-regular: 400;
532
- --ks-font-weight-medium: 500;
533
- --ks-font-weight-semi-bold: 700;
534
- --ks-font-weight-bold: 800;
535
- --ks-font-size-display-bp-factor-phone: 1.25;
536
- --ks-font-size-display-bp-factor-tablet: 1.35;
537
- --ks-font-size-display-xxs-base: 0.612rem;
538
- --ks-font-size-display-xs-base: 0.7497rem;
539
- --ks-font-size-display-s-base: 0.9184rem;
540
- --ks-font-size-display-m-base: 1.125rem;
541
- --ks-font-size-display-l-base: 1.3781rem;
542
- --ks-font-size-display-xl-base: 1.6882rem;
543
- --ks-font-size-display-xxl-base: 2.068rem;
544
- --ks-font-size-copy-bp-factor-tablet: 1.125;
545
- --ks-font-size-copy-xxs-base: 0.612rem;
546
- --ks-font-size-copy-xs-base: 0.7497rem;
547
- --ks-font-size-copy-s-base: 0.9184rem;
548
- --ks-font-size-copy-m-base: 1.125rem;
549
- --ks-font-size-copy-l-base: 1.3781rem;
550
- --ks-font-size-copy-xl-base: 1.6882rem;
551
- --ks-font-size-copy-xxl-base: 2.068rem;
552
- --ks-font-size-interface-bp-factor-tablet: 1.125;
553
- --ks-font-size-interface-xxs-base: 0.544rem;
554
- --ks-font-size-interface-xs-base: 0.6664rem;
555
- --ks-font-size-interface-s-base: 0.8163rem;
556
- --ks-font-size-interface-m-base: 1rem;
557
- --ks-font-size-interface-l-base: 1.225rem;
558
- --ks-font-size-interface-xl-base: 1.5006rem;
559
- --ks-font-size-interface-xxl-base: 1.8383rem;
560
- --ks-font-size-mono-bp-factor-tablet: 1.125;
561
- --ks-font-size-mono-xxs-base: 0.544rem;
562
- --ks-font-size-mono-xs-base: 0.6664rem;
563
- --ks-font-size-mono-s-base: 0.8163rem;
564
- --ks-font-size-mono-m-base: 1rem;
565
- --ks-font-size-mono-l-base: 1.225rem;
566
- --ks-font-size-mono-xl-base: 1.5006rem;
567
- --ks-font-size-mono-xxl-base: 1.8383rem;
568
- --ks-line-height-display-xxs: 1.25;
569
- --ks-line-height-display-xs: 1.25;
570
- --ks-line-height-display-s: 1.25;
571
- --ks-line-height-display-m: 1.25;
572
- --ks-line-height-display-l: 1.25;
573
- --ks-line-height-display-xl: 1.25;
574
- --ks-line-height-display-xxl: 1.25;
575
- --ks-line-height-copy-xxs: 1.35;
576
- --ks-line-height-copy-xs: 1.35;
577
- --ks-line-height-copy-s: 1.35;
578
- --ks-line-height-copy-m: 1.35;
579
- --ks-line-height-copy-l: 1.35;
580
- --ks-line-height-copy-xl: 1.35;
581
- --ks-line-height-copy-xxl: 1.35;
582
- --ks-line-height-interface-xxs: 1.35;
583
- --ks-line-height-interface-xs: 1.35;
584
- --ks-line-height-interface-s: 1.35;
585
- --ks-line-height-interface-m: 1.35;
586
- --ks-line-height-interface-l: 1.35;
587
- --ks-line-height-interface-xl: 1.35;
588
- --ks-line-height-interface-xxl: 1.35;
589
- --ks-line-height-mono-xxs: 1.35;
590
- --ks-line-height-mono-xs: 1.35;
591
- --ks-line-height-mono-s: 1.35;
592
- --ks-line-height-mono-m: 1.35;
593
- --ks-line-height-mono-l: 1.35;
594
- --ks-line-height-mono-xl: 1.35;
595
- --ks-line-height-mono-xxl: 1.35;
596
- --g-header-height: 0px;
597
- --g-scroll-offset: var(--g-header-height);
598
- --ks-font-size-display-xxs: calc(var(--ks-font-size-display-xxs-base) * var(--ks-font-size-display-bp-factor, 1));
599
- --ks-font-display-xxs: var(--ks-font-size-display-xxs) / var(--ks-line-height-display-xxs) var(--ks-font-family-display);
600
- --ks-font-size-display-xs: calc(var(--ks-font-size-display-xs-base) * var(--ks-font-size-display-bp-factor, 1));
601
- --ks-font-display-xs: var(--ks-font-size-display-xs) / var(--ks-line-height-display-xs) var(--ks-font-family-display);
602
- --ks-font-size-display-s: calc(var(--ks-font-size-display-s-base) * var(--ks-font-size-display-bp-factor, 1));
603
- --ks-font-display-s: var(--ks-font-size-display-s) / var(--ks-line-height-display-s) var(--ks-font-family-display);
604
- --ks-font-size-display-m: calc(var(--ks-font-size-display-m-base) * var(--ks-font-size-display-bp-factor, 1));
605
- --ks-font-display-m: var(--ks-font-size-display-m) / var(--ks-line-height-display-m) var(--ks-font-family-display);
606
- --ks-font-size-display-l: calc(var(--ks-font-size-display-l-base) * var(--ks-font-size-display-bp-factor, 1));
607
- --ks-font-display-l: var(--ks-font-size-display-l) / var(--ks-line-height-display-l) var(--ks-font-family-display);
608
- --ks-font-size-display-xl: calc(var(--ks-font-size-display-xl-base) * var(--ks-font-size-display-bp-factor, 1));
609
- --ks-font-display-xl: var(--ks-font-size-display-xl) / var(--ks-line-height-display-xl) var(--ks-font-family-display);
610
- --ks-font-size-display-xxl: calc(var(--ks-font-size-display-xxl-base) * var(--ks-font-size-display-bp-factor, 1));
611
- --ks-font-display-xxl: var(--ks-font-size-display-xxl) / var(--ks-line-height-display-xxl) var(--ks-font-family-display);
612
- --ks-font-size-copy-xxs: calc(var(--ks-font-size-copy-xxs-base) * var(--ks-font-size-copy-bp-factor, 1));
613
- --ks-font-copy-xxs: var(--ks-font-size-copy-xxs) / var(--ks-line-height-copy-xxs) var(--ks-font-family-copy);
614
- --ks-font-size-copy-xs: calc(var(--ks-font-size-copy-xs-base) * var(--ks-font-size-copy-bp-factor, 1));
615
- --ks-font-copy-xs: var(--ks-font-size-copy-xs) / var(--ks-line-height-copy-xs) var(--ks-font-family-copy);
616
- --ks-font-size-copy-s: calc(var(--ks-font-size-copy-s-base) * var(--ks-font-size-copy-bp-factor, 1));
617
- --ks-font-copy-s: var(--ks-font-size-copy-s) / var(--ks-line-height-copy-s) var(--ks-font-family-copy);
618
- --ks-font-size-copy-m: calc(var(--ks-font-size-copy-m-base) * var(--ks-font-size-copy-bp-factor, 1));
619
- --ks-font-copy-m: var(--ks-font-size-copy-m) / var(--ks-line-height-copy-m) var(--ks-font-family-copy);
620
- --ks-font-size-copy-l: calc(var(--ks-font-size-copy-l-base) * var(--ks-font-size-copy-bp-factor, 1));
621
- --ks-font-copy-l: var(--ks-font-size-copy-l) / var(--ks-line-height-copy-l) var(--ks-font-family-copy);
622
- --ks-font-size-copy-xl: calc(var(--ks-font-size-copy-xl-base) * var(--ks-font-size-copy-bp-factor, 1));
623
- --ks-font-copy-xl: var(--ks-font-size-copy-xl) / var(--ks-line-height-copy-xl) var(--ks-font-family-copy);
624
- --ks-font-size-copy-xxl: calc(var(--ks-font-size-copy-xxl-base) * var(--ks-font-size-copy-bp-factor, 1));
625
- --ks-font-copy-xxl: var(--ks-font-size-copy-xxl) / var(--ks-line-height-copy-xxl) var(--ks-font-family-copy);
626
- --ks-font-size-interface-xxs: calc(var(--ks-font-size-interface-xxs-base) * var(--ks-font-size-interface-bp-factor, 1));
627
- --ks-font-interface-xxs: var(--ks-font-size-interface-xxs) / var(--ks-line-height-interface-xxs) var(--ks-font-family-interface);
628
- --ks-font-size-interface-xs: calc(var(--ks-font-size-interface-xs-base) * var(--ks-font-size-interface-bp-factor, 1));
629
- --ks-font-interface-xs: var(--ks-font-size-interface-xs) / var(--ks-line-height-interface-xs) var(--ks-font-family-interface);
630
- --ks-font-size-interface-s: calc(var(--ks-font-size-interface-s-base) * var(--ks-font-size-interface-bp-factor, 1));
631
- --ks-font-interface-s: var(--ks-font-size-interface-s) / var(--ks-line-height-interface-s) var(--ks-font-family-interface);
632
- --ks-font-size-interface-m: calc(var(--ks-font-size-interface-m-base) * var(--ks-font-size-interface-bp-factor, 1));
633
- --ks-font-interface-m: var(--ks-font-size-interface-m) / var(--ks-line-height-interface-m) var(--ks-font-family-interface);
634
- --ks-font-size-interface-l: calc(var(--ks-font-size-interface-l-base) * var(--ks-font-size-interface-bp-factor, 1));
635
- --ks-font-interface-l: var(--ks-font-size-interface-l) / var(--ks-line-height-interface-l) var(--ks-font-family-interface);
636
- --ks-font-size-interface-xl: calc(var(--ks-font-size-interface-xl-base) * var(--ks-font-size-interface-bp-factor, 1));
637
- --ks-font-interface-xl: var(--ks-font-size-interface-xl) / var(--ks-line-height-interface-xl) var(--ks-font-family-interface);
638
- --ks-font-size-interface-xxl: calc(var(--ks-font-size-interface-xxl-base) * var(--ks-font-size-interface-bp-factor, 1));
639
- --ks-font-interface-xxl: var(--ks-font-size-interface-xxl) / var(--ks-line-height-interface-xxl) var(--ks-font-family-interface);
640
- --ks-font-size-mono-xxs: calc(var(--ks-font-size-mono-xxs-base) * var(--ks-font-size-mono-bp-factor, 1));
641
- --ks-font-mono-xxs: var(--ks-font-size-mono-xxs) / var(--ks-line-height-mono-xxs) var(--ks-font-family-mono);
642
- --ks-font-size-mono-xs: calc(var(--ks-font-size-mono-xs-base) * var(--ks-font-size-mono-bp-factor, 1));
643
- --ks-font-mono-xs: var(--ks-font-size-mono-xs) / var(--ks-line-height-mono-xs) var(--ks-font-family-mono);
644
- --ks-font-size-mono-s: calc(var(--ks-font-size-mono-s-base) * var(--ks-font-size-mono-bp-factor, 1));
645
- --ks-font-mono-s: var(--ks-font-size-mono-s) / var(--ks-line-height-mono-s) var(--ks-font-family-mono);
646
- --ks-font-size-mono-m: calc(var(--ks-font-size-mono-m-base) * var(--ks-font-size-mono-bp-factor, 1));
647
- --ks-font-mono-m: var(--ks-font-size-mono-m) / var(--ks-line-height-mono-m) var(--ks-font-family-mono);
648
- --ks-font-size-mono-l: calc(var(--ks-font-size-mono-l-base) * var(--ks-font-size-mono-bp-factor, 1));
649
- --ks-font-mono-l: var(--ks-font-size-mono-l) / var(--ks-line-height-mono-l) var(--ks-font-family-mono);
650
- --ks-font-size-mono-xl: calc(var(--ks-font-size-mono-xl-base) * var(--ks-font-size-mono-bp-factor, 1));
651
- --ks-font-mono-xl: var(--ks-font-size-mono-xl) / var(--ks-line-height-mono-xl) var(--ks-font-family-mono);
652
- --ks-font-size-mono-xxl: calc(var(--ks-font-size-mono-xxl-base) * var(--ks-font-size-mono-bp-factor, 1));
653
- --ks-font-mono-xxl: var(--ks-font-size-mono-xxl) / var(--ks-line-height-mono-xxl) var(--ks-font-family-mono);
654
- --ks-spacing-xxs: calc(var(--ks-spacing-xxs-base) * var(--ks-spacing-xxs-bp-factor, 1));
655
- --ks-spacing-xs: calc(var(--ks-spacing-xs-base) * var(--ks-spacing-xs-bp-factor, 1));
656
- --ks-spacing-s: calc(var(--ks-spacing-s-base) * var(--ks-spacing-s-bp-factor, 1));
657
- --ks-spacing-m: calc(var(--ks-spacing-m-base) * var(--ks-spacing-m-bp-factor, 1));
658
- --ks-spacing-l: calc(var(--ks-spacing-l-base) * var(--ks-spacing-l-bp-factor, 1));
659
- --ks-spacing-xl: calc(var(--ks-spacing-xl-base) * var(--ks-spacing-xl-bp-factor, 1));
660
- --ks-spacing-xxl: calc(var(--ks-spacing-xxl-base) * var(--ks-spacing-xxl-bp-factor, 1));
661
- --ks-spacing-stack: calc(var(--ks-spacing-stack-base) * var(--ks-spacing-stack-bp-factor, 1));
662
- --ks-spacing-inline: calc(var(--ks-spacing-inline-base) * var(--ks-spacing-inline-bp-factor, 1));
663
- --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
664
- --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
665
- --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
666
- --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em"}';
667
- }
668
- :root, [ks-theme], [ks-inverted=false] {
669
- --ks-background-color-accent: var(--ks-background-color-accent-base);
670
- --ks-background-color-accent-inverted: var(--ks-background-color-accent-inverted-base);
671
- --ks-background-color-bold: var(--ks-background-color-bold-base);
672
- --ks-background-color-bold-inverted: var(--ks-background-color-bold-inverted-base);
673
- --ks-background-color-clear: var(--ks-background-color-clear-base);
674
- --ks-background-color-clear-interactive: var(--ks-background-color-clear-interactive-base);
675
- --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
676
- --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-interactive-active-base);
677
- --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
678
- --ks-background-color-clear-inverted: var(--ks-background-color-clear-inverted-base);
679
- --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-inverted-interactive-base);
680
- --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
681
- --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
682
- --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
683
- --ks-background-color-default: var(--ks-background-color-default-base);
684
- --ks-background-color-default-inverted: var(--ks-background-color-default-inverted-base);
685
- --ks-background-color-interface: var(--ks-background-color-interface-base);
686
- --ks-background-color-interface-interactive: var(--ks-background-color-interface-interactive-base);
687
- --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
688
- --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
689
- --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-interactive-active-base);
690
- --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
691
- --ks-background-color-interface-inverted: var(--ks-background-color-interface-inverted-base);
692
- --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-inverted-interactive-base);
693
- --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
694
- --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
695
- --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
696
- --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
697
- --ks-background-color-primary: var(--ks-background-color-primary-base);
698
- --ks-background-color-primary-interactive: var(--ks-background-color-primary-interactive-base);
699
- --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
700
- --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-interactive-active-base);
701
- --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
702
- --ks-background-color-primary-translucent: var(--ks-background-color-primary-translucent-base);
703
- --ks-background-color-primary-inverted: var(--ks-background-color-primary-inverted-base);
704
- --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-inverted-interactive-base);
705
- --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
706
- --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
707
- --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
708
- --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-inverted-translucent-base);
709
- --ks-border-color-accent: var(--ks-border-color-accent-base);
710
- --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
711
- --ks-border-color-clear: var(--ks-border-color-clear-base);
712
- --ks-border-color-clear-interactive: var(--ks-border-color-clear-interactive-base);
713
- --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
714
- --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-interactive-active-base);
715
- --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
716
- --ks-border-color-clear-inverted: var(--ks-border-color-clear-inverted-base);
717
- --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-inverted-interactive-base);
718
- --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
719
- --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
720
- --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
721
- --ks-border-color-default: var(--ks-border-color-default-base);
722
- --ks-border-color-default-inverted: var(--ks-border-color-default-inverted-base);
723
- --ks-border-color-interface: var(--ks-border-color-interface-base);
724
- --ks-border-color-interface-interactive: var(--ks-border-color-interface-interactive-base);
725
- --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
726
- --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
727
- --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-interactive-active-base);
728
- --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
729
- --ks-border-color-interface-inverted: var(--ks-border-color-interface-inverted-base);
730
- --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-inverted-interactive-base);
731
- --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
732
- --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
733
- --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
734
- --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
735
- --ks-border-color-primary: var(--ks-border-color-primary-base);
736
- --ks-border-color-primary-interactive: var(--ks-border-color-primary-interactive-base);
737
- --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
738
- --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-interactive-active-base);
739
- --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
740
- --ks-border-color-primary-translucent: var(--ks-border-color-primary-translucent-base);
741
- --ks-border-color-primary-inverted: var(--ks-border-color-primary-inverted-base);
742
- --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-inverted-interactive-base);
743
- --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
744
- --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
745
- --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
746
- --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-inverted-translucent-base);
747
- --ks-color-primary: var(--ks-color-primary-base);
748
- --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
749
- --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
750
- --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
751
- --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
752
- --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
753
- --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
754
- --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
755
- --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
756
- --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
757
- --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
758
- --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
759
- --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
760
- --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
761
- --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
762
- --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
763
- --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
764
- --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
765
- --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
766
- --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
767
- --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
768
- --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
769
- --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
770
- --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
771
- --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
772
- --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
773
- --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
774
- --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
775
- --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
776
- --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
777
- --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
778
- --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
779
- --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
780
- --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
781
- --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
782
- --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
783
- --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
784
- --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
785
- --ks-color-fg: var(--ks-color-fg-base);
786
- --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
787
- --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
788
- --ks-color-fg-alpha-3: var(--ks-color-fg-alpha-3-base);
789
- --ks-color-fg-alpha-4: var(--ks-color-fg-alpha-4-base);
790
- --ks-color-fg-alpha-5: var(--ks-color-fg-alpha-5-base);
791
- --ks-color-fg-alpha-6: var(--ks-color-fg-alpha-6-base);
792
- --ks-color-fg-alpha-7: var(--ks-color-fg-alpha-7-base);
793
- --ks-color-fg-alpha-8: var(--ks-color-fg-alpha-8-base);
794
- --ks-color-fg-alpha-9: var(--ks-color-fg-alpha-9-base);
795
- --ks-color-fg-to-bg-1: var(--ks-color-fg-to-bg-1-base);
796
- --ks-color-fg-to-bg-2: var(--ks-color-fg-to-bg-2-base);
797
- --ks-color-fg-to-bg-3: var(--ks-color-fg-to-bg-3-base);
798
- --ks-color-fg-to-bg-4: var(--ks-color-fg-to-bg-4-base);
799
- --ks-color-fg-to-bg-5: var(--ks-color-fg-to-bg-5-base);
800
- --ks-color-fg-to-bg-6: var(--ks-color-fg-to-bg-6-base);
801
- --ks-color-fg-to-bg-7: var(--ks-color-fg-to-bg-7-base);
802
- --ks-color-fg-to-bg-8: var(--ks-color-fg-to-bg-8-base);
803
- --ks-color-fg-to-bg-9: var(--ks-color-fg-to-bg-9-base);
804
- --ks-color-fg-inverted: var(--ks-color-fg-inverted-base);
805
- --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
806
- --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
807
- --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
808
- --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
809
- --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
810
- --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
811
- --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
812
- --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
813
- --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
814
- --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
815
- --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
816
- --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
817
- --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
818
- --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
819
- --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
820
- --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
821
- --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
822
- --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
823
- --ks-color-link: var(--ks-color-link-base);
824
- --ks-color-link-inverted: var(--ks-color-link-inverted-base);
825
- --ks-color-transparent: var(--ks-color-transparent-base);
826
- --ks-color-positive: var(--ks-color-positive-base);
827
- --ks-color-positive-alpha-1: var(--ks-color-positive-alpha-1-base);
828
- --ks-color-positive-alpha-2: var(--ks-color-positive-alpha-2-base);
829
- --ks-color-positive-alpha-3: var(--ks-color-positive-alpha-3-base);
830
- --ks-color-positive-alpha-4: var(--ks-color-positive-alpha-4-base);
831
- --ks-color-positive-alpha-5: var(--ks-color-positive-alpha-5-base);
832
- --ks-color-positive-alpha-6: var(--ks-color-positive-alpha-6-base);
833
- --ks-color-positive-alpha-7: var(--ks-color-positive-alpha-7-base);
834
- --ks-color-positive-alpha-8: var(--ks-color-positive-alpha-8-base);
835
- --ks-color-positive-alpha-9: var(--ks-color-positive-alpha-9-base);
836
- --ks-color-positive-to-bg-1: var(--ks-color-positive-to-bg-1-base);
837
- --ks-color-positive-to-bg-2: var(--ks-color-positive-to-bg-2-base);
838
- --ks-color-positive-to-bg-3: var(--ks-color-positive-to-bg-3-base);
839
- --ks-color-positive-to-bg-4: var(--ks-color-positive-to-bg-4-base);
840
- --ks-color-positive-to-bg-5: var(--ks-color-positive-to-bg-5-base);
841
- --ks-color-positive-to-bg-6: var(--ks-color-positive-to-bg-6-base);
842
- --ks-color-positive-to-bg-7: var(--ks-color-positive-to-bg-7-base);
843
- --ks-color-positive-to-bg-8: var(--ks-color-positive-to-bg-8-base);
844
- --ks-color-positive-to-bg-9: var(--ks-color-positive-to-bg-9-base);
845
- --ks-color-positive-inverted: var(--ks-color-positive-inverted-base);
846
- --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
847
- --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
848
- --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
849
- --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
850
- --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
851
- --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
852
- --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
853
- --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
854
- --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
855
- --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
856
- --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
857
- --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
858
- --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
859
- --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
860
- --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
861
- --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
862
- --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
863
- --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
864
- --ks-color-informative: var(--ks-color-informative-base);
865
- --ks-color-informative-alpha-1: var(--ks-color-informative-alpha-1-base);
866
- --ks-color-informative-alpha-2: var(--ks-color-informative-alpha-2-base);
867
- --ks-color-informative-alpha-3: var(--ks-color-informative-alpha-3-base);
868
- --ks-color-informative-alpha-4: var(--ks-color-informative-alpha-4-base);
869
- --ks-color-informative-alpha-5: var(--ks-color-informative-alpha-5-base);
870
- --ks-color-informative-alpha-6: var(--ks-color-informative-alpha-6-base);
871
- --ks-color-informative-alpha-7: var(--ks-color-informative-alpha-7-base);
872
- --ks-color-informative-alpha-8: var(--ks-color-informative-alpha-8-base);
873
- --ks-color-informative-alpha-9: var(--ks-color-informative-alpha-9-base);
874
- --ks-color-informative-to-bg-1: var(--ks-color-informative-to-bg-1-base);
875
- --ks-color-informative-to-bg-2: var(--ks-color-informative-to-bg-2-base);
876
- --ks-color-informative-to-bg-3: var(--ks-color-informative-to-bg-3-base);
877
- --ks-color-informative-to-bg-4: var(--ks-color-informative-to-bg-4-base);
878
- --ks-color-informative-to-bg-5: var(--ks-color-informative-to-bg-5-base);
879
- --ks-color-informative-to-bg-6: var(--ks-color-informative-to-bg-6-base);
880
- --ks-color-informative-to-bg-7: var(--ks-color-informative-to-bg-7-base);
881
- --ks-color-informative-to-bg-8: var(--ks-color-informative-to-bg-8-base);
882
- --ks-color-informative-to-bg-9: var(--ks-color-informative-to-bg-9-base);
883
- --ks-color-informative-inverted: var(--ks-color-informative-inverted-base);
884
- --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
885
- --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
886
- --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
887
- --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
888
- --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
889
- --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
890
- --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
891
- --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
892
- --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
893
- --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
894
- --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
895
- --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
896
- --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
897
- --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
898
- --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
899
- --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
900
- --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
901
- --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
902
- --ks-color-notice: var(--ks-color-notice-base);
903
- --ks-color-notice-alpha-1: var(--ks-color-notice-alpha-1-base);
904
- --ks-color-notice-alpha-2: var(--ks-color-notice-alpha-2-base);
905
- --ks-color-notice-alpha-3: var(--ks-color-notice-alpha-3-base);
906
- --ks-color-notice-alpha-4: var(--ks-color-notice-alpha-4-base);
907
- --ks-color-notice-alpha-5: var(--ks-color-notice-alpha-5-base);
908
- --ks-color-notice-alpha-6: var(--ks-color-notice-alpha-6-base);
909
- --ks-color-notice-alpha-7: var(--ks-color-notice-alpha-7-base);
910
- --ks-color-notice-alpha-8: var(--ks-color-notice-alpha-8-base);
911
- --ks-color-notice-alpha-9: var(--ks-color-notice-alpha-9-base);
912
- --ks-color-notice-to-bg-1: var(--ks-color-notice-to-bg-1-base);
913
- --ks-color-notice-to-bg-2: var(--ks-color-notice-to-bg-2-base);
914
- --ks-color-notice-to-bg-3: var(--ks-color-notice-to-bg-3-base);
915
- --ks-color-notice-to-bg-4: var(--ks-color-notice-to-bg-4-base);
916
- --ks-color-notice-to-bg-5: var(--ks-color-notice-to-bg-5-base);
917
- --ks-color-notice-to-bg-6: var(--ks-color-notice-to-bg-6-base);
918
- --ks-color-notice-to-bg-7: var(--ks-color-notice-to-bg-7-base);
919
- --ks-color-notice-to-bg-8: var(--ks-color-notice-to-bg-8-base);
920
- --ks-color-notice-to-bg-9: var(--ks-color-notice-to-bg-9-base);
921
- --ks-color-notice-inverted: var(--ks-color-notice-inverted-base);
922
- --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
923
- --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
924
- --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
925
- --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
926
- --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
927
- --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
928
- --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
929
- --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
930
- --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
931
- --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
932
- --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
933
- --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
934
- --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
935
- --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
936
- --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
937
- --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
938
- --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
939
- --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
940
- --ks-color-negative: var(--ks-color-negative-base);
941
- --ks-color-negative-alpha-1: var(--ks-color-negative-alpha-1-base);
942
- --ks-color-negative-alpha-2: var(--ks-color-negative-alpha-2-base);
943
- --ks-color-negative-alpha-3: var(--ks-color-negative-alpha-3-base);
944
- --ks-color-negative-alpha-4: var(--ks-color-negative-alpha-4-base);
945
- --ks-color-negative-alpha-5: var(--ks-color-negative-alpha-5-base);
946
- --ks-color-negative-alpha-6: var(--ks-color-negative-alpha-6-base);
947
- --ks-color-negative-alpha-7: var(--ks-color-negative-alpha-7-base);
948
- --ks-color-negative-alpha-8: var(--ks-color-negative-alpha-8-base);
949
- --ks-color-negative-alpha-9: var(--ks-color-negative-alpha-9-base);
950
- --ks-color-negative-to-bg-1: var(--ks-color-negative-to-bg-1-base);
951
- --ks-color-negative-to-bg-2: var(--ks-color-negative-to-bg-2-base);
952
- --ks-color-negative-to-bg-3: var(--ks-color-negative-to-bg-3-base);
953
- --ks-color-negative-to-bg-4: var(--ks-color-negative-to-bg-4-base);
954
- --ks-color-negative-to-bg-5: var(--ks-color-negative-to-bg-5-base);
955
- --ks-color-negative-to-bg-6: var(--ks-color-negative-to-bg-6-base);
956
- --ks-color-negative-to-bg-7: var(--ks-color-negative-to-bg-7-base);
957
- --ks-color-negative-to-bg-8: var(--ks-color-negative-to-bg-8-base);
958
- --ks-color-negative-to-bg-9: var(--ks-color-negative-to-bg-9-base);
959
- --ks-color-negative-inverted: var(--ks-color-negative-inverted-base);
960
- --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
961
- --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
962
- --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
963
- --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
964
- --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
965
- --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
966
- --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
967
- --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
968
- --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
969
- --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
970
- --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
971
- --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
972
- --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
973
- --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
974
- --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
975
- --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
976
- --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
977
- --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
978
- --ks-color-secondary: var(--ks-color-secondary-base);
979
- --ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
980
- --ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
981
- --ks-color-secondary-alpha-3: var(--ks-color-secondary-alpha-3-base);
982
- --ks-color-secondary-alpha-4: var(--ks-color-secondary-alpha-4-base);
983
- --ks-color-secondary-alpha-5: var(--ks-color-secondary-alpha-5-base);
984
- --ks-color-secondary-alpha-6: var(--ks-color-secondary-alpha-6-base);
985
- --ks-color-secondary-alpha-7: var(--ks-color-secondary-alpha-7-base);
986
- --ks-color-secondary-alpha-8: var(--ks-color-secondary-alpha-8-base);
987
- --ks-color-secondary-alpha-9: var(--ks-color-secondary-alpha-9-base);
988
- --ks-color-secondary-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
989
- --ks-color-secondary-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
990
- --ks-color-secondary-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
991
- --ks-color-secondary-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
992
- --ks-color-secondary-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
993
- --ks-color-secondary-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
994
- --ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
995
- --ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
996
- --ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
997
- --ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
998
- --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
999
- --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
1000
- --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
1001
- --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
1002
- --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
1003
- --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
1004
- --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
1005
- --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
1006
- --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
1007
- --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
1008
- --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
1009
- --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
1010
- --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
1011
- --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
1012
- --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
1013
- --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
1014
- --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
1015
- --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
1016
- --ks-color-bg: var(--ks-color-bg-base);
1017
- --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
1018
- --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
1019
- --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
1020
- --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
1021
- --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
1022
- --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
1023
- --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
1024
- --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
1025
- --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
1026
- --ks-color-bg-to-bg-1: var(--ks-color-bg-to-bg-1-base);
1027
- --ks-color-bg-to-bg-2: var(--ks-color-bg-to-bg-2-base);
1028
- --ks-color-bg-to-bg-3: var(--ks-color-bg-to-bg-3-base);
1029
- --ks-color-bg-to-bg-4: var(--ks-color-bg-to-bg-4-base);
1030
- --ks-color-bg-to-bg-5: var(--ks-color-bg-to-bg-5-base);
1031
- --ks-color-bg-to-bg-6: var(--ks-color-bg-to-bg-6-base);
1032
- --ks-color-bg-to-bg-7: var(--ks-color-bg-to-bg-7-base);
1033
- --ks-color-bg-to-bg-8: var(--ks-color-bg-to-bg-8-base);
1034
- --ks-color-bg-to-bg-9: var(--ks-color-bg-to-bg-9-base);
1035
- --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
1036
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1037
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1038
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1039
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1040
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1041
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1042
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1043
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1044
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1045
- --ks-color-bg-inverted-to-bg-1: var(--ks-color-bg-inverted-to-bg-1-base);
1046
- --ks-color-bg-inverted-to-bg-2: var(--ks-color-bg-inverted-to-bg-2-base);
1047
- --ks-color-bg-inverted-to-bg-3: var(--ks-color-bg-inverted-to-bg-3-base);
1048
- --ks-color-bg-inverted-to-bg-4: var(--ks-color-bg-inverted-to-bg-4-base);
1049
- --ks-color-bg-inverted-to-bg-5: var(--ks-color-bg-inverted-to-bg-5-base);
1050
- --ks-color-bg-inverted-to-bg-6: var(--ks-color-bg-inverted-to-bg-6-base);
1051
- --ks-color-bg-inverted-to-bg-7: var(--ks-color-bg-inverted-to-bg-7-base);
1052
- --ks-color-bg-inverted-to-bg-8: var(--ks-color-bg-inverted-to-bg-8-base);
1053
- --ks-color-bg-inverted-to-bg-9: var(--ks-color-bg-inverted-to-bg-9-base);
1054
- --ks-text-color-default: var(--ks-text-color-default-base);
1055
- --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
1056
- --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
1057
- --ks-text-color-default-interactive-active: var(--ks-text-color-default-interactive-active-base);
1058
- --ks-text-color-default-interactive-visited: var(--ks-text-color-default-interactive-visited-base);
1059
- --ks-text-color-default-inverted: var(--ks-text-color-default-inverted-base);
1060
- --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-inverted-interactive-base);
1061
- --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
1062
- --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
1063
- --ks-text-color-default-inverted-interactive-visited: var(--ks-text-color-default-inverted-interactive-visited-base);
1064
- --ks-text-color-interface: var(--ks-text-color-interface-base);
1065
- --ks-text-color-interface-interactive: var(--ks-text-color-interface-interactive-base);
1066
- --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
1067
- --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-interactive-active-base);
1068
- --ks-text-color-interface-interactive-visited: var(--ks-text-color-interface-interactive-visited-base);
1069
- --ks-text-color-interface-inverted: var(--ks-text-color-interface-inverted-base);
1070
- --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-inverted-interactive-base);
1071
- --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
1072
- --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
1073
- --ks-text-color-interface-inverted-interactive-visited: var(--ks-text-color-interface-inverted-interactive-visited-base);
1074
- --ks-text-color-primary: var(--ks-text-color-primary-base);
1075
- --ks-text-color-primary-interactive: var(--ks-text-color-primary-interactive-base);
1076
- --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
1077
- --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-interactive-active-base);
1078
- --ks-text-color-primary-interactive-visited: var(--ks-text-color-primary-interactive-visited-base);
1079
- --ks-text-color-primary-inverted: var(--ks-text-color-primary-inverted-base);
1080
- --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-inverted-interactive-base);
1081
- --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
1082
- --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
1083
- --ks-text-color-primary-inverted-interactive-visited: var(--ks-text-color-primary-inverted-interactive-visited-base);
1084
- }
1085
- [ks-inverted=true] {
1086
- --ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
1087
- --ks-background-color-accent-inverted: var(--ks-background-color-accent-base);
1088
- --ks-background-color-bold: var(--ks-background-color-bold-inverted-base);
1089
- --ks-background-color-bold-inverted: var(--ks-background-color-bold-base);
1090
- --ks-background-color-clear: var(--ks-background-color-clear-inverted-base);
1091
- --ks-background-color-clear-inverted: var(--ks-background-color-clear-base);
1092
- --ks-background-color-clear-interactive: var(--ks-background-color-clear-inverted-interactive-base);
1093
- --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-interactive-base);
1094
- --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
1095
- --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
1096
- --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
1097
- --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-interactive-active-base);
1098
- --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
1099
- --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
1100
- --ks-background-color-default: var(--ks-background-color-default-inverted-base);
1101
- --ks-background-color-default-inverted: var(--ks-background-color-default-base);
1102
- --ks-background-color-interface: var(--ks-background-color-interface-inverted-base);
1103
- --ks-background-color-interface-inverted: var(--ks-background-color-interface-base);
1104
- --ks-background-color-interface-interactive: var(--ks-background-color-interface-inverted-interactive-base);
1105
- --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-interactive-base);
1106
- --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
1107
- --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
1108
- --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
1109
- --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
1110
- --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
1111
- --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-interactive-active-base);
1112
- --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1113
- --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
1114
- --ks-background-color-primary: var(--ks-background-color-primary-inverted-base);
1115
- --ks-background-color-primary-inverted: var(--ks-background-color-primary-base);
1116
- --ks-background-color-primary-interactive: var(--ks-background-color-primary-inverted-interactive-base);
1117
- --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-interactive-base);
1118
- --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
1119
- --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
1120
- --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
1121
- --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-interactive-active-base);
1122
- --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
1123
- --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
1124
- --ks-background-color-primary-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1125
- --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-translucent-base);
1126
- --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
1127
- --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
1128
- --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
1129
- --ks-border-color-clear-inverted: var(--ks-border-color-clear-base);
1130
- --ks-border-color-clear-interactive: var(--ks-border-color-clear-inverted-interactive-base);
1131
- --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-interactive-base);
1132
- --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
1133
- --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
1134
- --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
1135
- --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-interactive-active-base);
1136
- --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
1137
- --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
1138
- --ks-border-color-default: var(--ks-border-color-default-inverted-base);
1139
- --ks-border-color-default-inverted: var(--ks-border-color-default-base);
1140
- --ks-border-color-interface: var(--ks-border-color-interface-inverted-base);
1141
- --ks-border-color-interface-inverted: var(--ks-border-color-interface-base);
1142
- --ks-border-color-interface-interactive: var(--ks-border-color-interface-inverted-interactive-base);
1143
- --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-interactive-base);
1144
- --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
1145
- --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
1146
- --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
1147
- --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
1148
- --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
1149
- --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-interactive-active-base);
1150
- --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1151
- --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
1152
- --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
1153
- --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
1154
- --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
1155
- --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-interactive-base);
1156
- --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
1157
- --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
1158
- --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
1159
- --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-interactive-active-base);
1160
- --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
1161
- --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
1162
- --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
1163
- --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
1164
- --ks-color-primary: var(--ks-color-primary-inverted-base);
1165
- --ks-color-primary-inverted: var(--ks-color-primary-base);
1166
- --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1167
- --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
1168
- --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1169
- --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
1170
- --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1171
- --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
1172
- --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1173
- --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
1174
- --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1175
- --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
1176
- --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1177
- --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
1178
- --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1179
- --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
1180
- --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1181
- --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
1182
- --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
1183
- --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
1184
- --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
1185
- --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
1186
- --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
1187
- --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
1188
- --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
1189
- --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
1190
- --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
1191
- --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
1192
- --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
1193
- --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
1194
- --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
1195
- --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
1196
- --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
1197
- --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
1198
- --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
1199
- --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
1200
- --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1201
- --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
1202
- --ks-color-fg: var(--ks-color-fg-inverted-base);
1203
- --ks-color-fg-inverted: var(--ks-color-fg-base);
1204
- --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
1205
- --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-alpha-1-base);
1206
- --ks-color-fg-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
1207
- --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-alpha-2-base);
1208
- --ks-color-fg-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
1209
- --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-alpha-3-base);
1210
- --ks-color-fg-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
1211
- --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-alpha-4-base);
1212
- --ks-color-fg-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
1213
- --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-alpha-5-base);
1214
- --ks-color-fg-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
1215
- --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-alpha-6-base);
1216
- --ks-color-fg-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
1217
- --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-alpha-7-base);
1218
- --ks-color-fg-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
1219
- --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-alpha-8-base);
1220
- --ks-color-fg-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
1221
- --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-alpha-9-base);
1222
- --ks-color-fg-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
1223
- --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-to-bg-1-base);
1224
- --ks-color-fg-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
1225
- --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-to-bg-2-base);
1226
- --ks-color-fg-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
1227
- --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-to-bg-3-base);
1228
- --ks-color-fg-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
1229
- --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-to-bg-4-base);
1230
- --ks-color-fg-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
1231
- --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-to-bg-5-base);
1232
- --ks-color-fg-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
1233
- --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-to-bg-6-base);
1234
- --ks-color-fg-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
1235
- --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-to-bg-7-base);
1236
- --ks-color-fg-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
1237
- --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
1238
- --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1239
- --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
1240
- --ks-color-link: var(--ks-color-link-inverted-base);
1241
- --ks-color-link-inverted: var(--ks-color-link-base);
1242
- --ks-color-positive: var(--ks-color-positive-inverted-base);
1243
- --ks-color-positive-inverted: var(--ks-color-positive-base);
1244
- --ks-color-positive-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
1245
- --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-alpha-1-base);
1246
- --ks-color-positive-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
1247
- --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-alpha-2-base);
1248
- --ks-color-positive-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
1249
- --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-alpha-3-base);
1250
- --ks-color-positive-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
1251
- --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-alpha-4-base);
1252
- --ks-color-positive-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
1253
- --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-alpha-5-base);
1254
- --ks-color-positive-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
1255
- --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-alpha-6-base);
1256
- --ks-color-positive-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
1257
- --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-alpha-7-base);
1258
- --ks-color-positive-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
1259
- --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-alpha-8-base);
1260
- --ks-color-positive-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
1261
- --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-alpha-9-base);
1262
- --ks-color-positive-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
1263
- --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-to-bg-1-base);
1264
- --ks-color-positive-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
1265
- --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-to-bg-2-base);
1266
- --ks-color-positive-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
1267
- --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-to-bg-3-base);
1268
- --ks-color-positive-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
1269
- --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-to-bg-4-base);
1270
- --ks-color-positive-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
1271
- --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-to-bg-5-base);
1272
- --ks-color-positive-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
1273
- --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-to-bg-6-base);
1274
- --ks-color-positive-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
1275
- --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-to-bg-7-base);
1276
- --ks-color-positive-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
1277
- --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-to-bg-8-base);
1278
- --ks-color-positive-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
1279
- --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-to-bg-9-base);
1280
- --ks-color-informative: var(--ks-color-informative-inverted-base);
1281
- --ks-color-informative-inverted: var(--ks-color-informative-base);
1282
- --ks-color-informative-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
1283
- --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-alpha-1-base);
1284
- --ks-color-informative-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
1285
- --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-alpha-2-base);
1286
- --ks-color-informative-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
1287
- --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-alpha-3-base);
1288
- --ks-color-informative-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
1289
- --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-alpha-4-base);
1290
- --ks-color-informative-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
1291
- --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-alpha-5-base);
1292
- --ks-color-informative-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
1293
- --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-alpha-6-base);
1294
- --ks-color-informative-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
1295
- --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-alpha-7-base);
1296
- --ks-color-informative-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
1297
- --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-alpha-8-base);
1298
- --ks-color-informative-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
1299
- --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-alpha-9-base);
1300
- --ks-color-informative-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
1301
- --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-to-bg-1-base);
1302
- --ks-color-informative-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
1303
- --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-to-bg-2-base);
1304
- --ks-color-informative-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
1305
- --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-to-bg-3-base);
1306
- --ks-color-informative-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
1307
- --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-to-bg-4-base);
1308
- --ks-color-informative-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
1309
- --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-to-bg-5-base);
1310
- --ks-color-informative-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
1311
- --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-to-bg-6-base);
1312
- --ks-color-informative-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
1313
- --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-to-bg-7-base);
1314
- --ks-color-informative-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
1315
- --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-to-bg-8-base);
1316
- --ks-color-informative-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
1317
- --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-to-bg-9-base);
1318
- --ks-color-notice: var(--ks-color-notice-inverted-base);
1319
- --ks-color-notice-inverted: var(--ks-color-notice-base);
1320
- --ks-color-notice-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
1321
- --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-alpha-1-base);
1322
- --ks-color-notice-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
1323
- --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-alpha-2-base);
1324
- --ks-color-notice-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
1325
- --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-alpha-3-base);
1326
- --ks-color-notice-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
1327
- --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-alpha-4-base);
1328
- --ks-color-notice-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
1329
- --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-alpha-5-base);
1330
- --ks-color-notice-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
1331
- --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-alpha-6-base);
1332
- --ks-color-notice-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
1333
- --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-alpha-7-base);
1334
- --ks-color-notice-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
1335
- --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-alpha-8-base);
1336
- --ks-color-notice-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
1337
- --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-alpha-9-base);
1338
- --ks-color-notice-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
1339
- --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-to-bg-1-base);
1340
- --ks-color-notice-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
1341
- --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-to-bg-2-base);
1342
- --ks-color-notice-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
1343
- --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-to-bg-3-base);
1344
- --ks-color-notice-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
1345
- --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-to-bg-4-base);
1346
- --ks-color-notice-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
1347
- --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-to-bg-5-base);
1348
- --ks-color-notice-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
1349
- --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-to-bg-6-base);
1350
- --ks-color-notice-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
1351
- --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-to-bg-7-base);
1352
- --ks-color-notice-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
1353
- --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-to-bg-8-base);
1354
- --ks-color-notice-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
1355
- --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-to-bg-9-base);
1356
- --ks-color-negative: var(--ks-color-negative-inverted-base);
1357
- --ks-color-negative-inverted: var(--ks-color-negative-base);
1358
- --ks-color-negative-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
1359
- --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-alpha-1-base);
1360
- --ks-color-negative-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
1361
- --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-alpha-2-base);
1362
- --ks-color-negative-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
1363
- --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-alpha-3-base);
1364
- --ks-color-negative-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
1365
- --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-alpha-4-base);
1366
- --ks-color-negative-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
1367
- --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-alpha-5-base);
1368
- --ks-color-negative-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
1369
- --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-alpha-6-base);
1370
- --ks-color-negative-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
1371
- --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-alpha-7-base);
1372
- --ks-color-negative-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
1373
- --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-alpha-8-base);
1374
- --ks-color-negative-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
1375
- --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-alpha-9-base);
1376
- --ks-color-negative-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
1377
- --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-to-bg-1-base);
1378
- --ks-color-negative-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
1379
- --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-to-bg-2-base);
1380
- --ks-color-negative-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
1381
- --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-to-bg-3-base);
1382
- --ks-color-negative-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
1383
- --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-to-bg-4-base);
1384
- --ks-color-negative-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
1385
- --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-to-bg-5-base);
1386
- --ks-color-negative-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
1387
- --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-to-bg-6-base);
1388
- --ks-color-negative-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
1389
- --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-to-bg-7-base);
1390
- --ks-color-negative-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
1391
- --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-to-bg-8-base);
1392
- --ks-color-negative-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
1393
- --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-to-bg-9-base);
1394
- --ks-color-secondary: var(--ks-color-secondary-inverted-base);
1395
- --ks-color-secondary-inverted: var(--ks-color-secondary-base);
1396
- --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
1397
- --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-alpha-1-base);
1398
- --ks-color-secondary-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
1399
- --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-alpha-2-base);
1400
- --ks-color-secondary-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
1401
- --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-alpha-3-base);
1402
- --ks-color-secondary-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
1403
- --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-alpha-4-base);
1404
- --ks-color-secondary-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
1405
- --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-alpha-5-base);
1406
- --ks-color-secondary-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
1407
- --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-alpha-6-base);
1408
- --ks-color-secondary-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
1409
- --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-alpha-7-base);
1410
- --ks-color-secondary-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
1411
- --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-alpha-8-base);
1412
- --ks-color-secondary-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
1413
- --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-alpha-9-base);
1414
- --ks-color-secondary-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
1415
- --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
1416
- --ks-color-secondary-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
1417
- --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
1418
- --ks-color-secondary-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
1419
- --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
1420
- --ks-color-secondary-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
1421
- --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
1422
- --ks-color-secondary-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
1423
- --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
1424
- --ks-color-secondary-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
1425
- --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
1426
- --ks-color-secondary-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
1427
- --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
1428
- --ks-color-secondary-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
1429
- --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
1430
- --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
1431
- --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
1432
- --ks-color-bg: var(--ks-color-bg-inverted-base);
1433
- --ks-color-bg-inverted: var(--ks-color-bg-base);
1434
- --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1435
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
1436
- --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1437
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
1438
- --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1439
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
1440
- --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1441
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
1442
- --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1443
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
1444
- --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1445
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
1446
- --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1447
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
1448
- --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1449
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
1450
- --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1451
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
1452
- --ks-color-bg-to-bg-1: var(--ks-color-bg-inverted-to-bg-1-base);
1453
- --ks-color-bg-inverted-to-bg-1: var(--ks-color-bg-to-bg-1-base);
1454
- --ks-color-bg-to-bg-2: var(--ks-color-bg-inverted-to-bg-2-base);
1455
- --ks-color-bg-inverted-to-bg-2: var(--ks-color-bg-to-bg-2-base);
1456
- --ks-color-bg-to-bg-3: var(--ks-color-bg-inverted-to-bg-3-base);
1457
- --ks-color-bg-inverted-to-bg-3: var(--ks-color-bg-to-bg-3-base);
1458
- --ks-color-bg-to-bg-4: var(--ks-color-bg-inverted-to-bg-4-base);
1459
- --ks-color-bg-inverted-to-bg-4: var(--ks-color-bg-to-bg-4-base);
1460
- --ks-color-bg-to-bg-5: var(--ks-color-bg-inverted-to-bg-5-base);
1461
- --ks-color-bg-inverted-to-bg-5: var(--ks-color-bg-to-bg-5-base);
1462
- --ks-color-bg-to-bg-6: var(--ks-color-bg-inverted-to-bg-6-base);
1463
- --ks-color-bg-inverted-to-bg-6: var(--ks-color-bg-to-bg-6-base);
1464
- --ks-color-bg-to-bg-7: var(--ks-color-bg-inverted-to-bg-7-base);
1465
- --ks-color-bg-inverted-to-bg-7: var(--ks-color-bg-to-bg-7-base);
1466
- --ks-color-bg-to-bg-8: var(--ks-color-bg-inverted-to-bg-8-base);
1467
- --ks-color-bg-inverted-to-bg-8: var(--ks-color-bg-to-bg-8-base);
1468
- --ks-color-bg-to-bg-9: var(--ks-color-bg-inverted-to-bg-9-base);
1469
- --ks-color-bg-inverted-to-bg-9: var(--ks-color-bg-to-bg-9-base);
1470
- --ks-text-color-default: var(--ks-text-color-default-inverted-base);
1471
- --ks-text-color-default-inverted: var(--ks-text-color-default-base);
1472
- --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
1473
- --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-interactive-base);
1474
- --ks-text-color-default-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
1475
- --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
1476
- --ks-text-color-default-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
1477
- --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-interactive-active-base);
1478
- --ks-text-color-default-interactive-visited: var(--ks-text-color-default-inverted-interactive-visited-base);
1479
- --ks-text-color-default-inverted-interactive-visited: var(--ks-text-color-default-interactive-visited-base);
1480
- --ks-text-color-interface: var(--ks-text-color-interface-inverted-base);
1481
- --ks-text-color-interface-inverted: var(--ks-text-color-interface-base);
1482
- --ks-text-color-interface-interactive: var(--ks-text-color-interface-inverted-interactive-base);
1483
- --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-interactive-base);
1484
- --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
1485
- --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
1486
- --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
1487
- --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-interactive-active-base);
1488
- --ks-text-color-interface-interactive-visited: var(--ks-text-color-interface-inverted-interactive-visited-base);
1489
- --ks-text-color-interface-inverted-interactive-visited: var(--ks-text-color-interface-interactive-visited-base);
1490
- --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
1491
- --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
1492
- --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
1493
- --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-interactive-base);
1494
- --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
1495
- --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
1496
- --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
1497
- --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-interactive-active-base);
1498
- --ks-text-color-primary-interactive-visited: var(--ks-text-color-primary-inverted-interactive-visited-base);
1499
- --ks-text-color-primary-inverted-interactive-visited: var(--ks-text-color-primary-interactive-visited-base);
1500
- }
1501
- @media (min-width: 36em) {
1502
- :root {
1503
- --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-phone);
1504
- --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-phone);
1505
- --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-phone);
1506
- --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-phone);
1507
- --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-phone);
1508
- --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-phone);
1509
- --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-phone);
1510
- --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-phone);
1511
- }
1512
- }
1513
- @media (min-width: 48em) {
1514
- :root {
1515
- --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tablet);
1516
- --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tablet);
1517
- --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tablet);
1518
- --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tablet);
1519
- --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tablet);
1520
- --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tablet);
1521
- --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tablet);
1522
- --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tablet);
1523
- --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tablet);
1524
- --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tablet);
1525
- --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tablet);
1526
- }
1527
- }
1528
- @media (min-width: 62em) {
1529
- :root {
1530
- --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-laptop);
1531
- --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-laptop);
1532
- --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-laptop);
1533
- --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-laptop);
1534
- --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-laptop);
1535
- --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-laptop);
1536
- --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-laptop);
1537
- }
1538
- }
1539
- @media (min-width: 75em) {
1540
- :root {
1541
- --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-desktop);
1542
- --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-desktop);
1543
- --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-desktop);
1544
- --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-desktop);
1545
- --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-desktop);
1546
- --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-desktop);
1547
- --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
1548
- }
1549
- }