@kickstartds/ds-agency-premium 1.0.1

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 (301) hide show
  1. package/README.md +96 -0
  2. package/dist/ButtonProps-03ff6d21.d.ts +41 -0
  3. package/dist/CtaProps-93230a76.d.ts +113 -0
  4. package/dist/FaqProps-ad618cd5.d.ts +35 -0
  5. package/dist/FeaturesProps-79dea880.d.ts +284 -0
  6. package/dist/GalleryProps-76e7de44.d.ts +331 -0
  7. package/dist/HeadlineProps-d413a2cc.d.ts +48 -0
  8. package/dist/HeroProps-cf82a16d.d.ts +104 -0
  9. package/dist/ImageStoryProps-03ff6d21.d.ts +70 -0
  10. package/dist/ImageTextProps-9286cca4.d.ts +38 -0
  11. package/dist/LogosProps-8af8b3c7.d.ts +929 -0
  12. package/dist/MosaicProps-aacb9422.d.ts +84 -0
  13. package/dist/SliderProps-69b2f1d7.d.ts +43 -0
  14. package/dist/SplitProps-89ef39c4.d.ts +9 -0
  15. package/dist/StatsProps-afa48599.d.ts +41 -0
  16. package/dist/TeaserCardProps-b52479e5.d.ts +49 -0
  17. package/dist/TestimonialsProps-d27ae4b4.d.ts +54 -0
  18. package/dist/TextProps-a23170d2.d.ts +31 -0
  19. package/dist/VideoCurtainProps-6c625a69.d.ts +82 -0
  20. package/dist/components/blog-aside/blog-aside.css +9 -0
  21. package/dist/components/blog-aside/blog-aside.schema.dereffed.json +130 -0
  22. package/dist/components/blog-aside/blog-aside.schema.json +99 -0
  23. package/dist/components/blog-aside/index.d.ts +76 -0
  24. package/dist/components/blog-aside/index.js +55 -0
  25. package/dist/components/blog-head/blog-head.css +3 -0
  26. package/dist/components/blog-head/blog-head.schema.dereffed.json +54 -0
  27. package/dist/components/blog-head/blog-head.schema.json +40 -0
  28. package/dist/components/blog-head/index.d.ts +34 -0
  29. package/dist/components/blog-head/index.js +11 -0
  30. package/dist/components/blog-teaser/blog-teaser.css +58 -0
  31. package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +135 -0
  32. package/dist/components/blog-teaser/blog-teaser.schema.json +102 -0
  33. package/dist/components/blog-teaser/index.d.ts +81 -0
  34. package/dist/components/blog-teaser/index.js +37 -0
  35. package/dist/components/button/button.css +67 -0
  36. package/dist/components/button/button.schema.dereffed.json +63 -0
  37. package/dist/components/button/button.schema.json +48 -0
  38. package/dist/components/button/index.d.ts +6 -0
  39. package/dist/components/button/index.js +18 -0
  40. package/dist/components/button-group/button-group.schema.dereffed.json +115 -0
  41. package/dist/components/button-group/button-group.schema.json +27 -0
  42. package/dist/components/button-group/index.d.ts +40 -0
  43. package/dist/components/button-group/index.js +30 -0
  44. package/dist/components/component-teaser/component-teaser.schema.dereffed.json +43 -0
  45. package/dist/components/component-teaser/component-teaser.schema.json +40 -0
  46. package/dist/components/cta/cta.css +100 -0
  47. package/dist/components/cta/cta.schema.dereffed.json +158 -0
  48. package/dist/components/cta/cta.schema.json +127 -0
  49. package/dist/components/cta/index.d.ts +4 -0
  50. package/dist/components/cta/index.js +40 -0
  51. package/dist/components/faq/faq.css +17 -0
  52. package/dist/components/faq/faq.schema.dereffed.json +48 -0
  53. package/dist/components/faq/faq.schema.json +36 -0
  54. package/dist/components/faq/index.d.ts +4 -0
  55. package/dist/components/faq/index.js +9 -0
  56. package/dist/components/feature/index.d.ts +49 -0
  57. package/dist/components/feature/index.js +23 -0
  58. package/dist/components/features/features.css +115 -0
  59. package/dist/components/features/features.schema.dereffed.json +121 -0
  60. package/dist/components/features/features.schema.json +93 -0
  61. package/dist/components/features/index.d.ts +4 -0
  62. package/dist/components/features/index.js +32 -0
  63. package/dist/components/footer/footer.css +53 -0
  64. package/dist/components/footer/footer.schema.dereffed.json +178 -0
  65. package/dist/components/footer/footer.schema.json +47 -0
  66. package/dist/components/footer/index.d.ts +22 -0
  67. package/dist/components/footer/index.js +11 -0
  68. package/dist/components/gallery/gallery.css +50 -0
  69. package/dist/components/gallery/gallery.schema.dereffed.json +84 -0
  70. package/dist/components/gallery/gallery.schema.json +62 -0
  71. package/dist/components/gallery/index.d.ts +4 -0
  72. package/dist/components/gallery/index.js +35 -0
  73. package/dist/components/header/header.css +78 -0
  74. package/dist/components/header/header.schema.dereffed.json +188 -0
  75. package/dist/components/header/header.schema.json +25 -0
  76. package/dist/components/header/index.d.ts +26 -0
  77. package/dist/components/header/index.js +16 -0
  78. package/dist/components/headline/headline.css +78 -0
  79. package/dist/components/headline/headline.schema.dereffed.json +86 -0
  80. package/dist/components/headline/headline.schema.json +60 -0
  81. package/dist/components/headline/index.d.ts +11 -0
  82. package/dist/components/headline/index.js +18 -0
  83. package/dist/components/hero/hero.css +95 -0
  84. package/dist/components/hero/hero.schema.dereffed.json +166 -0
  85. package/dist/components/hero/hero.schema.json +79 -0
  86. package/dist/components/hero/index.d.ts +4 -0
  87. package/dist/components/hero/index.js +55 -0
  88. package/dist/components/image/image.css +12 -0
  89. package/dist/components/image/image.schema.dereffed.json +105 -0
  90. package/dist/components/image/image.schema.json +95 -0
  91. package/dist/components/image/index.d.ts +87 -0
  92. package/dist/components/image/index.js +11 -0
  93. package/dist/components/image-story/image-story.css +26 -0
  94. package/dist/components/image-story/image-story.schema.dereffed.json +165 -0
  95. package/dist/components/image-story/image-story.schema.json +81 -0
  96. package/dist/components/image-story/index.d.ts +4 -0
  97. package/dist/components/image-story/index.js +39 -0
  98. package/dist/components/image-text/image-text.css +4 -0
  99. package/dist/components/image-text/image-text.schema.dereffed.json +68 -0
  100. package/dist/components/image-text/image-text.schema.json +46 -0
  101. package/dist/components/image-text/index.d.ts +5 -0
  102. package/dist/components/image-text/index.js +20 -0
  103. package/dist/components/logos/index.d.ts +4 -0
  104. package/dist/components/logos/index.js +12 -0
  105. package/dist/components/logos/logos.css +91 -0
  106. package/dist/components/logos/logos.schema.dereffed.json +131 -0
  107. package/dist/components/logos/logos.schema.json +106 -0
  108. package/dist/components/mosaic/index.d.ts +4 -0
  109. package/dist/components/mosaic/index.js +33 -0
  110. package/dist/components/mosaic/mosaic.css +35 -0
  111. package/dist/components/mosaic/mosaic.schema.dereffed.json +122 -0
  112. package/dist/components/mosaic/mosaic.schema.json +86 -0
  113. package/dist/components/nav-main/index.d.ts +26 -0
  114. package/dist/components/nav-main/index.js +17 -0
  115. package/dist/components/nav-main/js/NavToggle.client.d.ts +16 -0
  116. package/dist/components/nav-main/js/NavToggle.client.js +57 -0
  117. package/dist/components/nav-main/js/body.client.d.ts +5 -0
  118. package/dist/components/nav-main/js/body.client.js +41 -0
  119. package/dist/components/nav-main/js/navMainEvents.client.d.ts +5 -0
  120. package/dist/components/nav-main/js/navMainEvents.client.js +13 -0
  121. package/dist/components/nav-main/nav-main.css +170 -0
  122. package/dist/components/nav-main/nav-main.schema.dereffed.json +182 -0
  123. package/dist/components/nav-main/nav-main.schema.json +53 -0
  124. package/dist/components/nav-main/nav-toggle.css +85 -0
  125. package/dist/components/page/page.schema.dereffed.json +1945 -0
  126. package/dist/components/page/page.schema.json +58 -0
  127. package/dist/components/page-intro/index.d.ts +17 -0
  128. package/dist/components/page-intro/index.js +18 -0
  129. package/dist/components/page-intro/page-intro.css +8 -0
  130. package/dist/components/page-intro/page-intro.schema.dereffed.json +30 -0
  131. package/dist/components/page-intro/page-intro.schema.json +26 -0
  132. package/dist/components/page-wrapper/index.d.ts +2 -0
  133. package/dist/components/page-wrapper/index.js +28 -0
  134. package/dist/components/page-wrapper/tokens.css +1556 -0
  135. package/dist/components/picture/picture.schema.json +88 -0
  136. package/dist/components/providers/index.d.ts +6 -0
  137. package/dist/components/providers/index.js +38 -0
  138. package/dist/components/raw-page-wrapper/index.d.ts +3 -0
  139. package/dist/components/raw-page-wrapper/index.js +492 -0
  140. package/dist/components/section/index.d.ts +147 -0
  141. package/dist/components/section/index.js +48 -0
  142. package/dist/components/section/js/Section.client.d.ts +2 -0
  143. package/dist/components/section/js/Section.client.js +26 -0
  144. package/dist/components/section/js/spotlight.client.d.ts +2 -0
  145. package/dist/components/section/js/spotlight.client.js +14 -0
  146. package/dist/components/section/section.css +110 -0
  147. package/dist/components/section/section.schema.dereffed.json +1875 -0
  148. package/dist/components/section/section.schema.json +222 -0
  149. package/dist/components/slider/index.d.ts +4 -0
  150. package/dist/components/slider/index.js +7 -0
  151. package/dist/components/slider/slider.css +24 -0
  152. package/dist/components/slider/slider.schema.dereffed.json +54 -0
  153. package/dist/components/slider/slider.schema.json +30 -0
  154. package/dist/components/split/index.d.ts +4 -0
  155. package/dist/components/split/index.js +7 -0
  156. package/dist/components/split/split.css +24 -0
  157. package/dist/components/split/split.schema.dereffed.json +20 -0
  158. package/dist/components/split/split.schema.json +13 -0
  159. package/dist/components/stats/index.d.ts +4 -0
  160. package/dist/components/stats/index.js +11 -0
  161. package/dist/components/stats/stats.css +49 -0
  162. package/dist/components/stats/stats.schema.dereffed.json +71 -0
  163. package/dist/components/stats/stats.schema.json +49 -0
  164. package/dist/components/teaser-card/index.d.ts +6 -0
  165. package/dist/components/teaser-card/index.js +25 -0
  166. package/dist/components/teaser-card/teaser-card.css +98 -0
  167. package/dist/components/teaser-card/teaser-card.schema.dereffed.json +69 -0
  168. package/dist/components/teaser-card/teaser-card.schema.json +58 -0
  169. package/dist/components/teaser-component/component-teaser.css +33 -0
  170. package/dist/components/teaser-component/index.d.ts +41 -0
  171. package/dist/components/teaser-component/index.js +18 -0
  172. package/dist/components/testimonials/index.d.ts +9 -0
  173. package/dist/components/testimonials/index.js +22 -0
  174. package/dist/components/testimonials/testimonials.css +63 -0
  175. package/dist/components/testimonials/testimonials.schema.dereffed.json +93 -0
  176. package/dist/components/testimonials/testimonials.schema.json +71 -0
  177. package/dist/components/text/index.d.ts +4 -0
  178. package/dist/components/text/index.js +13 -0
  179. package/dist/components/text/text.css +15 -0
  180. package/dist/components/text/text.schema.dereffed.json +50 -0
  181. package/dist/components/text/text.schema.json +39 -0
  182. package/dist/components/video-curtain/index.d.ts +4 -0
  183. package/dist/components/video-curtain/index.js +47 -0
  184. package/dist/components/video-curtain/video-curtain.css +51 -0
  185. package/dist/components/video-curtain/video-curtain.schema.dereffed.json +123 -0
  186. package/dist/components/video-curtain/video-curtain.schema.json +67 -0
  187. package/dist/global-35f78d6d.js +1 -0
  188. package/dist/global.client.d.ts +2 -0
  189. package/dist/global.client.js +8 -0
  190. package/dist/global.css +564 -0
  191. package/dist/static/.gitkeep +0 -0
  192. package/dist/static/favicon/.gitkeep +0 -0
  193. package/dist/static/favicon/android-chrome-192x192.png +0 -0
  194. package/dist/static/favicon/android-chrome-512x512.png +0 -0
  195. package/dist/static/favicon/apple-touch-icon.png +0 -0
  196. package/dist/static/favicon/browserconfig.xml +9 -0
  197. package/dist/static/favicon/favicon-16x16.png +0 -0
  198. package/dist/static/favicon/favicon-192-192.png +20 -0
  199. package/dist/static/favicon/favicon-32x32.png +0 -0
  200. package/dist/static/favicon/favicon.ico +0 -0
  201. package/dist/static/favicon/mstile-144x144.png +0 -0
  202. package/dist/static/favicon/mstile-150x150.png +0 -0
  203. package/dist/static/favicon/mstile-310x150.png +0 -0
  204. package/dist/static/favicon/mstile-310x310.png +0 -0
  205. package/dist/static/favicon/mstile-70x70.png +0 -0
  206. package/dist/static/favicon/safari-pinned-tab.svg +30 -0
  207. package/dist/static/favicon/site.webmanifest +19 -0
  208. package/dist/static/fonts/dsa/Fredoka-Bold.woff +0 -0
  209. package/dist/static/fonts/dsa/Fredoka-Bold.woff2 +0 -0
  210. package/dist/static/fonts/dsa/Fredoka-Light.woff +0 -0
  211. package/dist/static/fonts/dsa/Fredoka-Light.woff2 +0 -0
  212. package/dist/static/fonts/dsa/Fredoka-Medium.woff +0 -0
  213. package/dist/static/fonts/dsa/Fredoka-Medium.woff2 +0 -0
  214. package/dist/static/fonts/dsa/Fredoka-Regular.woff +0 -0
  215. package/dist/static/fonts/dsa/Fredoka-Regular.woff2 +0 -0
  216. package/dist/static/fonts/dsa/Fredoka-SemiBold.woff +0 -0
  217. package/dist/static/fonts/dsa/Fredoka-SemiBold.woff2 +0 -0
  218. package/dist/static/fonts/dsa/Mulish-300.woff +0 -0
  219. package/dist/static/fonts/dsa/Mulish-300.woff2 +0 -0
  220. package/dist/static/fonts/dsa/Mulish-600.woff +0 -0
  221. package/dist/static/fonts/dsa/Mulish-600.woff2 +0 -0
  222. package/dist/static/fonts/dsa/Mulish-800.woff +0 -0
  223. package/dist/static/fonts/dsa/Mulish-800.woff2 +0 -0
  224. package/dist/static/fonts/dsa/Mulish-Regular.woff +0 -0
  225. package/dist/static/fonts/dsa/Mulish-Regular.woff2 +0 -0
  226. package/dist/static/fonts/google/google-sans-18pt.woff2 +0 -0
  227. package/dist/static/fonts/google/google-sans-display.woff2 +0 -0
  228. package/dist/static/fonts/google/google-sans-text-medium.woff2 +0 -0
  229. package/dist/static/fonts/google/google-sans-text.woff2 +0 -0
  230. package/dist/static/fonts/lughausen/novelpro-regular.woff +0 -0
  231. package/dist/static/fonts/lughausen/novelsanspro-bold.woff +0 -0
  232. package/dist/static/fonts/lughausen/novelsanspro-regular.woff +0 -0
  233. package/dist/static/fonts/telekom/teleneo-bold-woff-data.woff +0 -0
  234. package/dist/static/fonts/telekom/teleneo-extrabold-woff-data.woff +0 -0
  235. package/dist/static/fonts/telekom/teleneo-medium-woff-data.woff +0 -0
  236. package/dist/static/fonts/telekom/teleneo-thin-woff-data.woff +0 -0
  237. package/dist/static/img/02.jpg +0 -0
  238. package/dist/static/img/angled-image.png +0 -0
  239. package/dist/static/img/bg_dot-carpet-blue.svg +346 -0
  240. package/dist/static/img/close-up-young-business-team-working.png +0 -0
  241. package/dist/static/img/colleagues-work-office-using-computers-looking-aside.png +0 -0
  242. package/dist/static/img/colored-square.png +0 -0
  243. package/dist/static/img/contact-person.png +0 -0
  244. package/dist/static/img/full-shot-different-people-working-together.png +0 -0
  245. package/dist/static/img/grid-bg.svg +19 -0
  246. package/dist/static/img/logos/castaway.svg +111 -0
  247. package/dist/static/img/logos/logoipsum-212.svg +12 -0
  248. package/dist/static/img/logos/logoipsum-217.svg +4 -0
  249. package/dist/static/img/logos/logoipsum-239.svg +16 -0
  250. package/dist/static/img/logos/logoipsum-244.svg +19 -0
  251. package/dist/static/img/logos/logoipsum-250.svg +21 -0
  252. package/dist/static/img/logos/logoipsum-286.svg +20 -0
  253. package/dist/static/img/low-angle-tall-building-with-many-windows_23-2148230392.png +0 -0
  254. package/dist/static/img/mosaic-1.png +0 -0
  255. package/dist/static/img/mosaic-2.png +0 -0
  256. package/dist/static/img/mosaic-2_1.svg +34 -0
  257. package/dist/static/img/mosaic-2_2.svg +25 -0
  258. package/dist/static/img/mosaic-2_3.svg +32 -0
  259. package/dist/static/img/mosaic-3.png +0 -0
  260. package/dist/static/img/office-divider-image.png +0 -0
  261. package/dist/static/img/offset-image.png +0 -0
  262. package/dist/static/img/people/author-alex.png +0 -0
  263. package/dist/static/img/people/author-emily.png +0 -0
  264. package/dist/static/img/people/author-john.png +0 -0
  265. package/dist/static/img/people-brainstorming-work-meeting.png +0 -0
  266. package/dist/static/img/responsive_image-1680.png +0 -0
  267. package/dist/static/img/responsive_image-420.png +0 -0
  268. package/dist/static/img/responsive_image-980.png +0 -0
  269. package/dist/static/img/showcases/audio_bg.svg +10 -0
  270. package/dist/static/img/showcases/comp_audio01.jpg +0 -0
  271. package/dist/static/img/showcases/comp_audio04.png +0 -0
  272. package/dist/static/img/showcases/comp_eco01.jpg +0 -0
  273. package/dist/static/img/showcases/comp_eco01.png +0 -0
  274. package/dist/static/img/showcases/comp_eco02.png +0 -0
  275. package/dist/static/img/showcases/comp_eco03.png +0 -0
  276. package/dist/static/img/showcases/comp_eco04.jpg +0 -0
  277. package/dist/static/img/showcases/comp_eco04.png +0 -0
  278. package/dist/static/img/showcases/comp_tfe01.jpg +0 -0
  279. package/dist/static/img/showcases/eco_bg.png +0 -0
  280. package/dist/static/img/showcases/preview_audio.png +0 -0
  281. package/dist/static/img/showcases/preview_eco.png +0 -0
  282. package/dist/static/img/showcases/preview_tfe.png +0 -0
  283. package/dist/static/img/showcases/tfe_bg.svg +48 -0
  284. package/dist/static/img/top-view-desk-with-keyboard-drawing-pad.png +0 -0
  285. package/dist/static/img/videos/handshake-bw.mp4 +0 -0
  286. package/dist/static/img/videos/video-720.mp4 +0 -0
  287. package/dist/static/img/videos/video-agency.mp4 +0 -0
  288. package/dist/static/img/view-modern-office.jpg +0 -0
  289. package/dist/static/logo-google.svg +1 -0
  290. package/dist/static/logo-lughausen.svg +27 -0
  291. package/dist/static/logo-telekom.svg +8 -0
  292. package/dist/static/logo.svg +26 -0
  293. package/dist/static/tokens-google.css +1553 -0
  294. package/dist/static/tokens-lughausen.css +1549 -0
  295. package/dist/static/tokens-telekom.css +1549 -0
  296. package/dist/static/tokens.css +1554 -0
  297. package/dist/tokens/IconSprite.js +467 -0
  298. package/dist/tokens/icon-sprite.html +37 -0
  299. package/dist/tokens/tokens.css +1554 -0
  300. package/dist/tokens/tokens.js +652 -0
  301. package/package.json +138 -0
package/dist/static/tokens-lughausen.css ADDED
@@ -0,0 +1,1549 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 15 Jan 2024 15:21:41 GMT
4
+ */
5
+
6
+ :root, [ks-theme] {
7
+ --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-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-to-bg-6-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-bg-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: rgba(0,0,0,0);
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: rgba(0,0,0,0);
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-fg-alpha-5-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-fg-inverted-alpha-5-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: 0px;
88
+ --ks-border-radius-card: 0px;
89
+ --ks-border-radius-surface: 0px;
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(0,40,72,var(--ks-box-shadow-opacity-control));
99
+ --ks-box-shadow-color-control-hover: rgba(0,40,72,var(--ks-box-shadow-opacity-control-hover));
100
+ --ks-box-shadow-color-card: rgba(0,40,72,var(--ks-box-shadow-opacity-card));
101
+ --ks-box-shadow-color-card-hover: rgba(0,40,72,var(--ks-box-shadow-opacity-card-hover));
102
+ --ks-box-shadow-color-surface: rgba(0,40,72,var(--ks-box-shadow-opacity-surface));
103
+ --ks-box-shadow-color-surface-hover: rgba(0,40,72,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: #018093;
111
+ --ks-color-primary-alpha-1-base: rgba(1,128,147,.95);
112
+ --ks-color-primary-alpha-2-base: rgba(1,128,147,.87);
113
+ --ks-color-primary-alpha-3-base: rgba(1,128,147,.76);
114
+ --ks-color-primary-alpha-4-base: rgba(1,128,147,.63);
115
+ --ks-color-primary-alpha-5-base: rgba(1,128,147,.5);
116
+ --ks-color-primary-alpha-6-base: rgba(1,128,147,.37);
117
+ --ks-color-primary-alpha-7-base: rgba(1,128,147,.24);
118
+ --ks-color-primary-alpha-8-base: rgba(1,128,147,.13);
119
+ --ks-color-primary-alpha-9-base: rgba(1,128,147,.05);
120
+ --ks-color-primary-to-bg-1-base: #0e8698;
121
+ --ks-color-primary-to-bg-2-base: #2291a1;
122
+ --ks-color-primary-to-bg-3-base: #3e9ead;
123
+ --ks-color-primary-to-bg-4-base: #5fafbb;
124
+ --ks-color-primary-to-bg-5-base: #80c0c9;
125
+ --ks-color-primary-to-bg-6-base: #a1d0d7;
126
+ --ks-color-primary-to-bg-7-base: #c2e1e5;
127
+ --ks-color-primary-to-bg-8-base: #deeef1;
128
+ --ks-color-primary-to-bg-9-base: #f2f9fa;
129
+ --ks-color-primary-inverted-base: #e97814;
130
+ --ks-color-primary-inverted-alpha-1-base: rgba(233,120,20,.95);
131
+ --ks-color-primary-inverted-alpha-2-base: rgba(233,120,20,.87);
132
+ --ks-color-primary-inverted-alpha-3-base: rgba(233,120,20,.76);
133
+ --ks-color-primary-inverted-alpha-4-base: rgba(233,120,20,.63);
134
+ --ks-color-primary-inverted-alpha-5-base: rgba(233,120,20,.5);
135
+ --ks-color-primary-inverted-alpha-6-base: rgba(233,120,20,.37);
136
+ --ks-color-primary-inverted-alpha-7-base: rgba(233,120,20,.24);
137
+ --ks-color-primary-inverted-alpha-8-base: rgba(233,120,20,.13);
138
+ --ks-color-primary-inverted-alpha-9-base: rgba(233,120,20,.05);
139
+ --ks-color-primary-inverted-to-bg-1-base: #dd7417;
140
+ --ks-color-primary-inverted-to-bg-2-base: #cb6e1b;
141
+ --ks-color-primary-inverted-to-bg-3-base: #b16520;
142
+ --ks-color-primary-inverted-to-bg-4-base: #935a27;
143
+ --ks-color-primary-inverted-to-bg-5-base: #75502e;
144
+ --ks-color-primary-inverted-to-bg-6-base: #564635;
145
+ --ks-color-primary-inverted-to-bg-7-base: #383b3c;
146
+ --ks-color-primary-inverted-to-bg-8-base: #1e3241;
147
+ --ks-color-primary-inverted-to-bg-9-base: #0c2c45;
148
+ --ks-color-fg-base: #002848;
149
+ --ks-color-fg-alpha-1-base: rgba(0,40,72,.95);
150
+ --ks-color-fg-alpha-2-base: rgba(0,40,72,.87);
151
+ --ks-color-fg-alpha-3-base: rgba(0,40,72,.76);
152
+ --ks-color-fg-alpha-4-base: rgba(0,40,72,.63);
153
+ --ks-color-fg-alpha-5-base: rgba(0,40,72,.5);
154
+ --ks-color-fg-alpha-6-base: rgba(0,40,72,.37);
155
+ --ks-color-fg-alpha-7-base: rgba(0,40,72,.24);
156
+ --ks-color-fg-alpha-8-base: rgba(0,40,72,.13);
157
+ --ks-color-fg-alpha-9-base: rgba(0,40,72,.05);
158
+ --ks-color-fg-to-bg-1-base: #0d3351;
159
+ --ks-color-fg-to-bg-2-base: #214460;
160
+ --ks-color-fg-to-bg-3-base: #3d5c74;
161
+ --ks-color-fg-to-bg-4-base: #5e788c;
162
+ --ks-color-fg-to-bg-5-base: #8094a4;
163
+ --ks-color-fg-to-bg-6-base: #a1afbb;
164
+ --ks-color-fg-to-bg-7-base: #c2cbd3;
165
+ --ks-color-fg-to-bg-8-base: #dee3e7;
166
+ --ks-color-fg-to-bg-9-base: #f2f4f6;
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: #f2f4f6;
178
+ --ks-color-fg-inverted-to-bg-2-base: #dee3e7;
179
+ --ks-color-fg-inverted-to-bg-3-base: #c2cbd3;
180
+ --ks-color-fg-inverted-to-bg-4-base: #a1afbb;
181
+ --ks-color-fg-inverted-to-bg-5-base: #8094a4;
182
+ --ks-color-fg-inverted-to-bg-6-base: #5e788c;
183
+ --ks-color-fg-inverted-to-bg-7-base: #3d5c74;
184
+ --ks-color-fg-inverted-to-bg-8-base: #214460;
185
+ --ks-color-fg-inverted-to-bg-9-base: #0d3351;
186
+ --ks-color-link-base: #002848;
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: #217e1d;
219
+ --ks-color-positive-inverted-to-bg-2-base: #1e7721;
220
+ --ks-color-positive-inverted-to-bg-3-base: #1b6d26;
221
+ --ks-color-positive-inverted-to-bg-4-base: #16612c;
222
+ --ks-color-positive-inverted-to-bg-5-base: #125632;
223
+ --ks-color-positive-inverted-to-bg-6-base: #0d4a37;
224
+ --ks-color-positive-inverted-to-bg-7-base: #083e3d;
225
+ --ks-color-positive-inverted-to-bg-8-base: #053442;
226
+ --ks-color-positive-inverted-to-bg-9-base: #022d46;
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: #006d8b;
257
+ --ks-color-informative-inverted-to-bg-2-base: #006886;
258
+ --ks-color-informative-inverted-to-bg-3-base: #005f7e;
259
+ --ks-color-informative-inverted-to-bg-4-base: #005675;
260
+ --ks-color-informative-inverted-to-bg-5-base: #004d6c;
261
+ --ks-color-informative-inverted-to-bg-6-base: #004362;
262
+ --ks-color-informative-inverted-to-bg-7-base: #003a59;
263
+ --ks-color-informative-inverted-to-bg-8-base: #003151;
264
+ --ks-color-informative-inverted-to-bg-9-base: #002c4c;
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: #f25a52;
295
+ --ks-color-notice-inverted-to-bg-2-base: #de5652;
296
+ --ks-color-notice-inverted-to-bg-3-base: #c25050;
297
+ --ks-color-notice-inverted-to-bg-4-base: #a1494f;
298
+ --ks-color-notice-inverted-to-bg-5-base: #80434e;
299
+ --ks-color-notice-inverted-to-bg-6-base: #5e3c4c;
300
+ --ks-color-notice-inverted-to-bg-7-base: #3d354b;
301
+ --ks-color-notice-inverted-to-bg-8-base: #212f49;
302
+ --ks-color-notice-inverted-to-bg-9-base: #0d2b49;
303
+ --ks-color-negative-base: #ff1a57;
304
+ --ks-color-negative-alpha-1-base: rgba(255,26,87,.95);
305
+ --ks-color-negative-alpha-2-base: rgba(255,26,87,.87);
306
+ --ks-color-negative-alpha-3-base: rgba(255,26,87,.76);
307
+ --ks-color-negative-alpha-4-base: rgba(255,26,87,.63);
308
+ --ks-color-negative-alpha-5-base: rgba(255,26,87,.5);
309
+ --ks-color-negative-alpha-6-base: rgba(255,26,87,.37);
310
+ --ks-color-negative-alpha-7-base: rgba(255,26,87,.24);
311
+ --ks-color-negative-alpha-8-base: rgba(255,26,87,.13);
312
+ --ks-color-negative-alpha-9-base: rgba(255,26,87,.05);
313
+ --ks-color-negative-to-bg-1-base: #ff255f;
314
+ --ks-color-negative-to-bg-2-base: #ff386d;
315
+ --ks-color-negative-to-bg-3-base: #ff517f;
316
+ --ks-color-negative-to-bg-4-base: #ff6f95;
317
+ --ks-color-negative-to-bg-5-base: #ff8dab;
318
+ --ks-color-negative-to-bg-6-base: #ffaac1;
319
+ --ks-color-negative-to-bg-7-base: #ffc8d7;
320
+ --ks-color-negative-to-bg-8-base: #ffe1e9;
321
+ --ks-color-negative-to-bg-9-base: #fff4f7;
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: #c81e48;
333
+ --ks-color-negative-inverted-to-bg-2-base: #b71e48;
334
+ --ks-color-negative-inverted-to-bg-3-base: #a02048;
335
+ --ks-color-negative-inverted-to-bg-4-base: #842148;
336
+ --ks-color-negative-inverted-to-bg-5-base: #692348;
337
+ --ks-color-negative-inverted-to-bg-6-base: #4e2448;
338
+ --ks-color-negative-inverted-to-bg-7-base: #322548;
339
+ --ks-color-negative-inverted-to-bg-8-base: #1b2748;
340
+ --ks-color-negative-inverted-to-bg-9-base: #0b2748;
341
+ --ks-color-secondary-base: #e97814;
342
+ --ks-color-secondary-alpha-1-base: rgba(233,120,20,.95);
343
+ --ks-color-secondary-alpha-2-base: rgba(233,120,20,.87);
344
+ --ks-color-secondary-alpha-3-base: rgba(233,120,20,.76);
345
+ --ks-color-secondary-alpha-4-base: rgba(233,120,20,.63);
346
+ --ks-color-secondary-alpha-5-base: rgba(233,120,20,.5);
347
+ --ks-color-secondary-alpha-6-base: rgba(233,120,20,.37);
348
+ --ks-color-secondary-alpha-7-base: rgba(233,120,20,.24);
349
+ --ks-color-secondary-alpha-8-base: rgba(233,120,20,.13);
350
+ --ks-color-secondary-alpha-9-base: rgba(233,120,20,.05);
351
+ --ks-color-secondary-to-bg-1-base: #ea7f20;
352
+ --ks-color-secondary-to-bg-2-base: #ec8a33;
353
+ --ks-color-secondary-to-bg-3-base: #ee984c;
354
+ --ks-color-secondary-to-bg-4-base: #f1aa6b;
355
+ --ks-color-secondary-to-bg-5-base: #f4bc8a;
356
+ --ks-color-secondary-to-bg-6-base: #f7cda8;
357
+ --ks-color-secondary-to-bg-7-base: #fadfc7;
358
+ --ks-color-secondary-to-bg-8-base: #fcede0;
359
+ --ks-color-secondary-to-bg-9-base: #fef8f3;
360
+ --ks-color-secondary-inverted-base: #018093;
361
+ --ks-color-secondary-inverted-alpha-1-base: rgba(1,128,147,.95);
362
+ --ks-color-secondary-inverted-alpha-2-base: rgba(1,128,147,.87);
363
+ --ks-color-secondary-inverted-alpha-3-base: rgba(1,128,147,.76);
364
+ --ks-color-secondary-inverted-alpha-4-base: rgba(1,128,147,.63);
365
+ --ks-color-secondary-inverted-alpha-5-base: rgba(1,128,147,.5);
366
+ --ks-color-secondary-inverted-alpha-6-base: rgba(1,128,147,.37);
367
+ --ks-color-secondary-inverted-alpha-7-base: rgba(1,128,147,.24);
368
+ --ks-color-secondary-inverted-alpha-8-base: rgba(1,128,147,.13);
369
+ --ks-color-secondary-inverted-alpha-9-base: rgba(1,128,147,.05);
370
+ --ks-color-secondary-inverted-to-bg-1-base: #017c8f;
371
+ --ks-color-secondary-inverted-to-bg-2-base: #017589;
372
+ --ks-color-secondary-inverted-to-bg-3-base: #016b81;
373
+ --ks-color-secondary-inverted-to-bg-4-base: #015f77;
374
+ --ks-color-secondary-inverted-to-bg-5-base: #01546e;
375
+ --ks-color-secondary-inverted-to-bg-6-base: #004964;
376
+ --ks-color-secondary-inverted-to-bg-7-base: #003d5a;
377
+ --ks-color-secondary-inverted-to-bg-8-base: #003352;
378
+ --ks-color-secondary-inverted-to-bg-9-base: #002c4c;
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: #003259;
399
+ --ks-color-bg-inverted-alpha-1-base: rgba(0,50,89,.95);
400
+ --ks-color-bg-inverted-alpha-2-base: rgba(0,50,89,.87);
401
+ --ks-color-bg-inverted-alpha-3-base: rgba(0,50,89,.76);
402
+ --ks-color-bg-inverted-alpha-4-base: rgba(0,50,89,.63);
403
+ --ks-color-bg-inverted-alpha-5-base: rgba(0,50,89,.5);
404
+ --ks-color-bg-inverted-alpha-6-base: rgba(0,50,89,.37);
405
+ --ks-color-bg-inverted-alpha-7-base: rgba(0,50,89,.24);
406
+ --ks-color-bg-inverted-alpha-8-base: rgba(0,50,89,.13);
407
+ --ks-color-bg-inverted-alpha-9-base: rgba(0,50,89,.05);
408
+ --ks-color-bg-inverted-to-bg-1-base: #003258;
409
+ --ks-color-bg-inverted-to-bg-2-base: #003157;
410
+ --ks-color-bg-inverted-to-bg-3-base: #003055;
411
+ --ks-color-bg-inverted-to-bg-4-base: #002e53;
412
+ --ks-color-bg-inverted-to-bg-5-base: #002d51;
413
+ --ks-color-bg-inverted-to-bg-6-base: #002c4e;
414
+ --ks-color-bg-inverted-to-bg-7-base: #002a4c;
415
+ --ks-color-bg-inverted-to-bg-8-base: #00294a;
416
+ --ks-color-bg-inverted-to-bg-9-base: #002949;
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: NovelPro, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
528
+ --ks-font-family-copy: NovelSansPro, 'Helvetica Neue', Helvetica, Arial, sans-serif;
529
+ --ks-font-family-interface: NovelSansPro, 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-light: 300;
532
+ --ks-font-weight-regular: 400;
533
+ --ks-font-weight-semi-bold: 500;
534
+ --ks-font-weight-bold: 700;
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
+ }