@kickstartds/ds-agency-premium 1.6.72--canary.43.2525.0 → 1.6.72--canary.56.2531.0

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