@kickstartds/ds-agency-premium 1.6.71--canary.55.2416.0 → 1.6.72--canary.43.2474.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 (295) hide show
  1. package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
  2. package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts} +1 -1
  3. package/dist/ContactProps-7cac90e5.d.ts +70 -0
  4. package/dist/{FaqProps-ad618cd5.d.ts → FaqProps-78384db5.d.ts} +7 -12
  5. package/dist/HeadlineProps-e1305784.d.ts +53 -0
  6. package/dist/{LogosProps-f9474fe2.d.ts → LogosProps-d4677d2c.d.ts} +1 -23
  7. package/dist/PageProps-aa29c554.d.ts +1 -1
  8. package/dist/SearchBarProps-26263244.d.ts +29 -0
  9. package/dist/SearchFormProps-3d2c3462.d.ts +30 -0
  10. package/dist/SearchResultMatchProps-777cd47c.d.ts +23 -0
  11. package/dist/SearchResultProps-f6f07017.d.ts +44 -0
  12. package/dist/{SectionProps-d60aba86.d.ts → SectionProps-6a826e52.d.ts} +8 -4
  13. package/dist/SliderProps-789f8508.d.ts +2 -2
  14. package/dist/SplitEvenProps-789f8508.d.ts +12 -5
  15. package/dist/SplitWeightedProps-789f8508.d.ts +12 -5
  16. package/dist/{TeaserCardProps-994cb119.d.ts → TeaserCardProps-d069476f.d.ts} +6 -1
  17. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +5254 -1550
  18. package/dist/components/blog-post/blog-post.schema.dereffed.json +5254 -1550
  19. package/dist/components/blog-post/index.d.ts +1 -1
  20. package/dist/components/business-card/business-card.css +7 -5
  21. package/dist/components/business-card/index.js +1 -1
  22. package/dist/components/button/button.css +6 -1
  23. package/dist/components/contact/index.d.ts +1 -70
  24. package/dist/components/content-nav/content-nav.css +2 -0
  25. package/dist/components/cookie-consent/C15t.client.js +57 -1
  26. package/dist/components/cookie-consent/CookieConsent.client.d.ts +5 -1
  27. package/dist/components/cookie-consent/CookieConsent.client.js +13 -13
  28. package/dist/components/cookie-consent/cookie-consent.css +17 -25
  29. package/dist/components/cookie-consent/index.js +1 -1
  30. package/dist/components/downloads/downloads.css +13 -8
  31. package/dist/components/event-latest-teaser/event-latest-teaser.css +2 -2
  32. package/dist/components/event-list-teaser/event-list-teaser.css +1 -1
  33. package/dist/components/event-location/event-location.css +3 -3
  34. package/dist/components/faq/faq.css +1 -1
  35. package/dist/components/faq/faq.schema.dereffed.json +2 -2
  36. package/dist/components/faq/faq.schema.json +2 -1
  37. package/dist/components/faq/index.d.ts +24 -7
  38. package/dist/components/faq/index.js +1 -1
  39. package/dist/components/feature/index.js +2 -2
  40. package/dist/components/features/index.js +1 -1
  41. package/dist/components/headline/headline.css +5 -9
  42. package/dist/components/headline/index.d.ts +1 -53
  43. package/dist/components/hero/hero.css +53 -32
  44. package/dist/components/image-story/image-story.css +4 -0
  45. package/dist/components/index/index.d.ts +1 -1
  46. package/dist/components/logos/index.d.ts +1 -1
  47. package/dist/components/logos/logos.css +8 -6
  48. package/dist/components/logos/logos.schema.dereffed.json +1 -2
  49. package/dist/components/logos/logos.schema.json +1 -2
  50. package/dist/components/nav-dropdown/nav-dropdown.css +5 -3
  51. package/dist/components/page/page.schema.dereffed.json +5254 -1550
  52. package/dist/components/page-wrapper/index.js +0 -1
  53. package/dist/components/pagination/index.d.ts +10 -2
  54. package/dist/components/pagination/index.js +32 -38
  55. package/dist/components/pagination/pagination.css +34 -10
  56. package/dist/components/pagination/pagination.schema.dereffed.json +3 -0
  57. package/dist/components/pagination/pagination.schema.json +3 -0
  58. package/dist/components/presets.json +156 -70
  59. package/dist/components/search/index.d.ts +11 -1
  60. package/dist/components/search/index.js +33 -20
  61. package/dist/components/search/search.schema.dereffed.json +189 -13
  62. package/dist/components/search/search.schema.json +6 -0
  63. package/dist/components/search-bar/index.d.ts +1 -29
  64. package/dist/components/search-bar/index.js +1 -1
  65. package/dist/components/search-form/SearchForm.client.d.ts +25 -0
  66. package/dist/components/search-form/SearchForm.client.js +228 -0
  67. package/dist/components/search-form/SearchFormPagefind.client.d.ts +5 -0
  68. package/dist/components/search-form/SearchFormPagefind.client.js +40 -0
  69. package/dist/components/search-form/index.d.ts +4 -0
  70. package/dist/components/search-form/index.js +25 -0
  71. package/dist/components/search-form/search-form.css +10 -0
  72. package/dist/components/search-form/search-form.schema.dereffed.json +49 -0
  73. package/dist/components/search-form/search-form.schema.json +38 -0
  74. package/dist/components/search-modal/RadioEmit.client.d.ts +5 -0
  75. package/dist/components/search-modal/RadioEmit.client.js +17 -0
  76. package/dist/components/search-modal/SearchModal.client.d.ts +5 -0
  77. package/dist/components/search-modal/SearchModal.client.js +31 -0
  78. package/dist/components/search-modal/index.d.ts +18 -0
  79. package/dist/components/search-modal/index.js +39 -0
  80. package/dist/components/search-modal/search-modal.css +27 -0
  81. package/dist/components/search-modal/search-modal.schema.dereffed.json +70 -0
  82. package/dist/components/search-modal/search-modal.schema.json +24 -0
  83. package/dist/components/search-result/index.d.ts +4 -4
  84. package/dist/components/search-result/index.js +11 -2
  85. package/dist/components/search-result/search-result.css +61 -13
  86. package/dist/components/search-result/search-result.schema.dereffed.json +56 -13
  87. package/dist/components/search-result/search-result.schema.json +23 -12
  88. package/dist/components/search-result-match/index.d.ts +7 -0
  89. package/dist/components/search-result-match/index.js +18 -0
  90. package/dist/components/search-result-match/search-result-match.css +18 -0
  91. package/dist/components/search-result-match/search-result-match.schema.dereffed.json +33 -0
  92. package/dist/components/search-result-match/search-result-match.schema.json +31 -0
  93. package/dist/components/section/index.d.ts +1 -1
  94. package/dist/components/section/section.css +12 -7
  95. package/dist/components/section/section.schema.dereffed.json +5254 -1550
  96. package/dist/components/section/section.schema.json +12 -0
  97. package/dist/components/slider/slider.schema.dereffed.json +7 -2
  98. package/dist/components/split-even/index.d.ts +6 -6
  99. package/dist/components/split-even/split-even.schema.dereffed.json +2406 -824
  100. package/dist/components/split-even/split-even.schema.json +42 -0
  101. package/dist/components/split-weighted/index.d.ts +6 -6
  102. package/dist/components/split-weighted/split-weighted.schema.dereffed.json +2406 -824
  103. package/dist/components/split-weighted/split-weighted.schema.json +42 -0
  104. package/dist/components/stats/stats.css +2 -0
  105. package/dist/components/teaser-card/index.d.ts +1 -1
  106. package/dist/components/teaser-card/index.js +2 -1
  107. package/dist/components/teaser-card/teaser-card.css +10 -6
  108. package/dist/components/teaser-card/teaser-card.schema.dereffed.json +6 -0
  109. package/dist/components/teaser-card/teaser-card.schema.json +6 -0
  110. package/dist/components/testimonials/testimonials.css +3 -1
  111. package/dist/global.css +3888 -177
  112. package/dist/static/fonts/dsa/Fredoka-Bold.woff +0 -0
  113. package/dist/static/fonts/dsa/Fredoka-Bold.woff2 +0 -0
  114. package/dist/static/fonts/dsa/Fredoka-Light.woff +0 -0
  115. package/dist/static/fonts/dsa/Fredoka-Light.woff2 +0 -0
  116. package/dist/static/fonts/dsa/Fredoka-Medium.woff +0 -0
  117. package/dist/static/fonts/dsa/Fredoka-Medium.woff2 +0 -0
  118. package/dist/static/fonts/dsa/Fredoka-Regular.woff +0 -0
  119. package/dist/static/fonts/dsa/Fredoka-Regular.woff2 +0 -0
  120. package/dist/static/fonts/dsa/Fredoka-SemiBold.woff +0 -0
  121. package/dist/static/fonts/dsa/Fredoka-SemiBold.woff2 +0 -0
  122. package/dist/static/fonts/dsa/Mulish-300.woff +0 -0
  123. package/dist/static/fonts/dsa/Mulish-300.woff2 +0 -0
  124. package/dist/static/fonts/dsa/Mulish-600.woff +0 -0
  125. package/dist/static/fonts/dsa/Mulish-600.woff2 +0 -0
  126. package/dist/static/fonts/dsa/Mulish-800.woff +0 -0
  127. package/dist/static/fonts/dsa/Mulish-800.woff2 +0 -0
  128. package/dist/static/fonts/dsa/Mulish-Regular.woff +0 -0
  129. package/dist/static/fonts/dsa/Mulish-Regular.woff2 +0 -0
  130. package/dist/static/img/bg-color-swatch.png +0 -0
  131. package/dist/static/img/screenshots/blog-blog-aside--default.png +0 -0
  132. package/dist/static/img/screenshots/blog-blog-author--default.png +0 -0
  133. package/dist/static/img/screenshots/blog-blog-head--default.png +0 -0
  134. package/dist/static/img/screenshots/blog-blog-teaser--default.png +0 -0
  135. package/dist/static/img/screenshots/components-button--primary-button.png +0 -0
  136. package/dist/static/img/screenshots/components-button--primary-disabled-button.png +0 -0
  137. package/dist/static/img/screenshots/components-button--secondary-button.png +0 -0
  138. package/dist/static/img/screenshots/components-button--tertiary-button.png +0 -0
  139. package/dist/static/img/screenshots/components-contact--circular-avatar.png +0 -0
  140. package/dist/static/img/screenshots/components-contact--full-image-width.png +0 -0
  141. package/dist/static/img/screenshots/components-contact--vertical-image-with-paragraph.png +0 -0
  142. package/dist/static/img/screenshots/components-contact--wide-image.png +0 -0
  143. package/dist/static/img/screenshots/components-cta--align-bottom.png +0 -0
  144. package/dist/static/img/screenshots/components-cta--angled-image.png +0 -0
  145. package/dist/static/img/screenshots/components-cta--banner.png +0 -0
  146. package/dist/static/img/screenshots/components-cta--colored-banner.png +0 -0
  147. package/dist/static/img/screenshots/components-cta--contact-banner.png +0 -0
  148. package/dist/static/img/screenshots/components-cta--highlighted.png +0 -0
  149. package/dist/static/img/screenshots/components-cta--left-aligned.png +0 -0
  150. package/dist/static/img/screenshots/components-cta--product-advertisement.png +0 -0
  151. package/dist/static/img/screenshots/components-cta--split-banner.png +0 -0
  152. package/dist/static/img/screenshots/components-faq--dropdown-list.png +0 -0
  153. package/dist/static/img/screenshots/components-faq--single-dropdown.png +0 -0
  154. package/dist/static/img/screenshots/components-features--icon-beside-with-link-in-text.png +0 -0
  155. package/dist/static/img/screenshots/components-features--icon-centered.png +0 -0
  156. package/dist/static/img/screenshots/components-features--icon-intext-with-link.png +0 -0
  157. package/dist/static/img/screenshots/components-features--list-view.png +0 -0
  158. package/dist/static/img/screenshots/components-features--stack-with-button.png +0 -0
  159. package/dist/static/img/screenshots/components-gallery--free-aspect-ratio.png +0 -0
  160. package/dist/static/img/screenshots/components-gallery--large-landscape-tiles.png +0 -0
  161. package/dist/static/img/screenshots/components-gallery--small-squares-with-lightbox.png +0 -0
  162. package/dist/static/img/screenshots/components-gallery--stack-landscape.png +0 -0
  163. package/dist/static/img/screenshots/components-headline--h-1.png +0 -0
  164. package/dist/static/img/screenshots/components-headline--h-2.png +0 -0
  165. package/dist/static/img/screenshots/components-headline--h-3.png +0 -0
  166. package/dist/static/img/screenshots/components-headline--h-4.png +0 -0
  167. package/dist/static/img/screenshots/components-headline--order-swapped.png +0 -0
  168. package/dist/static/img/screenshots/components-headline--with-markdown.png +0 -0
  169. package/dist/static/img/screenshots/components-headline--with-subheadline.png +0 -0
  170. package/dist/static/img/screenshots/components-hero--text-below-image.png +0 -0
  171. package/dist/static/img/screenshots/components-hero--text-box-on-full-screen.png +0 -0
  172. package/dist/static/img/screenshots/components-hero--text-on-image-with-overlay.png +0 -0
  173. package/dist/static/img/screenshots/components-html--html.png +0 -0
  174. package/dist/static/img/screenshots/components-html--with-consent.png +0 -0
  175. package/dist/static/img/screenshots/components-html--with-script.png +0 -0
  176. package/dist/static/img/screenshots/components-image-story--sticky-image-next-to-scrolling-text.png +0 -0
  177. package/dist/static/img/screenshots/components-image-text--above-layout.png +0 -0
  178. package/dist/static/img/screenshots/components-image-text--beside-right-layout.png +0 -0
  179. package/dist/static/img/screenshots/components-logos--centered-with-button.png +0 -0
  180. package/dist/static/img/screenshots/components-logos--left-aligned-with-text-link.png +0 -0
  181. package/dist/static/img/screenshots/components-logos--logo-row.png +0 -0
  182. package/dist/static/img/screenshots/components-logos--logo-wall.png +0 -0
  183. package/dist/static/img/screenshots/components-mosaic--colorful-text-with-illustrations.png +0 -0
  184. package/dist/static/img/screenshots/components-mosaic--colorful-tiles.png +0 -0
  185. package/dist/static/img/screenshots/components-stats--count-up-with-description.png +0 -0
  186. package/dist/static/img/screenshots/components-stats--count-up-with-icons.png +0 -0
  187. package/dist/static/img/screenshots/components-teaser-card--page-navigation.png +0 -0
  188. package/dist/static/img/screenshots/components-teaser-card--product-tiles.png +0 -0
  189. package/dist/static/img/screenshots/components-teaser-card--showcase-preview.png +0 -0
  190. package/dist/static/img/screenshots/components-testimonials--alternating-layout.png +0 -0
  191. package/dist/static/img/screenshots/components-testimonials--list-layout.png +0 -0
  192. package/dist/static/img/screenshots/components-testimonials--simple.png +0 -0
  193. package/dist/static/img/screenshots/components-testimonials--slider-layout.png +0 -0
  194. package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
  195. package/dist/static/img/screenshots/components-testimonials--with-title.png +0 -0
  196. package/dist/static/img/screenshots/components-text--centered.png +0 -0
  197. package/dist/static/img/screenshots/components-text--highlight.png +0 -0
  198. package/dist/static/img/screenshots/components-text--multi-column.png +0 -0
  199. package/dist/static/img/screenshots/components-text--single-column.png +0 -0
  200. package/dist/static/img/screenshots/components-video-curtain--atmospheric-video-with-overlay.png +0 -0
  201. package/dist/static/img/screenshots/components-video-curtain--color-neutral-text.png +0 -0
  202. package/dist/static/img/screenshots/components-video-curtain--color-neutral-video.png +0 -0
  203. package/dist/static/img/screenshots/corporate-breadcrumb--default.png +0 -0
  204. package/dist/static/img/screenshots/corporate-business-card--centered.png +0 -0
  205. package/dist/static/img/screenshots/corporate-business-card--default.png +0 -0
  206. package/dist/static/img/screenshots/corporate-business-card--without-image.png +0 -0
  207. package/dist/static/img/screenshots/corporate-content-nav--default.png +0 -0
  208. package/dist/static/img/screenshots/corporate-cookie-consent--banner.png +0 -0
  209. package/dist/static/img/screenshots/corporate-cookie-consent--c-15-t.png +0 -0
  210. package/dist/static/img/screenshots/corporate-cookie-consent--card.png +0 -0
  211. package/dist/static/img/screenshots/corporate-downloads--complete.png +0 -0
  212. package/dist/static/img/screenshots/corporate-downloads--description-only.png +0 -0
  213. package/dist/static/img/screenshots/corporate-downloads--mixed.png +0 -0
  214. package/dist/static/img/screenshots/corporate-downloads--technical-details-only.png +0 -0
  215. package/dist/static/img/screenshots/corporate-pagination--default.png +0 -0
  216. package/dist/static/img/screenshots/corporate-search-bar--default.png +0 -0
  217. package/dist/static/img/screenshots/corporate-search-filter--default.png +0 -0
  218. package/dist/static/img/screenshots/corporate-search-form--pagefind.png +0 -0
  219. package/dist/static/img/screenshots/corporate-search-modal--pagefind.png +0 -0
  220. package/dist/static/img/screenshots/corporate-search-result--default.png +0 -0
  221. package/dist/static/img/screenshots/event-event-filter--default.png +0 -0
  222. package/dist/static/img/screenshots/event-event-header--default.png +0 -0
  223. package/dist/static/img/screenshots/event-event-latest--default.png +0 -0
  224. package/dist/static/img/screenshots/event-event-latest-teaser--default.png +0 -0
  225. package/dist/static/img/screenshots/event-event-list-teaser--default.png +0 -0
  226. package/dist/static/img/screenshots/event-event-location--default.png +0 -0
  227. package/dist/static/img/screenshots/event-event-login--default.png +0 -0
  228. package/dist/static/img/screenshots/event-event-registration--default.png +0 -0
  229. package/dist/static/img/screenshots/form-checkbox--default.png +0 -0
  230. package/dist/static/img/screenshots/form-radio--default.png +0 -0
  231. package/dist/static/img/screenshots/form-select-field--default.png +0 -0
  232. package/dist/static/img/screenshots/form-text-area--default.png +0 -0
  233. package/dist/static/img/screenshots/form-text-field--default.png +0 -0
  234. package/dist/static/img/screenshots/layout-divider--accent.png +0 -0
  235. package/dist/static/img/screenshots/layout-divider--default.png +0 -0
  236. package/dist/static/img/screenshots/layout-footer--footer.png +0 -0
  237. package/dist/static/img/screenshots/layout-header--header.png +0 -0
  238. package/dist/static/img/screenshots/layout-section--accent-background.png +0 -0
  239. package/dist/static/img/screenshots/layout-section--background-image.png +0 -0
  240. package/dist/static/img/screenshots/layout-section--bold-background.png +0 -0
  241. package/dist/static/img/screenshots/layout-section--dynamic-layout.png +0 -0
  242. package/dist/static/img/screenshots/layout-section--framed.png +0 -0
  243. package/dist/static/img/screenshots/layout-section--inverted.png +0 -0
  244. package/dist/static/img/screenshots/layout-section--list-layout.png +0 -0
  245. package/dist/static/img/screenshots/layout-section--slider.png +0 -0
  246. package/dist/static/img/screenshots/layout-section--tile-layout.png +0 -0
  247. package/dist/static/img/screenshots/layout-section--with-buttons.png +0 -0
  248. package/dist/static/img/screenshots/layout-slider--with-arrows.png +0 -0
  249. package/dist/static/img/screenshots/layout-slider--with-autoplay.png +0 -0
  250. package/dist/static/img/screenshots/layout-slider--with-nav.png +0 -0
  251. package/dist/static/img/screenshots/layout-slider--with-teased-neighbours.png +0 -0
  252. package/dist/static/img/screenshots/layout-split-even--faq-with-form.png +0 -0
  253. package/dist/static/img/screenshots/layout-split-even--text-with-logos.png +0 -0
  254. package/dist/static/img/screenshots/layout-split-weighted--text-with-contact.png +0 -0
  255. package/dist/static/img/screenshots/layout-split-weighted--text-with-teaser.png +0 -0
  256. package/dist/static/img/screenshots/page-archetypes-about--about.png +0 -0
  257. package/dist/static/img/screenshots/page-archetypes-blog-overview--blog-overview.png +0 -0
  258. package/dist/static/img/screenshots/page-archetypes-blog-post--blog-post.png +0 -0
  259. package/dist/static/img/screenshots/page-archetypes-event-detail--event-detail.png +0 -0
  260. package/dist/static/img/screenshots/page-archetypes-event-list--event-list.png +0 -0
  261. package/dist/static/img/screenshots/page-archetypes-job-detail--job-detail.png +0 -0
  262. package/dist/static/img/screenshots/page-archetypes-jobs--jobs.png +0 -0
  263. package/dist/static/img/screenshots/page-archetypes-landingpage--landingpage.png +0 -0
  264. package/dist/static/img/screenshots/page-archetypes-overview--overview.png +0 -0
  265. package/dist/static/img/screenshots/page-archetypes-search--search.png +0 -0
  266. package/dist/static/img/screenshots/page-archetypes-showcase--showcase.png +0 -0
  267. package/dist/static/logo.svg +13 -57
  268. package/dist/tokens/themes.css +20 -20
  269. package/dist/tokens/tokens.css +359 -360
  270. package/dist/tokens/tokens.js +540 -541
  271. package/package.json +7 -4
  272. package/dist/SearchResultProps-224c2338.d.ts +0 -33
  273. package/dist/components/page-wrapper/tokens.css +0 -2480
  274. package/dist/static/fonts/dsa/permanent-marker-regular.woff2 +0 -0
  275. package/dist/static/fonts/dsa/wix-madefor-display-600.woff2 +0 -0
  276. package/dist/static/fonts/dsa/wix-madefor-display-700.woff2 +0 -0
  277. package/dist/static/fonts/dsa/wix-madefor-display-regular.woff2 +0 -0
  278. package/dist/static/fonts/dsa/wix-madefor-text-500.woff2 +0 -0
  279. package/dist/static/fonts/dsa/wix-madefor-text-600.woff2 +0 -0
  280. package/dist/static/fonts/dsa/wix-madefor-text-700.woff2 +0 -0
  281. package/dist/static/fonts/dsa/wix-madefor-text-regular.woff2 +0 -0
  282. package/dist/static/img/screenshots/components-image--custom-aspect-ratio.png +0 -0
  283. package/dist/static/img/screenshots/components-image--preset-size.png +0 -0
  284. package/dist/static/img/screenshots/components-image--responsive-image.png +0 -0
  285. package/dist/static/img/screenshots/layout-section--cards.png +0 -0
  286. package/dist/static/img/screenshots/layout-section--colorful-gradient.png +0 -0
  287. package/dist/static/img/screenshots/layout-section--flex-layout.png +0 -0
  288. package/dist/static/img/screenshots/layout-section--spotlight.png +0 -0
  289. package/dist/static/img/screenshots/layout-section--stagelights.png +0 -0
  290. package/dist/static/img/screenshots/pages-archetypes--blog-overview.png +0 -0
  291. package/dist/static/img/screenshots/pages-archetypes--blog-post.png +0 -0
  292. package/dist/static/img/screenshots/pages-archetypes--content.png +0 -0
  293. package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
  294. package/dist/static/img/screenshots/pages-archetypes--start.png +0 -0
  295. package/dist/static/taktsoft-energy/preview.gif +0 -0
@@ -1,2480 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Thu, 27 Nov 2025 19:58:35 GMT
4
- */
5
- :root, [ks-theme] {
6
- --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
7
- --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-9-base);
8
- --ks-background-color-bold-base: var(--ks-color-primary-to-bg-7-base);
9
- --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-7-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-6-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-bg-base);
35
- --ks-background-color-card-interactive-base: var(--ks-color-bg-base);
36
- --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
37
- --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
38
- --ks-background-color-card-interactive-active-base: var(--ks-color-fg-alpha-9-base);
39
- --ks-background-color-card-interactive-selected-base: var(--ks-color-primary-base);
40
- --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
41
- --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-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-inverted-base);
119
- --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
120
- --ks-border-color-interface-base: var(--ks-color-fg-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-fg-alpha-5-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-7-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.2;
216
- --ks-box-shadow-opacity-card-hover: 0.3;
217
- --ks-box-shadow-opacity-card-inverted: 0.2;
218
- --ks-box-shadow-opacity-card-inverted-hover: 0.3;
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(13,17,23,var(--ks-box-shadow-opacity-control));
224
- --ks-box-shadow-color-control-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-control-hover));
225
- --ks-box-shadow-color-control-inverted: rgba(13,17,23,var(--ks-box-shadow-opacity-control-inverted));
226
- --ks-box-shadow-color-control-inverted-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-control-inverted-hover));
227
- --ks-box-shadow-color-card: rgba(13,17,23,var(--ks-box-shadow-opacity-card));
228
- --ks-box-shadow-color-card-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-card-hover));
229
- --ks-box-shadow-color-card-inverted: rgba(13,17,23,var(--ks-box-shadow-opacity-card-inverted));
230
- --ks-box-shadow-color-card-inverted-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-card-inverted-hover));
231
- --ks-box-shadow-color-surface: rgba(13,17,23,var(--ks-box-shadow-opacity-surface));
232
- --ks-box-shadow-color-surface-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-surface-hover));
233
- --ks-box-shadow-color-surface-inverted: rgba(13,17,23,var(--ks-box-shadow-opacity-surface-inverted));
234
- --ks-box-shadow-color-surface-inverted-hover: rgba(13,17,23,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: #0d1117;
248
- --ks-color-fg-alpha-1-base: rgba(13,17,23,.95);
249
- --ks-color-fg-alpha-2-base: rgba(13,17,23,.87);
250
- --ks-color-fg-alpha-3-base: rgba(13,17,23,.76);
251
- --ks-color-fg-alpha-4-base: rgba(13,17,23,.63);
252
- --ks-color-fg-alpha-5-base: rgba(13,17,23,.5);
253
- --ks-color-fg-alpha-6-base: rgba(13,17,23,.37);
254
- --ks-color-fg-alpha-7-base: rgba(13,17,23,.24);
255
- --ks-color-fg-alpha-8-base: rgba(13,17,23,.13);
256
- --ks-color-fg-alpha-9-base: rgba(13,17,23,.05);
257
- --ks-color-fg-to-bg-1-base: #191d23;
258
- --ks-color-fg-to-bg-2-base: #2c3035;
259
- --ks-color-fg-to-bg-3-base: #474a4f;
260
- --ks-color-fg-to-bg-4-base: #67696d;
261
- --ks-color-fg-to-bg-5-base: #86888b;
262
- --ks-color-fg-to-bg-6-base: #a5a7a9;
263
- --ks-color-fg-to-bg-7-base: #c5c6c7;
264
- --ks-color-fg-to-bg-8-base: #e0e0e1;
265
- --ks-color-fg-to-bg-9-base: #f3f3f3;
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: #f3f3f3;
296
- --ks-color-bg-to-fg-2-base: #e0e0e1;
297
- --ks-color-bg-to-fg-3-base: #c5c6c7;
298
- --ks-color-bg-to-fg-4-base: #a5a7a9;
299
- --ks-color-bg-to-fg-5-base: #86888b;
300
- --ks-color-bg-to-fg-6-base: #67696d;
301
- --ks-color-bg-to-fg-7-base: #474a4f;
302
- --ks-color-bg-to-fg-8-base: #2c3035;
303
- --ks-color-bg-to-fg-9-base: #191d23;
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: #00a9ae;
325
- --ks-color-primary-alpha-1-base: rgba(0,169,174,.95);
326
- --ks-color-primary-alpha-2-base: rgba(0,169,174,.87);
327
- --ks-color-primary-alpha-3-base: rgba(0,169,174,.76);
328
- --ks-color-primary-alpha-4-base: rgba(0,169,174,.63);
329
- --ks-color-primary-alpha-5-base: rgba(0,169,174,.5);
330
- --ks-color-primary-alpha-6-base: rgba(0,169,174,.37);
331
- --ks-color-primary-alpha-7-base: rgba(0,169,174,.24);
332
- --ks-color-primary-alpha-8-base: rgba(0,169,174,.13);
333
- --ks-color-primary-alpha-9-base: rgba(0,169,174,.05);
334
- --ks-color-primary-to-bg-1-base: #0dadb2;
335
- --ks-color-primary-to-bg-2-base: #21b4b9;
336
- --ks-color-primary-to-bg-3-base: #3dbec1;
337
- --ks-color-primary-to-bg-4-base: #5ec9cc;
338
- --ks-color-primary-to-bg-5-base: #80d4d7;
339
- --ks-color-primary-to-bg-6-base: #a1dfe1;
340
- --ks-color-primary-to-bg-7-base: #c2eaec;
341
- --ks-color-primary-to-bg-8-base: #def4f4;
342
- --ks-color-primary-to-bg-9-base: #f2fbfb;
343
- --ks-color-primary-to-fg-1-base: #01a1a6;
344
- --ks-color-primary-to-fg-2-base: #02959a;
345
- --ks-color-primary-to-fg-3-base: #03858a;
346
- --ks-color-primary-to-fg-4-base: #057176;
347
- --ks-color-primary-to-fg-5-base: #075d63;
348
- --ks-color-primary-to-fg-6-base: #08494f;
349
- --ks-color-primary-to-fg-7-base: #0a353b;
350
- --ks-color-primary-to-fg-8-base: #0b252b;
351
- --ks-color-primary-to-fg-9-base: #0c191f;
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: #0d1117;
381
- --ks-color-link-alpha-1-base: rgba(13,17,23,.95);
382
- --ks-color-link-alpha-2-base: rgba(13,17,23,.87);
383
- --ks-color-link-alpha-3-base: rgba(13,17,23,.76);
384
- --ks-color-link-alpha-4-base: rgba(13,17,23,.63);
385
- --ks-color-link-alpha-5-base: rgba(13,17,23,.5);
386
- --ks-color-link-alpha-6-base: rgba(13,17,23,.37);
387
- --ks-color-link-alpha-7-base: rgba(13,17,23,.24);
388
- --ks-color-link-alpha-8-base: rgba(13,17,23,.13);
389
- --ks-color-link-alpha-9-base: rgba(13,17,23,.05);
390
- --ks-color-link-to-bg-1-base: #191d23;
391
- --ks-color-link-to-bg-2-base: #2c3035;
392
- --ks-color-link-to-bg-3-base: #474a4f;
393
- --ks-color-link-to-bg-4-base: #67696d;
394
- --ks-color-link-to-bg-5-base: #86888b;
395
- --ks-color-link-to-bg-6-base: #a5a7a9;
396
- --ks-color-link-to-bg-7-base: #c5c6c7;
397
- --ks-color-link-to-bg-8-base: #e0e0e1;
398
- --ks-color-link-to-bg-9-base: #f3f3f3;
399
- --ks-color-link-to-fg-1-base: #0d1117;
400
- --ks-color-link-to-fg-2-base: #0d1117;
401
- --ks-color-link-to-fg-3-base: #0d1117;
402
- --ks-color-link-to-fg-4-base: #0d1117;
403
- --ks-color-link-to-fg-5-base: #0d1117;
404
- --ks-color-link-to-fg-6-base: #0d1117;
405
- --ks-color-link-to-fg-7-base: #0d1117;
406
- --ks-color-link-to-fg-8-base: #0d1117;
407
- --ks-color-link-to-fg-9-base: #0d1117;
408
- --ks-color-link-inverted-base: #fff;
409
- --ks-color-link-inverted-alpha-1-base: hsla(0,0%,100%,.95);
410
- --ks-color-link-inverted-alpha-2-base: hsla(0,0%,100%,.87);
411
- --ks-color-link-inverted-alpha-3-base: hsla(0,0%,100%,.76);
412
- --ks-color-link-inverted-alpha-4-base: hsla(0,0%,100%,.63);
413
- --ks-color-link-inverted-alpha-5-base: hsla(0,0%,100%,.5);
414
- --ks-color-link-inverted-alpha-6-base: hsla(0,0%,100%,.37);
415
- --ks-color-link-inverted-alpha-7-base: hsla(0,0%,100%,.24);
416
- --ks-color-link-inverted-alpha-8-base: hsla(0,0%,100%,.13);
417
- --ks-color-link-inverted-alpha-9-base: hsla(0,0%,100%,.05);
418
- --ks-color-link-inverted-to-bg-1-base: #f3f4f5;
419
- --ks-color-link-inverted-to-bg-2-base: #e0e2e6;
420
- --ks-color-link-inverted-to-bg-3-base: #c5c9d1;
421
- --ks-color-link-inverted-to-bg-4-base: #a6acb8;
422
- --ks-color-link-inverted-to-bg-5-base: #87909f;
423
- --ks-color-link-inverted-to-bg-6-base: #687385;
424
- --ks-color-link-inverted-to-bg-7-base: #49566c;
425
- --ks-color-link-inverted-to-bg-8-base: #2e3d57;
426
- --ks-color-link-inverted-to-bg-9-base: #1b2b48;
427
- --ks-color-link-inverted-to-fg-1-base: #fff;
428
- --ks-color-link-inverted-to-fg-2-base: #fff;
429
- --ks-color-link-inverted-to-fg-3-base: #fff;
430
- --ks-color-link-inverted-to-fg-4-base: #fff;
431
- --ks-color-link-inverted-to-fg-5-base: #fff;
432
- --ks-color-link-inverted-to-fg-6-base: #fff;
433
- --ks-color-link-inverted-to-fg-7-base: #fff;
434
- --ks-color-link-inverted-to-fg-8-base: #fff;
435
- --ks-color-link-inverted-to-fg-9-base: #fff;
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: #20741a;
457
- --ks-color-positive-to-fg-3-base: #1e681a;
458
- --ks-color-positive-to-fg-4-base: #1b591a;
459
- --ks-color-positive-to-fg-5-base: #184a19;
460
- --ks-color-positive-to-fg-6-base: #153b18;
461
- --ks-color-positive-to-fg-7-base: #122c18;
462
- --ks-color-positive-to-fg-8-base: #102018;
463
- --ks-color-positive-to-fg-9-base: #0e1717;
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: #00718f;
493
- --ks-color-informative-alpha-1-base: rgba(0,113,143,.95);
494
- --ks-color-informative-alpha-2-base: rgba(0,113,143,.87);
495
- --ks-color-informative-alpha-3-base: rgba(0,113,143,.76);
496
- --ks-color-informative-alpha-4-base: rgba(0,113,143,.63);
497
- --ks-color-informative-alpha-5-base: rgba(0,113,143,.5);
498
- --ks-color-informative-alpha-6-base: rgba(0,113,143,.37);
499
- --ks-color-informative-alpha-7-base: rgba(0,113,143,.24);
500
- --ks-color-informative-alpha-8-base: rgba(0,113,143,.13);
501
- --ks-color-informative-alpha-9-base: rgba(0,113,143,.05);
502
- --ks-color-informative-to-bg-1-base: #0d7895;
503
- --ks-color-informative-to-bg-2-base: #21839e;
504
- --ks-color-informative-to-bg-3-base: #3d93aa;
505
- --ks-color-informative-to-bg-4-base: #5ea6b8;
506
- --ks-color-informative-to-bg-5-base: #80b8c7;
507
- --ks-color-informative-to-bg-6-base: #a1cad6;
508
- --ks-color-informative-to-bg-7-base: #c2dde4;
509
- --ks-color-informative-to-bg-8-base: #deedf0;
510
- --ks-color-informative-to-bg-9-base: #f2f8f9;
511
- --ks-color-informative-to-fg-1-base: #016c89;
512
- --ks-color-informative-to-fg-2-base: #02657f;
513
- --ks-color-informative-to-fg-3-base: #035a72;
514
- --ks-color-informative-to-fg-4-base: #054d63;
515
- --ks-color-informative-to-fg-5-base: #074153;
516
- --ks-color-informative-to-fg-6-base: #083543;
517
- --ks-color-informative-to-fg-7-base: #0a2834;
518
- --ks-color-informative-to-fg-8-base: #0b1d27;
519
- --ks-color-informative-to-fg-9-base: #0c161d;
520
- --ks-color-informative-inverted-base: #64c2db;
521
- --ks-color-informative-inverted-alpha-1-base: rgba(100,194,219,.95);
522
- --ks-color-informative-inverted-alpha-2-base: rgba(100,194,219,.87);
523
- --ks-color-informative-inverted-alpha-3-base: rgba(100,194,219,.76);
524
- --ks-color-informative-inverted-alpha-4-base: rgba(100,194,219,.63);
525
- --ks-color-informative-inverted-alpha-5-base: rgba(100,194,219,.5);
526
- --ks-color-informative-inverted-alpha-6-base: rgba(100,194,219,.37);
527
- --ks-color-informative-inverted-alpha-7-base: rgba(100,194,219,.24);
528
- --ks-color-informative-inverted-alpha-8-base: rgba(100,194,219,.13);
529
- --ks-color-informative-inverted-alpha-9-base: rgba(100,194,219,.05);
530
- --ks-color-informative-inverted-to-bg-1-base: #60bad3;
531
- --ks-color-informative-inverted-to-bg-2-base: #59adc7;
532
- --ks-color-informative-inverted-to-bg-3-base: #509bb5;
533
- --ks-color-informative-inverted-to-bg-4-base: #4586a1;
534
- --ks-color-informative-inverted-to-bg-5-base: #3a718d;
535
- --ks-color-informative-inverted-to-bg-6-base: #2e5c78;
536
- --ks-color-informative-inverted-to-bg-7-base: #234764;
537
- --ks-color-informative-inverted-to-bg-8-base: #1a3552;
538
- --ks-color-informative-inverted-to-bg-9-base: #132846;
539
- --ks-color-informative-inverted-to-fg-1-base: #6cc5dd;
540
- --ks-color-informative-inverted-to-fg-2-base: #78cae0;
541
- --ks-color-informative-inverted-to-fg-3-base: #89d1e4;
542
- --ks-color-informative-inverted-to-fg-4-base: #9dd9e8;
543
- --ks-color-informative-inverted-to-fg-5-base: #b2e1ed;
544
- --ks-color-informative-inverted-to-fg-6-base: #c6e8f2;
545
- --ks-color-informative-inverted-to-fg-7-base: #daf0f6;
546
- --ks-color-informative-inverted-to-fg-8-base: #ebf7fa;
547
- --ks-color-informative-inverted-to-fg-9-base: #f7fcfd;
548
- --ks-color-notice-base: #ff5d53;
549
- --ks-color-notice-alpha-1-base: rgba(255,93,83,.95);
550
- --ks-color-notice-alpha-2-base: rgba(255,93,83,.87);
551
- --ks-color-notice-alpha-3-base: rgba(255,93,83,.76);
552
- --ks-color-notice-alpha-4-base: rgba(255,93,83,.63);
553
- --ks-color-notice-alpha-5-base: rgba(255,93,83,.5);
554
- --ks-color-notice-alpha-6-base: rgba(255,93,83,.37);
555
- --ks-color-notice-alpha-7-base: rgba(255,93,83,.24);
556
- --ks-color-notice-alpha-8-base: rgba(255,93,83,.13);
557
- --ks-color-notice-alpha-9-base: rgba(255,93,83,.05);
558
- --ks-color-notice-to-bg-1-base: #ff655c;
559
- --ks-color-notice-to-bg-2-base: #ff7269;
560
- --ks-color-notice-to-bg-3-base: #ff847c;
561
- --ks-color-notice-to-bg-4-base: #ff9993;
562
- --ks-color-notice-to-bg-5-base: #ffaea9;
563
- --ks-color-notice-to-bg-6-base: #ffc3bf;
564
- --ks-color-notice-to-bg-7-base: #ffd8d6;
565
- --ks-color-notice-to-bg-8-base: #ffeae9;
566
- --ks-color-notice-to-bg-9-base: #fff7f6;
567
- --ks-color-notice-to-fg-1-base: #f35950;
568
- --ks-color-notice-to-fg-2-base: #e0534b;
569
- --ks-color-notice-to-fg-3-base: #c54b45;
570
- --ks-color-notice-to-fg-4-base: #a5413d;
571
- --ks-color-notice-to-fg-5-base: #863735;
572
- --ks-color-notice-to-fg-6-base: #672d2d;
573
- --ks-color-notice-to-fg-7-base: #472325;
574
- --ks-color-notice-to-fg-8-base: #2c1b1f;
575
- --ks-color-notice-to-fg-9-base: #19151a;
576
- --ks-color-notice-inverted-base: #f9de55;
577
- --ks-color-notice-inverted-alpha-1-base: rgba(249,222,85,.95);
578
- --ks-color-notice-inverted-alpha-2-base: rgba(249,222,85,.87);
579
- --ks-color-notice-inverted-alpha-3-base: rgba(249,222,85,.76);
580
- --ks-color-notice-inverted-alpha-4-base: rgba(249,222,85,.63);
581
- --ks-color-notice-inverted-alpha-5-base: rgba(249,222,85,.5);
582
- --ks-color-notice-inverted-alpha-6-base: rgba(249,222,85,.37);
583
- --ks-color-notice-inverted-alpha-7-base: rgba(249,222,85,.24);
584
- --ks-color-notice-inverted-alpha-8-base: rgba(249,222,85,.13);
585
- --ks-color-notice-inverted-alpha-9-base: rgba(249,222,85,.05);
586
- --ks-color-notice-inverted-to-bg-1-base: #edd554;
587
- --ks-color-notice-inverted-to-bg-2-base: #dbc552;
588
- --ks-color-notice-inverted-to-bg-3-base: #c1b04f;
589
- --ks-color-notice-inverted-to-bg-4-base: #a2984c;
590
- --ks-color-notice-inverted-to-bg-5-base: #847f4a;
591
- --ks-color-notice-inverted-to-bg-6-base: #666647;
592
- --ks-color-notice-inverted-to-bg-7-base: #474e44;
593
- --ks-color-notice-inverted-to-bg-8-base: #2d3941;
594
- --ks-color-notice-inverted-to-bg-9-base: #1b2a3f;
595
- --ks-color-notice-inverted-to-fg-1-base: #f9e05e;
596
- --ks-color-notice-inverted-to-fg-2-base: #fae26b;
597
- --ks-color-notice-inverted-to-fg-3-base: #fae67e;
598
- --ks-color-notice-inverted-to-fg-4-base: #fbea94;
599
- --ks-color-notice-inverted-to-fg-5-base: #fcefaa;
600
- --ks-color-notice-inverted-to-fg-6-base: #fdf3c0;
601
- --ks-color-notice-inverted-to-fg-7-base: #fef7d6;
602
- --ks-color-notice-inverted-to-fg-8-base: #fefbe9;
603
- --ks-color-notice-inverted-to-fg-9-base: #fffdf7;
604
- --ks-color-negative-base: #d21d48;
605
- --ks-color-negative-alpha-1-base: rgba(210,29,72,.95);
606
- --ks-color-negative-alpha-2-base: rgba(210,29,72,.87);
607
- --ks-color-negative-alpha-3-base: rgba(210,29,72,.76);
608
- --ks-color-negative-alpha-4-base: rgba(210,29,72,.63);
609
- --ks-color-negative-alpha-5-base: rgba(210,29,72,.5);
610
- --ks-color-negative-alpha-6-base: rgba(210,29,72,.37);
611
- --ks-color-negative-alpha-7-base: rgba(210,29,72,.24);
612
- --ks-color-negative-alpha-8-base: rgba(210,29,72,.13);
613
- --ks-color-negative-alpha-9-base: rgba(210,29,72,.05);
614
- --ks-color-negative-to-bg-1-base: #d42851;
615
- --ks-color-negative-to-bg-2-base: #d83a60;
616
- --ks-color-negative-to-bg-3-base: #dd5374;
617
- --ks-color-negative-to-bg-4-base: #e3718c;
618
- --ks-color-negative-to-bg-5-base: #e98ea4;
619
- --ks-color-negative-to-bg-6-base: #eeabbb;
620
- --ks-color-negative-to-bg-7-base: #f4c9d3;
621
- --ks-color-negative-to-bg-8-base: #f9e2e7;
622
- --ks-color-negative-to-bg-9-base: #fdf4f6;
623
- --ks-color-negative-to-fg-1-base: #c81c46;
624
- --ks-color-negative-to-fg-2-base: #b81b42;
625
- --ks-color-negative-to-fg-3-base: #a31a3c;
626
- --ks-color-negative-to-fg-4-base: #891936;
627
- --ks-color-negative-to-fg-5-base: #701730;
628
- --ks-color-negative-to-fg-6-base: #561529;
629
- --ks-color-negative-to-fg-7-base: #3c1423;
630
- --ks-color-negative-to-fg-8-base: #27131d;
631
- --ks-color-negative-to-fg-9-base: #171219;
632
- --ks-color-negative-inverted-base: #ff1a57;
633
- --ks-color-negative-inverted-alpha-1-base: rgba(255,26,87,.95);
634
- --ks-color-negative-inverted-alpha-2-base: rgba(255,26,87,.87);
635
- --ks-color-negative-inverted-alpha-3-base: rgba(255,26,87,.76);
636
- --ks-color-negative-inverted-alpha-4-base: rgba(255,26,87,.63);
637
- --ks-color-negative-inverted-alpha-5-base: rgba(255,26,87,.5);
638
- --ks-color-negative-inverted-alpha-6-base: rgba(255,26,87,.37);
639
- --ks-color-negative-inverted-alpha-7-base: rgba(255,26,87,.24);
640
- --ks-color-negative-inverted-alpha-8-base: rgba(255,26,87,.13);
641
- --ks-color-negative-inverted-alpha-9-base: rgba(255,26,87,.05);
642
- --ks-color-negative-inverted-to-bg-1-base: #f31a56;
643
- --ks-color-negative-inverted-to-bg-2-base: #e01b54;
644
- --ks-color-negative-inverted-to-bg-3-base: #c51b51;
645
- --ks-color-negative-inverted-to-bg-4-base: #a61c4e;
646
- --ks-color-negative-inverted-to-bg-5-base: #871d4b;
647
- --ks-color-negative-inverted-to-bg-6-base: #681e47;
648
- --ks-color-negative-inverted-to-bg-7-base: #491f44;
649
- --ks-color-negative-inverted-to-bg-8-base: #2e1f41;
650
- --ks-color-negative-inverted-to-bg-9-base: #1b203f;
651
- --ks-color-negative-inverted-to-fg-1-base: #ff255f;
652
- --ks-color-negative-inverted-to-fg-2-base: #ff386d;
653
- --ks-color-negative-inverted-to-fg-3-base: #ff517f;
654
- --ks-color-negative-inverted-to-fg-4-base: #ff6f95;
655
- --ks-color-negative-inverted-to-fg-5-base: #ff8dab;
656
- --ks-color-negative-inverted-to-fg-6-base: #ffaac1;
657
- --ks-color-negative-inverted-to-fg-7-base: #ffc8d7;
658
- --ks-color-negative-inverted-to-fg-8-base: #ffe1e9;
659
- --ks-color-negative-inverted-to-fg-9-base: #fff4f7;
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-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-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-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-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-4-base);
766
- --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-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-inverted-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-slow) 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: "Wix Madefor Display", Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
848
- --ks-font-family-copy: "Wix Madefor Text", 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: "Wix Madefor Text", 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-medium: 500;
854
- --ks-font-weight-semi-bold: 600;
855
- --ks-font-weight-bold: 700;
856
- --ks-font-size-display-bp-factor-phone: 1;
857
- --ks-font-size-display-bp-factor-tablet: 1.125;
858
- --ks-font-size-display-bp-factor-laptop: 1.25;
859
- --ks-font-size-display-bp-factor-desktop: 1.35;
860
- --ks-font-size-display-xxs-base: 0.512rem;
861
- --ks-font-size-display-xs-base: 0.64rem;
862
- --ks-font-size-display-s-base: 0.8rem;
863
- --ks-font-size-display-m-base: 1rem;
864
- --ks-font-size-display-l-base: 1.25rem;
865
- --ks-font-size-display-xl-base: 1.5625rem;
866
- --ks-font-size-display-xxl-base: 1.9531rem;
867
- --ks-font-size-copy-bp-factor-tablet: 1.125;
868
- --ks-font-size-copy-xxs-base: 0.6164rem;
869
- --ks-font-size-copy-xs-base: 0.7243rem;
870
- --ks-font-size-copy-s-base: 0.8511rem;
871
- --ks-font-size-copy-m-base: 1rem;
872
- --ks-font-size-copy-l-base: 1.175rem;
873
- --ks-font-size-copy-xl-base: 1.3806rem;
874
- --ks-font-size-copy-xxl-base: 1.6222rem;
875
- --ks-font-size-interface-bp-factor-tablet: 1.125;
876
- --ks-font-size-interface-xxs-base: 0.6164rem;
877
- --ks-font-size-interface-xs-base: 0.7243rem;
878
- --ks-font-size-interface-s-base: 0.8511rem;
879
- --ks-font-size-interface-m-base: 1rem;
880
- --ks-font-size-interface-l-base: 1.175rem;
881
- --ks-font-size-interface-xl-base: 1.3806rem;
882
- --ks-font-size-interface-xxl-base: 1.6222rem;
883
- --ks-font-size-mono-bp-factor-tablet: 1.125;
884
- --ks-font-size-mono-xxs-base: 0.6164rem;
885
- --ks-font-size-mono-xs-base: 0.7243rem;
886
- --ks-font-size-mono-s-base: 0.8511rem;
887
- --ks-font-size-mono-m-base: 1rem;
888
- --ks-font-size-mono-l-base: 1.175rem;
889
- --ks-font-size-mono-xl-base: 1.3806rem;
890
- --ks-font-size-mono-xxl-base: 1.6222rem;
891
- --ks-line-height-display-xxs: 1.5;
892
- --ks-line-height-display-xs: 1.5;
893
- --ks-line-height-display-s: 1.5;
894
- --ks-line-height-display-m: 1.5;
895
- --ks-line-height-display-l: 1.5;
896
- --ks-line-height-display-xl: 1.5;
897
- --ks-line-height-display-xxl: 1.5;
898
- --ks-line-height-copy-xxs: 1.5;
899
- --ks-line-height-copy-xs: 1.5;
900
- --ks-line-height-copy-s: 1.5;
901
- --ks-line-height-copy-m: 1.5;
902
- --ks-line-height-copy-l: 1.5;
903
- --ks-line-height-copy-xl: 1.5;
904
- --ks-line-height-copy-xxl: 1.5;
905
- --ks-line-height-interface-xxs: 1.5;
906
- --ks-line-height-interface-xs: 1.5;
907
- --ks-line-height-interface-s: 1.5;
908
- --ks-line-height-interface-m: 1.5;
909
- --ks-line-height-interface-l: 1.5;
910
- --ks-line-height-interface-xl: 1.5;
911
- --ks-line-height-interface-xxl: 1.5;
912
- --ks-line-height-mono-xxs: 1.5;
913
- --ks-line-height-mono-xs: 1.5;
914
- --ks-line-height-mono-s: 1.5;
915
- --ks-line-height-mono-m: 1.5;
916
- --ks-line-height-mono-l: 1.5;
917
- --ks-line-height-mono-xl: 1.5;
918
- --ks-line-height-mono-xxl: 1.5;
919
- --g-header-height: 0px;
920
- --g-scroll-offset: var(--g-header-height);
921
- --ks-font-size-display-xxs: calc(var(--ks-font-size-display-xxs-base) * var(--ks-font-size-display-bp-factor, 1));
922
- --ks-font-display-xxs: var(--ks-font-size-display-xxs) / var(--ks-line-height-display-xxs) var(--ks-font-family-display);
923
- --ks-font-size-display-xs: calc(var(--ks-font-size-display-xs-base) * var(--ks-font-size-display-bp-factor, 1));
924
- --ks-font-display-xs: var(--ks-font-size-display-xs) / var(--ks-line-height-display-xs) var(--ks-font-family-display);
925
- --ks-font-size-display-s: calc(var(--ks-font-size-display-s-base) * var(--ks-font-size-display-bp-factor, 1));
926
- --ks-font-display-s: var(--ks-font-size-display-s) / var(--ks-line-height-display-s) var(--ks-font-family-display);
927
- --ks-font-size-display-m: calc(var(--ks-font-size-display-m-base) * var(--ks-font-size-display-bp-factor, 1));
928
- --ks-font-display-m: var(--ks-font-size-display-m) / var(--ks-line-height-display-m) var(--ks-font-family-display);
929
- --ks-font-size-display-l: calc(var(--ks-font-size-display-l-base) * var(--ks-font-size-display-bp-factor, 1));
930
- --ks-font-display-l: var(--ks-font-size-display-l) / var(--ks-line-height-display-l) var(--ks-font-family-display);
931
- --ks-font-size-display-xl: calc(var(--ks-font-size-display-xl-base) * var(--ks-font-size-display-bp-factor, 1));
932
- --ks-font-display-xl: var(--ks-font-size-display-xl) / var(--ks-line-height-display-xl) var(--ks-font-family-display);
933
- --ks-font-size-display-xxl: calc(var(--ks-font-size-display-xxl-base) * var(--ks-font-size-display-bp-factor, 1));
934
- --ks-font-display-xxl: var(--ks-font-size-display-xxl) / var(--ks-line-height-display-xxl) var(--ks-font-family-display);
935
- --ks-font-size-copy-xxs: calc(var(--ks-font-size-copy-xxs-base) * var(--ks-font-size-copy-bp-factor, 1));
936
- --ks-font-copy-xxs: var(--ks-font-size-copy-xxs) / var(--ks-line-height-copy-xxs) var(--ks-font-family-copy);
937
- --ks-font-size-copy-xs: calc(var(--ks-font-size-copy-xs-base) * var(--ks-font-size-copy-bp-factor, 1));
938
- --ks-font-copy-xs: var(--ks-font-size-copy-xs) / var(--ks-line-height-copy-xs) var(--ks-font-family-copy);
939
- --ks-font-size-copy-s: calc(var(--ks-font-size-copy-s-base) * var(--ks-font-size-copy-bp-factor, 1));
940
- --ks-font-copy-s: var(--ks-font-size-copy-s) / var(--ks-line-height-copy-s) var(--ks-font-family-copy);
941
- --ks-font-size-copy-m: calc(var(--ks-font-size-copy-m-base) * var(--ks-font-size-copy-bp-factor, 1));
942
- --ks-font-copy-m: var(--ks-font-size-copy-m) / var(--ks-line-height-copy-m) var(--ks-font-family-copy);
943
- --ks-font-size-copy-l: calc(var(--ks-font-size-copy-l-base) * var(--ks-font-size-copy-bp-factor, 1));
944
- --ks-font-copy-l: var(--ks-font-size-copy-l) / var(--ks-line-height-copy-l) var(--ks-font-family-copy);
945
- --ks-font-size-copy-xl: calc(var(--ks-font-size-copy-xl-base) * var(--ks-font-size-copy-bp-factor, 1));
946
- --ks-font-copy-xl: var(--ks-font-size-copy-xl) / var(--ks-line-height-copy-xl) var(--ks-font-family-copy);
947
- --ks-font-size-copy-xxl: calc(var(--ks-font-size-copy-xxl-base) * var(--ks-font-size-copy-bp-factor, 1));
948
- --ks-font-copy-xxl: var(--ks-font-size-copy-xxl) / var(--ks-line-height-copy-xxl) var(--ks-font-family-copy);
949
- --ks-font-size-interface-xxs: calc(var(--ks-font-size-interface-xxs-base) * var(--ks-font-size-interface-bp-factor, 1));
950
- --ks-font-interface-xxs: var(--ks-font-size-interface-xxs) / var(--ks-line-height-interface-xxs) var(--ks-font-family-interface);
951
- --ks-font-size-interface-xs: calc(var(--ks-font-size-interface-xs-base) * var(--ks-font-size-interface-bp-factor, 1));
952
- --ks-font-interface-xs: var(--ks-font-size-interface-xs) / var(--ks-line-height-interface-xs) var(--ks-font-family-interface);
953
- --ks-font-size-interface-s: calc(var(--ks-font-size-interface-s-base) * var(--ks-font-size-interface-bp-factor, 1));
954
- --ks-font-interface-s: var(--ks-font-size-interface-s) / var(--ks-line-height-interface-s) var(--ks-font-family-interface);
955
- --ks-font-size-interface-m: calc(var(--ks-font-size-interface-m-base) * var(--ks-font-size-interface-bp-factor, 1));
956
- --ks-font-interface-m: var(--ks-font-size-interface-m) / var(--ks-line-height-interface-m) var(--ks-font-family-interface);
957
- --ks-font-size-interface-l: calc(var(--ks-font-size-interface-l-base) * var(--ks-font-size-interface-bp-factor, 1));
958
- --ks-font-interface-l: var(--ks-font-size-interface-l) / var(--ks-line-height-interface-l) var(--ks-font-family-interface);
959
- --ks-font-size-interface-xl: calc(var(--ks-font-size-interface-xl-base) * var(--ks-font-size-interface-bp-factor, 1));
960
- --ks-font-interface-xl: var(--ks-font-size-interface-xl) / var(--ks-line-height-interface-xl) var(--ks-font-family-interface);
961
- --ks-font-size-interface-xxl: calc(var(--ks-font-size-interface-xxl-base) * var(--ks-font-size-interface-bp-factor, 1));
962
- --ks-font-interface-xxl: var(--ks-font-size-interface-xxl) / var(--ks-line-height-interface-xxl) var(--ks-font-family-interface);
963
- --ks-font-size-mono-xxs: calc(var(--ks-font-size-mono-xxs-base) * var(--ks-font-size-mono-bp-factor, 1));
964
- --ks-font-mono-xxs: var(--ks-font-size-mono-xxs) / var(--ks-line-height-mono-xxs) var(--ks-font-family-mono);
965
- --ks-font-size-mono-xs: calc(var(--ks-font-size-mono-xs-base) * var(--ks-font-size-mono-bp-factor, 1));
966
- --ks-font-mono-xs: var(--ks-font-size-mono-xs) / var(--ks-line-height-mono-xs) var(--ks-font-family-mono);
967
- --ks-font-size-mono-s: calc(var(--ks-font-size-mono-s-base) * var(--ks-font-size-mono-bp-factor, 1));
968
- --ks-font-mono-s: var(--ks-font-size-mono-s) / var(--ks-line-height-mono-s) var(--ks-font-family-mono);
969
- --ks-font-size-mono-m: calc(var(--ks-font-size-mono-m-base) * var(--ks-font-size-mono-bp-factor, 1));
970
- --ks-font-mono-m: var(--ks-font-size-mono-m) / var(--ks-line-height-mono-m) var(--ks-font-family-mono);
971
- --ks-font-size-mono-l: calc(var(--ks-font-size-mono-l-base) * var(--ks-font-size-mono-bp-factor, 1));
972
- --ks-font-mono-l: var(--ks-font-size-mono-l) / var(--ks-line-height-mono-l) var(--ks-font-family-mono);
973
- --ks-font-size-mono-xl: calc(var(--ks-font-size-mono-xl-base) * var(--ks-font-size-mono-bp-factor, 1));
974
- --ks-font-mono-xl: var(--ks-font-size-mono-xl) / var(--ks-line-height-mono-xl) var(--ks-font-family-mono);
975
- --ks-font-size-mono-xxl: calc(var(--ks-font-size-mono-xxl-base) * var(--ks-font-size-mono-bp-factor, 1));
976
- --ks-font-mono-xxl: var(--ks-font-size-mono-xxl) / var(--ks-line-height-mono-xxl) var(--ks-font-family-mono);
977
- --ks-spacing-xxs: calc(var(--ks-spacing-xxs-base) * var(--ks-spacing-xxs-bp-factor, 1));
978
- --ks-spacing-xs: calc(var(--ks-spacing-xs-base) * var(--ks-spacing-xs-bp-factor, 1));
979
- --ks-spacing-s: calc(var(--ks-spacing-s-base) * var(--ks-spacing-s-bp-factor, 1));
980
- --ks-spacing-m: calc(var(--ks-spacing-m-base) * var(--ks-spacing-m-bp-factor, 1));
981
- --ks-spacing-l: calc(var(--ks-spacing-l-base) * var(--ks-spacing-l-bp-factor, 1));
982
- --ks-spacing-xl: calc(var(--ks-spacing-xl-base) * var(--ks-spacing-xl-bp-factor, 1));
983
- --ks-spacing-xxl: calc(var(--ks-spacing-xxl-base) * var(--ks-spacing-xxl-bp-factor, 1));
984
- --ks-spacing-stack: calc(var(--ks-spacing-stack-base) * var(--ks-spacing-stack-bp-factor, 1));
985
- --ks-spacing-inline: calc(var(--ks-spacing-inline-base) * var(--ks-spacing-inline-bp-factor, 1));
986
- --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
987
- --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
988
- --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
989
- --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","tv":"122em"}';
990
- }
991
-
992
- :root, [ks-theme], [ks-inverted=false] {
993
- --ks-background-color-accent: var(--ks-background-color-accent-base);
994
- --ks-background-color-accent-inverted: var(--ks-background-color-accent-inverted-base);
995
- --ks-background-color-bold: var(--ks-background-color-bold-base);
996
- --ks-background-color-bold-inverted: var(--ks-background-color-bold-inverted-base);
997
- --ks-background-color-clear: var(--ks-background-color-clear-base);
998
- --ks-background-color-clear-interactive: var(--ks-background-color-clear-interactive-base);
999
- --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
1000
- --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-interactive-active-base);
1001
- --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
1002
- --ks-background-color-clear-inverted: var(--ks-background-color-clear-inverted-base);
1003
- --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-inverted-interactive-base);
1004
- --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
1005
- --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
1006
- --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
1007
- --ks-background-color-default: var(--ks-background-color-default-base);
1008
- --ks-background-color-default-inverted: var(--ks-background-color-default-inverted-base);
1009
- --ks-background-color-interface: var(--ks-background-color-interface-base);
1010
- --ks-background-color-interface-interactive: var(--ks-background-color-interface-interactive-base);
1011
- --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
1012
- --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
1013
- --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-interactive-active-base);
1014
- --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
1015
- --ks-background-color-interface-inverted: var(--ks-background-color-interface-inverted-base);
1016
- --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-inverted-interactive-base);
1017
- --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
1018
- --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
1019
- --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
1020
- --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1021
- --ks-background-color-card: var(--ks-background-color-card-base);
1022
- --ks-background-color-card-interactive: var(--ks-background-color-card-interactive-base);
1023
- --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
1024
- --ks-background-color-card-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
1025
- --ks-background-color-card-interactive-active: var(--ks-background-color-card-interactive-active-base);
1026
- --ks-background-color-card-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1027
- --ks-background-color-card-inverted: var(--ks-background-color-card-inverted-base);
1028
- --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-inverted-interactive-base);
1029
- --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
1030
- --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
1031
- --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
1032
- --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
1033
- --ks-background-color-primary: var(--ks-background-color-primary-base);
1034
- --ks-background-color-primary-interactive: var(--ks-background-color-primary-interactive-base);
1035
- --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
1036
- --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-interactive-active-base);
1037
- --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
1038
- --ks-background-color-primary-translucent: var(--ks-background-color-primary-translucent-base);
1039
- --ks-background-color-primary-inverted: var(--ks-background-color-primary-inverted-base);
1040
- --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-inverted-interactive-base);
1041
- --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
1042
- --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
1043
- --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
1044
- --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1045
- --ks-background-color-positive: var(--ks-background-color-positive-base);
1046
- --ks-background-color-positive-interactive: var(--ks-background-color-positive-interactive-base);
1047
- --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
1048
- --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-interactive-active-base);
1049
- --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
1050
- --ks-background-color-positive-translucent: var(--ks-background-color-positive-translucent-base);
1051
- --ks-background-color-positive-inverted: var(--ks-background-color-positive-inverted-base);
1052
- --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-inverted-interactive-base);
1053
- --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
1054
- --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
1055
- --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
1056
- --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-inverted-translucent-base);
1057
- --ks-background-color-informative: var(--ks-background-color-informative-base);
1058
- --ks-background-color-informative-interactive: var(--ks-background-color-informative-interactive-base);
1059
- --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
1060
- --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-interactive-active-base);
1061
- --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
1062
- --ks-background-color-informative-translucent: var(--ks-background-color-informative-translucent-base);
1063
- --ks-background-color-informative-inverted: var(--ks-background-color-informative-inverted-base);
1064
- --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-inverted-interactive-base);
1065
- --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
1066
- --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
1067
- --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
1068
- --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-inverted-translucent-base);
1069
- --ks-background-color-notice: var(--ks-background-color-notice-base);
1070
- --ks-background-color-notice-interactive: var(--ks-background-color-notice-interactive-base);
1071
- --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
1072
- --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-interactive-active-base);
1073
- --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
1074
- --ks-background-color-notice-translucent: var(--ks-background-color-notice-translucent-base);
1075
- --ks-background-color-notice-inverted: var(--ks-background-color-notice-inverted-base);
1076
- --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-inverted-interactive-base);
1077
- --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
1078
- --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
1079
- --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
1080
- --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-inverted-translucent-base);
1081
- --ks-background-color-negative: var(--ks-background-color-negative-base);
1082
- --ks-background-color-negative-interactive: var(--ks-background-color-negative-interactive-base);
1083
- --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
1084
- --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-interactive-active-base);
1085
- --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1086
- --ks-background-color-negative-translucent: var(--ks-background-color-negative-translucent-base);
1087
- --ks-background-color-negative-inverted: var(--ks-background-color-negative-inverted-base);
1088
- --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-inverted-interactive-base);
1089
- --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
1090
- --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1091
- --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1092
- --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1093
- --ks-border-color-accent: var(--ks-border-color-accent-base);
1094
- --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
1095
- --ks-border-color-clear: var(--ks-border-color-clear-base);
1096
- --ks-border-color-clear-interactive: var(--ks-border-color-clear-interactive-base);
1097
- --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
1098
- --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-interactive-active-base);
1099
- --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
1100
- --ks-border-color-clear-inverted: var(--ks-border-color-clear-inverted-base);
1101
- --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-inverted-interactive-base);
1102
- --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
1103
- --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
1104
- --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
1105
- --ks-border-color-default: var(--ks-border-color-default-base);
1106
- --ks-border-color-default-inverted: var(--ks-border-color-default-inverted-base);
1107
- --ks-border-color-interface: var(--ks-border-color-interface-base);
1108
- --ks-border-color-interface-interactive: var(--ks-border-color-interface-interactive-base);
1109
- --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
1110
- --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
1111
- --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-interactive-active-base);
1112
- --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
1113
- --ks-border-color-interface-inverted: var(--ks-border-color-interface-inverted-base);
1114
- --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-inverted-interactive-base);
1115
- --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
1116
- --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
1117
- --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
1118
- --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1119
- --ks-border-color-card: var(--ks-border-color-card-base);
1120
- --ks-border-color-card-interactive: var(--ks-border-color-card-interactive-base);
1121
- --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
1122
- --ks-border-color-card-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
1123
- --ks-border-color-card-interactive-active: var(--ks-border-color-card-interactive-active-base);
1124
- --ks-border-color-card-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
1125
- --ks-border-color-card-inverted: var(--ks-border-color-card-inverted-base);
1126
- --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-inverted-interactive-base);
1127
- --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
1128
- --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
1129
- --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
1130
- --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
1131
- --ks-border-color-primary: var(--ks-border-color-primary-base);
1132
- --ks-border-color-primary-interactive: var(--ks-border-color-primary-interactive-base);
1133
- --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
1134
- --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-interactive-active-base);
1135
- --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
1136
- --ks-border-color-primary-translucent: var(--ks-border-color-primary-translucent-base);
1137
- --ks-border-color-primary-inverted: var(--ks-border-color-primary-inverted-base);
1138
- --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-inverted-interactive-base);
1139
- --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
1140
- --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
1141
- --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
1142
- --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-inverted-translucent-base);
1143
- --ks-border-color-positive: var(--ks-border-color-positive-base);
1144
- --ks-border-color-positive-interactive: var(--ks-border-color-positive-interactive-base);
1145
- --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
1146
- --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-interactive-active-base);
1147
- --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
1148
- --ks-border-color-positive-translucent: var(--ks-border-color-positive-translucent-base);
1149
- --ks-border-color-positive-inverted: var(--ks-border-color-positive-inverted-base);
1150
- --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-inverted-interactive-base);
1151
- --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
1152
- --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
1153
- --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
1154
- --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-inverted-translucent-base);
1155
- --ks-border-color-informative: var(--ks-border-color-informative-base);
1156
- --ks-border-color-informative-interactive: var(--ks-border-color-informative-interactive-base);
1157
- --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
1158
- --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-interactive-active-base);
1159
- --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
1160
- --ks-border-color-informative-translucent: var(--ks-border-color-informative-translucent-base);
1161
- --ks-border-color-informative-inverted: var(--ks-border-color-informative-inverted-base);
1162
- --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-inverted-interactive-base);
1163
- --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
1164
- --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
1165
- --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
1166
- --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-inverted-translucent-base);
1167
- --ks-border-color-notice: var(--ks-border-color-notice-base);
1168
- --ks-border-color-notice-interactive: var(--ks-border-color-notice-interactive-base);
1169
- --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
1170
- --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-interactive-active-base);
1171
- --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
1172
- --ks-border-color-notice-translucent: var(--ks-border-color-notice-translucent-base);
1173
- --ks-border-color-notice-inverted: var(--ks-border-color-notice-inverted-base);
1174
- --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-inverted-interactive-base);
1175
- --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
1176
- --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
1177
- --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
1178
- --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-inverted-translucent-base);
1179
- --ks-border-color-negative: var(--ks-border-color-negative-base);
1180
- --ks-border-color-negative-interactive: var(--ks-border-color-negative-interactive-base);
1181
- --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
1182
- --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-interactive-active-base);
1183
- --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
1184
- --ks-border-color-negative-translucent: var(--ks-border-color-negative-translucent-base);
1185
- --ks-border-color-negative-inverted: var(--ks-border-color-negative-inverted-base);
1186
- --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-inverted-interactive-base);
1187
- --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
1188
- --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
1189
- --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
1190
- --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1191
- --ks-color-fg: var(--ks-color-fg-base);
1192
- --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
1193
- --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
1194
- --ks-color-fg-alpha-3: var(--ks-color-fg-alpha-3-base);
1195
- --ks-color-fg-alpha-4: var(--ks-color-fg-alpha-4-base);
1196
- --ks-color-fg-alpha-5: var(--ks-color-fg-alpha-5-base);
1197
- --ks-color-fg-alpha-6: var(--ks-color-fg-alpha-6-base);
1198
- --ks-color-fg-alpha-7: var(--ks-color-fg-alpha-7-base);
1199
- --ks-color-fg-alpha-8: var(--ks-color-fg-alpha-8-base);
1200
- --ks-color-fg-alpha-9: var(--ks-color-fg-alpha-9-base);
1201
- --ks-color-fg-to-bg-1: var(--ks-color-fg-to-bg-1-base);
1202
- --ks-color-fg-to-bg-2: var(--ks-color-fg-to-bg-2-base);
1203
- --ks-color-fg-to-bg-3: var(--ks-color-fg-to-bg-3-base);
1204
- --ks-color-fg-to-bg-4: var(--ks-color-fg-to-bg-4-base);
1205
- --ks-color-fg-to-bg-5: var(--ks-color-fg-to-bg-5-base);
1206
- --ks-color-fg-to-bg-6: var(--ks-color-fg-to-bg-6-base);
1207
- --ks-color-fg-to-bg-7: var(--ks-color-fg-to-bg-7-base);
1208
- --ks-color-fg-to-bg-8: var(--ks-color-fg-to-bg-8-base);
1209
- --ks-color-fg-to-bg-9: var(--ks-color-fg-to-bg-9-base);
1210
- --ks-color-fg-inverted: var(--ks-color-fg-inverted-base);
1211
- --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
1212
- --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
1213
- --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
1214
- --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
1215
- --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
1216
- --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
1217
- --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
1218
- --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
1219
- --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
1220
- --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
1221
- --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
1222
- --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
1223
- --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
1224
- --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
1225
- --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
1226
- --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
1227
- --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
1228
- --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1229
- --ks-color-bg: var(--ks-color-bg-base);
1230
- --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
1231
- --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
1232
- --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
1233
- --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
1234
- --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
1235
- --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
1236
- --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
1237
- --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
1238
- --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
1239
- --ks-color-bg-to-fg-1: var(--ks-color-bg-to-fg-1-base);
1240
- --ks-color-bg-to-fg-2: var(--ks-color-bg-to-fg-2-base);
1241
- --ks-color-bg-to-fg-3: var(--ks-color-bg-to-fg-3-base);
1242
- --ks-color-bg-to-fg-4: var(--ks-color-bg-to-fg-4-base);
1243
- --ks-color-bg-to-fg-5: var(--ks-color-bg-to-fg-5-base);
1244
- --ks-color-bg-to-fg-6: var(--ks-color-bg-to-fg-6-base);
1245
- --ks-color-bg-to-fg-7: var(--ks-color-bg-to-fg-7-base);
1246
- --ks-color-bg-to-fg-8: var(--ks-color-bg-to-fg-8-base);
1247
- --ks-color-bg-to-fg-9: var(--ks-color-bg-to-fg-9-base);
1248
- --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
1249
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1250
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1251
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1252
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1253
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1254
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1255
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1256
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1257
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1258
- --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
1259
- --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
1260
- --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
1261
- --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
1262
- --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
1263
- --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
1264
- --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
1265
- --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
1266
- --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
1267
- --ks-color-transparent: var(--ks-color-transparent-base);
1268
- --ks-color-primary: var(--ks-color-primary-base);
1269
- --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
1270
- --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
1271
- --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
1272
- --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
1273
- --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
1274
- --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
1275
- --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
1276
- --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
1277
- --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
1278
- --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
1279
- --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
1280
- --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
1281
- --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
1282
- --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
1283
- --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
1284
- --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
1285
- --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
1286
- --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
1287
- --ks-color-primary-to-fg-1: var(--ks-color-primary-to-fg-1-base);
1288
- --ks-color-primary-to-fg-2: var(--ks-color-primary-to-fg-2-base);
1289
- --ks-color-primary-to-fg-3: var(--ks-color-primary-to-fg-3-base);
1290
- --ks-color-primary-to-fg-4: var(--ks-color-primary-to-fg-4-base);
1291
- --ks-color-primary-to-fg-5: var(--ks-color-primary-to-fg-5-base);
1292
- --ks-color-primary-to-fg-6: var(--ks-color-primary-to-fg-6-base);
1293
- --ks-color-primary-to-fg-7: var(--ks-color-primary-to-fg-7-base);
1294
- --ks-color-primary-to-fg-8: var(--ks-color-primary-to-fg-8-base);
1295
- --ks-color-primary-to-fg-9: var(--ks-color-primary-to-fg-9-base);
1296
- --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
1297
- --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1298
- --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1299
- --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1300
- --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1301
- --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1302
- --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1303
- --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1304
- --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1305
- --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
1306
- --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
1307
- --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
1308
- --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
1309
- --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
1310
- --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
1311
- --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
1312
- --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
1313
- --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
1314
- --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
1315
- --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
1316
- --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
1317
- --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
1318
- --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
1319
- --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
1320
- --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
1321
- --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
1322
- --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
1323
- --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
1324
- --ks-color-link: var(--ks-color-link-base);
1325
- --ks-color-link-alpha-1: var(--ks-color-link-alpha-1-base);
1326
- --ks-color-link-alpha-2: var(--ks-color-link-alpha-2-base);
1327
- --ks-color-link-alpha-3: var(--ks-color-link-alpha-3-base);
1328
- --ks-color-link-alpha-4: var(--ks-color-link-alpha-4-base);
1329
- --ks-color-link-alpha-5: var(--ks-color-link-alpha-5-base);
1330
- --ks-color-link-alpha-6: var(--ks-color-link-alpha-6-base);
1331
- --ks-color-link-alpha-7: var(--ks-color-link-alpha-7-base);
1332
- --ks-color-link-alpha-8: var(--ks-color-link-alpha-8-base);
1333
- --ks-color-link-alpha-9: var(--ks-color-link-alpha-9-base);
1334
- --ks-color-link-to-bg-1: var(--ks-color-link-to-bg-1-base);
1335
- --ks-color-link-to-bg-2: var(--ks-color-link-to-bg-2-base);
1336
- --ks-color-link-to-bg-3: var(--ks-color-link-to-bg-3-base);
1337
- --ks-color-link-to-bg-4: var(--ks-color-link-to-bg-4-base);
1338
- --ks-color-link-to-bg-5: var(--ks-color-link-to-bg-5-base);
1339
- --ks-color-link-to-bg-6: var(--ks-color-link-to-bg-6-base);
1340
- --ks-color-link-to-bg-7: var(--ks-color-link-to-bg-7-base);
1341
- --ks-color-link-to-bg-8: var(--ks-color-link-to-bg-8-base);
1342
- --ks-color-link-to-bg-9: var(--ks-color-link-to-bg-9-base);
1343
- --ks-color-link-to-fg-1: var(--ks-color-link-to-fg-1-base);
1344
- --ks-color-link-to-fg-2: var(--ks-color-link-to-fg-2-base);
1345
- --ks-color-link-to-fg-3: var(--ks-color-link-to-fg-3-base);
1346
- --ks-color-link-to-fg-4: var(--ks-color-link-to-fg-4-base);
1347
- --ks-color-link-to-fg-5: var(--ks-color-link-to-fg-5-base);
1348
- --ks-color-link-to-fg-6: var(--ks-color-link-to-fg-6-base);
1349
- --ks-color-link-to-fg-7: var(--ks-color-link-to-fg-7-base);
1350
- --ks-color-link-to-fg-8: var(--ks-color-link-to-fg-8-base);
1351
- --ks-color-link-to-fg-9: var(--ks-color-link-to-fg-9-base);
1352
- --ks-color-link-inverted: var(--ks-color-link-inverted-base);
1353
- --ks-color-link-inverted-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
1354
- --ks-color-link-inverted-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
1355
- --ks-color-link-inverted-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
1356
- --ks-color-link-inverted-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
1357
- --ks-color-link-inverted-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
1358
- --ks-color-link-inverted-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
1359
- --ks-color-link-inverted-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
1360
- --ks-color-link-inverted-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
1361
- --ks-color-link-inverted-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
1362
- --ks-color-link-inverted-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
1363
- --ks-color-link-inverted-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
1364
- --ks-color-link-inverted-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
1365
- --ks-color-link-inverted-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
1366
- --ks-color-link-inverted-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
1367
- --ks-color-link-inverted-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
1368
- --ks-color-link-inverted-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
1369
- --ks-color-link-inverted-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
1370
- --ks-color-link-inverted-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
1371
- --ks-color-link-inverted-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
1372
- --ks-color-link-inverted-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
1373
- --ks-color-link-inverted-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
1374
- --ks-color-link-inverted-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
1375
- --ks-color-link-inverted-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
1376
- --ks-color-link-inverted-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
1377
- --ks-color-link-inverted-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
1378
- --ks-color-link-inverted-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
1379
- --ks-color-link-inverted-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
1380
- --ks-color-positive: var(--ks-color-positive-base);
1381
- --ks-color-positive-alpha-1: var(--ks-color-positive-alpha-1-base);
1382
- --ks-color-positive-alpha-2: var(--ks-color-positive-alpha-2-base);
1383
- --ks-color-positive-alpha-3: var(--ks-color-positive-alpha-3-base);
1384
- --ks-color-positive-alpha-4: var(--ks-color-positive-alpha-4-base);
1385
- --ks-color-positive-alpha-5: var(--ks-color-positive-alpha-5-base);
1386
- --ks-color-positive-alpha-6: var(--ks-color-positive-alpha-6-base);
1387
- --ks-color-positive-alpha-7: var(--ks-color-positive-alpha-7-base);
1388
- --ks-color-positive-alpha-8: var(--ks-color-positive-alpha-8-base);
1389
- --ks-color-positive-alpha-9: var(--ks-color-positive-alpha-9-base);
1390
- --ks-color-positive-to-bg-1: var(--ks-color-positive-to-bg-1-base);
1391
- --ks-color-positive-to-bg-2: var(--ks-color-positive-to-bg-2-base);
1392
- --ks-color-positive-to-bg-3: var(--ks-color-positive-to-bg-3-base);
1393
- --ks-color-positive-to-bg-4: var(--ks-color-positive-to-bg-4-base);
1394
- --ks-color-positive-to-bg-5: var(--ks-color-positive-to-bg-5-base);
1395
- --ks-color-positive-to-bg-6: var(--ks-color-positive-to-bg-6-base);
1396
- --ks-color-positive-to-bg-7: var(--ks-color-positive-to-bg-7-base);
1397
- --ks-color-positive-to-bg-8: var(--ks-color-positive-to-bg-8-base);
1398
- --ks-color-positive-to-bg-9: var(--ks-color-positive-to-bg-9-base);
1399
- --ks-color-positive-to-fg-1: var(--ks-color-positive-to-fg-1-base);
1400
- --ks-color-positive-to-fg-2: var(--ks-color-positive-to-fg-2-base);
1401
- --ks-color-positive-to-fg-3: var(--ks-color-positive-to-fg-3-base);
1402
- --ks-color-positive-to-fg-4: var(--ks-color-positive-to-fg-4-base);
1403
- --ks-color-positive-to-fg-5: var(--ks-color-positive-to-fg-5-base);
1404
- --ks-color-positive-to-fg-6: var(--ks-color-positive-to-fg-6-base);
1405
- --ks-color-positive-to-fg-7: var(--ks-color-positive-to-fg-7-base);
1406
- --ks-color-positive-to-fg-8: var(--ks-color-positive-to-fg-8-base);
1407
- --ks-color-positive-to-fg-9: var(--ks-color-positive-to-fg-9-base);
1408
- --ks-color-positive-inverted: var(--ks-color-positive-inverted-base);
1409
- --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
1410
- --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
1411
- --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
1412
- --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
1413
- --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
1414
- --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
1415
- --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
1416
- --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
1417
- --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
1418
- --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
1419
- --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
1420
- --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
1421
- --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
1422
- --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
1423
- --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
1424
- --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
1425
- --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
1426
- --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
1427
- --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
1428
- --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
1429
- --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
1430
- --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
1431
- --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
1432
- --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
1433
- --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
1434
- --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
1435
- --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
1436
- --ks-color-informative: var(--ks-color-informative-base);
1437
- --ks-color-informative-alpha-1: var(--ks-color-informative-alpha-1-base);
1438
- --ks-color-informative-alpha-2: var(--ks-color-informative-alpha-2-base);
1439
- --ks-color-informative-alpha-3: var(--ks-color-informative-alpha-3-base);
1440
- --ks-color-informative-alpha-4: var(--ks-color-informative-alpha-4-base);
1441
- --ks-color-informative-alpha-5: var(--ks-color-informative-alpha-5-base);
1442
- --ks-color-informative-alpha-6: var(--ks-color-informative-alpha-6-base);
1443
- --ks-color-informative-alpha-7: var(--ks-color-informative-alpha-7-base);
1444
- --ks-color-informative-alpha-8: var(--ks-color-informative-alpha-8-base);
1445
- --ks-color-informative-alpha-9: var(--ks-color-informative-alpha-9-base);
1446
- --ks-color-informative-to-bg-1: var(--ks-color-informative-to-bg-1-base);
1447
- --ks-color-informative-to-bg-2: var(--ks-color-informative-to-bg-2-base);
1448
- --ks-color-informative-to-bg-3: var(--ks-color-informative-to-bg-3-base);
1449
- --ks-color-informative-to-bg-4: var(--ks-color-informative-to-bg-4-base);
1450
- --ks-color-informative-to-bg-5: var(--ks-color-informative-to-bg-5-base);
1451
- --ks-color-informative-to-bg-6: var(--ks-color-informative-to-bg-6-base);
1452
- --ks-color-informative-to-bg-7: var(--ks-color-informative-to-bg-7-base);
1453
- --ks-color-informative-to-bg-8: var(--ks-color-informative-to-bg-8-base);
1454
- --ks-color-informative-to-bg-9: var(--ks-color-informative-to-bg-9-base);
1455
- --ks-color-informative-to-fg-1: var(--ks-color-informative-to-fg-1-base);
1456
- --ks-color-informative-to-fg-2: var(--ks-color-informative-to-fg-2-base);
1457
- --ks-color-informative-to-fg-3: var(--ks-color-informative-to-fg-3-base);
1458
- --ks-color-informative-to-fg-4: var(--ks-color-informative-to-fg-4-base);
1459
- --ks-color-informative-to-fg-5: var(--ks-color-informative-to-fg-5-base);
1460
- --ks-color-informative-to-fg-6: var(--ks-color-informative-to-fg-6-base);
1461
- --ks-color-informative-to-fg-7: var(--ks-color-informative-to-fg-7-base);
1462
- --ks-color-informative-to-fg-8: var(--ks-color-informative-to-fg-8-base);
1463
- --ks-color-informative-to-fg-9: var(--ks-color-informative-to-fg-9-base);
1464
- --ks-color-informative-inverted: var(--ks-color-informative-inverted-base);
1465
- --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
1466
- --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
1467
- --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
1468
- --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
1469
- --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
1470
- --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
1471
- --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
1472
- --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
1473
- --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
1474
- --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
1475
- --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
1476
- --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
1477
- --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
1478
- --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
1479
- --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
1480
- --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
1481
- --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
1482
- --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
1483
- --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
1484
- --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
1485
- --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
1486
- --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
1487
- --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
1488
- --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
1489
- --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
1490
- --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
1491
- --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
1492
- --ks-color-notice: var(--ks-color-notice-base);
1493
- --ks-color-notice-alpha-1: var(--ks-color-notice-alpha-1-base);
1494
- --ks-color-notice-alpha-2: var(--ks-color-notice-alpha-2-base);
1495
- --ks-color-notice-alpha-3: var(--ks-color-notice-alpha-3-base);
1496
- --ks-color-notice-alpha-4: var(--ks-color-notice-alpha-4-base);
1497
- --ks-color-notice-alpha-5: var(--ks-color-notice-alpha-5-base);
1498
- --ks-color-notice-alpha-6: var(--ks-color-notice-alpha-6-base);
1499
- --ks-color-notice-alpha-7: var(--ks-color-notice-alpha-7-base);
1500
- --ks-color-notice-alpha-8: var(--ks-color-notice-alpha-8-base);
1501
- --ks-color-notice-alpha-9: var(--ks-color-notice-alpha-9-base);
1502
- --ks-color-notice-to-bg-1: var(--ks-color-notice-to-bg-1-base);
1503
- --ks-color-notice-to-bg-2: var(--ks-color-notice-to-bg-2-base);
1504
- --ks-color-notice-to-bg-3: var(--ks-color-notice-to-bg-3-base);
1505
- --ks-color-notice-to-bg-4: var(--ks-color-notice-to-bg-4-base);
1506
- --ks-color-notice-to-bg-5: var(--ks-color-notice-to-bg-5-base);
1507
- --ks-color-notice-to-bg-6: var(--ks-color-notice-to-bg-6-base);
1508
- --ks-color-notice-to-bg-7: var(--ks-color-notice-to-bg-7-base);
1509
- --ks-color-notice-to-bg-8: var(--ks-color-notice-to-bg-8-base);
1510
- --ks-color-notice-to-bg-9: var(--ks-color-notice-to-bg-9-base);
1511
- --ks-color-notice-to-fg-1: var(--ks-color-notice-to-fg-1-base);
1512
- --ks-color-notice-to-fg-2: var(--ks-color-notice-to-fg-2-base);
1513
- --ks-color-notice-to-fg-3: var(--ks-color-notice-to-fg-3-base);
1514
- --ks-color-notice-to-fg-4: var(--ks-color-notice-to-fg-4-base);
1515
- --ks-color-notice-to-fg-5: var(--ks-color-notice-to-fg-5-base);
1516
- --ks-color-notice-to-fg-6: var(--ks-color-notice-to-fg-6-base);
1517
- --ks-color-notice-to-fg-7: var(--ks-color-notice-to-fg-7-base);
1518
- --ks-color-notice-to-fg-8: var(--ks-color-notice-to-fg-8-base);
1519
- --ks-color-notice-to-fg-9: var(--ks-color-notice-to-fg-9-base);
1520
- --ks-color-notice-inverted: var(--ks-color-notice-inverted-base);
1521
- --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
1522
- --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
1523
- --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
1524
- --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
1525
- --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
1526
- --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
1527
- --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
1528
- --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
1529
- --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
1530
- --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
1531
- --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
1532
- --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
1533
- --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
1534
- --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
1535
- --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
1536
- --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
1537
- --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
1538
- --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
1539
- --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
1540
- --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
1541
- --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
1542
- --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
1543
- --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
1544
- --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
1545
- --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
1546
- --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
1547
- --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
1548
- --ks-color-negative: var(--ks-color-negative-base);
1549
- --ks-color-negative-alpha-1: var(--ks-color-negative-alpha-1-base);
1550
- --ks-color-negative-alpha-2: var(--ks-color-negative-alpha-2-base);
1551
- --ks-color-negative-alpha-3: var(--ks-color-negative-alpha-3-base);
1552
- --ks-color-negative-alpha-4: var(--ks-color-negative-alpha-4-base);
1553
- --ks-color-negative-alpha-5: var(--ks-color-negative-alpha-5-base);
1554
- --ks-color-negative-alpha-6: var(--ks-color-negative-alpha-6-base);
1555
- --ks-color-negative-alpha-7: var(--ks-color-negative-alpha-7-base);
1556
- --ks-color-negative-alpha-8: var(--ks-color-negative-alpha-8-base);
1557
- --ks-color-negative-alpha-9: var(--ks-color-negative-alpha-9-base);
1558
- --ks-color-negative-to-bg-1: var(--ks-color-negative-to-bg-1-base);
1559
- --ks-color-negative-to-bg-2: var(--ks-color-negative-to-bg-2-base);
1560
- --ks-color-negative-to-bg-3: var(--ks-color-negative-to-bg-3-base);
1561
- --ks-color-negative-to-bg-4: var(--ks-color-negative-to-bg-4-base);
1562
- --ks-color-negative-to-bg-5: var(--ks-color-negative-to-bg-5-base);
1563
- --ks-color-negative-to-bg-6: var(--ks-color-negative-to-bg-6-base);
1564
- --ks-color-negative-to-bg-7: var(--ks-color-negative-to-bg-7-base);
1565
- --ks-color-negative-to-bg-8: var(--ks-color-negative-to-bg-8-base);
1566
- --ks-color-negative-to-bg-9: var(--ks-color-negative-to-bg-9-base);
1567
- --ks-color-negative-to-fg-1: var(--ks-color-negative-to-fg-1-base);
1568
- --ks-color-negative-to-fg-2: var(--ks-color-negative-to-fg-2-base);
1569
- --ks-color-negative-to-fg-3: var(--ks-color-negative-to-fg-3-base);
1570
- --ks-color-negative-to-fg-4: var(--ks-color-negative-to-fg-4-base);
1571
- --ks-color-negative-to-fg-5: var(--ks-color-negative-to-fg-5-base);
1572
- --ks-color-negative-to-fg-6: var(--ks-color-negative-to-fg-6-base);
1573
- --ks-color-negative-to-fg-7: var(--ks-color-negative-to-fg-7-base);
1574
- --ks-color-negative-to-fg-8: var(--ks-color-negative-to-fg-8-base);
1575
- --ks-color-negative-to-fg-9: var(--ks-color-negative-to-fg-9-base);
1576
- --ks-color-negative-inverted: var(--ks-color-negative-inverted-base);
1577
- --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
1578
- --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
1579
- --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
1580
- --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
1581
- --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
1582
- --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
1583
- --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
1584
- --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
1585
- --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
1586
- --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
1587
- --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
1588
- --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
1589
- --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
1590
- --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
1591
- --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
1592
- --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
1593
- --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
1594
- --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
1595
- --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
1596
- --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
1597
- --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
1598
- --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
1599
- --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
1600
- --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
1601
- --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
1602
- --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
1603
- --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
1604
- --ks-text-color-default: var(--ks-text-color-default-base);
1605
- --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
1606
- --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
1607
- --ks-text-color-default-interactive-active: var(--ks-text-color-default-interactive-active-base);
1608
- --ks-text-color-default-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
1609
- --ks-text-color-default-inverted: var(--ks-text-color-default-inverted-base);
1610
- --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-inverted-interactive-base);
1611
- --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
1612
- --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
1613
- --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
1614
- --ks-text-color-copy: var(--ks-text-color-copy-base);
1615
- --ks-text-color-copy-interactive: var(--ks-text-color-copy-interactive-base);
1616
- --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
1617
- --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-interactive-active-base);
1618
- --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
1619
- --ks-text-color-copy-inverted: var(--ks-text-color-copy-inverted-base);
1620
- --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-inverted-interactive-base);
1621
- --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
1622
- --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
1623
- --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
1624
- --ks-text-color-display: var(--ks-text-color-display-base);
1625
- --ks-text-color-display-interactive: var(--ks-text-color-display-interactive-base);
1626
- --ks-text-color-display-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
1627
- --ks-text-color-display-interactive-active: var(--ks-text-color-display-interactive-active-base);
1628
- --ks-text-color-display-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
1629
- --ks-text-color-display-inverted: var(--ks-text-color-display-inverted-base);
1630
- --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-inverted-interactive-base);
1631
- --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
1632
- --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
1633
- --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
1634
- --ks-text-color-interface: var(--ks-text-color-interface-base);
1635
- --ks-text-color-interface-interactive: var(--ks-text-color-interface-interactive-base);
1636
- --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
1637
- --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-interactive-active-base);
1638
- --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
1639
- --ks-text-color-interface-inverted: var(--ks-text-color-interface-inverted-base);
1640
- --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-inverted-interactive-base);
1641
- --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
1642
- --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
1643
- --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
1644
- --ks-text-color-card: var(--ks-text-color-card-base);
1645
- --ks-text-color-card-interactive: var(--ks-text-color-card-interactive-base);
1646
- --ks-text-color-card-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
1647
- --ks-text-color-card-interactive-active: var(--ks-text-color-card-interactive-active-base);
1648
- --ks-text-color-card-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
1649
- --ks-text-color-card-inverted: var(--ks-text-color-card-inverted-base);
1650
- --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-inverted-interactive-base);
1651
- --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
1652
- --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
1653
- --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
1654
- --ks-text-color-primary: var(--ks-text-color-primary-base);
1655
- --ks-text-color-primary-interactive: var(--ks-text-color-primary-interactive-base);
1656
- --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
1657
- --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-interactive-active-base);
1658
- --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
1659
- --ks-text-color-primary-inverted: var(--ks-text-color-primary-inverted-base);
1660
- --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-inverted-interactive-base);
1661
- --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
1662
- --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
1663
- --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
1664
- --ks-text-color-positive: var(--ks-text-color-positive-base);
1665
- --ks-text-color-positive-interactive: var(--ks-text-color-positive-interactive-base);
1666
- --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
1667
- --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-interactive-active-base);
1668
- --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
1669
- --ks-text-color-positive-inverted: var(--ks-text-color-positive-inverted-base);
1670
- --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-inverted-interactive-base);
1671
- --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
1672
- --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
1673
- --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
1674
- --ks-text-color-informative: var(--ks-text-color-informative-base);
1675
- --ks-text-color-informative-interactive: var(--ks-text-color-informative-interactive-base);
1676
- --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
1677
- --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-interactive-active-base);
1678
- --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
1679
- --ks-text-color-informative-inverted: var(--ks-text-color-informative-inverted-base);
1680
- --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-inverted-interactive-base);
1681
- --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
1682
- --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
1683
- --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
1684
- --ks-text-color-notice: var(--ks-text-color-notice-base);
1685
- --ks-text-color-notice-interactive: var(--ks-text-color-notice-interactive-base);
1686
- --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
1687
- --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-interactive-active-base);
1688
- --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
1689
- --ks-text-color-notice-inverted: var(--ks-text-color-notice-inverted-base);
1690
- --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-inverted-interactive-base);
1691
- --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
1692
- --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
1693
- --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
1694
- --ks-text-color-negative: var(--ks-text-color-negative-base);
1695
- --ks-text-color-negative-interactive: var(--ks-text-color-negative-interactive-base);
1696
- --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
1697
- --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-interactive-active-base);
1698
- --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
1699
- --ks-text-color-negative-inverted: var(--ks-text-color-negative-inverted-base);
1700
- --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-inverted-interactive-base);
1701
- --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
1702
- --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
1703
- --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
1704
- }
1705
-
1706
- [ks-inverted=true] {
1707
- --ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
1708
- --ks-background-color-accent-inverted: var(--ks-background-color-accent-base);
1709
- --ks-background-color-bold: var(--ks-background-color-bold-inverted-base);
1710
- --ks-background-color-bold-inverted: var(--ks-background-color-bold-base);
1711
- --ks-background-color-clear: var(--ks-background-color-clear-inverted-base);
1712
- --ks-background-color-clear-inverted: var(--ks-background-color-clear-base);
1713
- --ks-background-color-clear-interactive: var(--ks-background-color-clear-inverted-interactive-base);
1714
- --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-interactive-base);
1715
- --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
1716
- --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
1717
- --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
1718
- --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-interactive-active-base);
1719
- --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
1720
- --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
1721
- --ks-background-color-default: var(--ks-background-color-default-inverted-base);
1722
- --ks-background-color-default-inverted: var(--ks-background-color-default-base);
1723
- --ks-background-color-interface: var(--ks-background-color-interface-inverted-base);
1724
- --ks-background-color-interface-inverted: var(--ks-background-color-interface-base);
1725
- --ks-background-color-interface-interactive: var(--ks-background-color-interface-inverted-interactive-base);
1726
- --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-interactive-base);
1727
- --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
1728
- --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
1729
- --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
1730
- --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
1731
- --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
1732
- --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-interactive-active-base);
1733
- --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
1734
- --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
1735
- --ks-background-color-card: var(--ks-background-color-card-inverted-base);
1736
- --ks-background-color-card-inverted: var(--ks-background-color-card-base);
1737
- --ks-background-color-card-interactive: var(--ks-background-color-card-inverted-interactive-base);
1738
- --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-interactive-base);
1739
- --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
1740
- --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
1741
- --ks-background-color-card-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
1742
- --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
1743
- --ks-background-color-card-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
1744
- --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-interactive-active-base);
1745
- --ks-background-color-card-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
1746
- --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
1747
- --ks-background-color-primary: var(--ks-background-color-primary-inverted-base);
1748
- --ks-background-color-primary-inverted: var(--ks-background-color-primary-base);
1749
- --ks-background-color-primary-interactive: var(--ks-background-color-primary-inverted-interactive-base);
1750
- --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-interactive-base);
1751
- --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
1752
- --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
1753
- --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
1754
- --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-interactive-active-base);
1755
- --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
1756
- --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
1757
- --ks-background-color-primary-translucent: var(--ks-background-color-primary-inverted-translucent-base);
1758
- --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-translucent-base);
1759
- --ks-background-color-positive: var(--ks-background-color-positive-inverted-base);
1760
- --ks-background-color-positive-inverted: var(--ks-background-color-positive-base);
1761
- --ks-background-color-positive-interactive: var(--ks-background-color-positive-inverted-interactive-base);
1762
- --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-interactive-base);
1763
- --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
1764
- --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
1765
- --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
1766
- --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-interactive-active-base);
1767
- --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
1768
- --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
1769
- --ks-background-color-positive-translucent: var(--ks-background-color-positive-inverted-translucent-base);
1770
- --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-translucent-base);
1771
- --ks-background-color-informative: var(--ks-background-color-informative-inverted-base);
1772
- --ks-background-color-informative-inverted: var(--ks-background-color-informative-base);
1773
- --ks-background-color-informative-interactive: var(--ks-background-color-informative-inverted-interactive-base);
1774
- --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-interactive-base);
1775
- --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
1776
- --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
1777
- --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
1778
- --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-interactive-active-base);
1779
- --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
1780
- --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
1781
- --ks-background-color-informative-translucent: var(--ks-background-color-informative-inverted-translucent-base);
1782
- --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-translucent-base);
1783
- --ks-background-color-notice: var(--ks-background-color-notice-inverted-base);
1784
- --ks-background-color-notice-inverted: var(--ks-background-color-notice-base);
1785
- --ks-background-color-notice-interactive: var(--ks-background-color-notice-inverted-interactive-base);
1786
- --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-interactive-base);
1787
- --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
1788
- --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
1789
- --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
1790
- --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-interactive-active-base);
1791
- --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
1792
- --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
1793
- --ks-background-color-notice-translucent: var(--ks-background-color-notice-inverted-translucent-base);
1794
- --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-translucent-base);
1795
- --ks-background-color-negative: var(--ks-background-color-negative-inverted-base);
1796
- --ks-background-color-negative-inverted: var(--ks-background-color-negative-base);
1797
- --ks-background-color-negative-interactive: var(--ks-background-color-negative-inverted-interactive-base);
1798
- --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-interactive-base);
1799
- --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
1800
- --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
1801
- --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1802
- --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-interactive-active-base);
1803
- --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1804
- --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1805
- --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1806
- --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
1807
- --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
1808
- --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
1809
- --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
1810
- --ks-border-color-clear-inverted: var(--ks-border-color-clear-base);
1811
- --ks-border-color-clear-interactive: var(--ks-border-color-clear-inverted-interactive-base);
1812
- --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-interactive-base);
1813
- --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
1814
- --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
1815
- --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
1816
- --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-interactive-active-base);
1817
- --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
1818
- --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
1819
- --ks-border-color-default: var(--ks-border-color-default-inverted-base);
1820
- --ks-border-color-default-inverted: var(--ks-border-color-default-base);
1821
- --ks-border-color-interface: var(--ks-border-color-interface-inverted-base);
1822
- --ks-border-color-interface-inverted: var(--ks-border-color-interface-base);
1823
- --ks-border-color-interface-interactive: var(--ks-border-color-interface-inverted-interactive-base);
1824
- --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-interactive-base);
1825
- --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
1826
- --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
1827
- --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
1828
- --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
1829
- --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
1830
- --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-interactive-active-base);
1831
- --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
1832
- --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
1833
- --ks-border-color-card: var(--ks-border-color-card-inverted-base);
1834
- --ks-border-color-card-inverted: var(--ks-border-color-card-base);
1835
- --ks-border-color-card-interactive: var(--ks-border-color-card-inverted-interactive-base);
1836
- --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-interactive-base);
1837
- --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
1838
- --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
1839
- --ks-border-color-card-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
1840
- --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
1841
- --ks-border-color-card-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
1842
- --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-interactive-active-base);
1843
- --ks-border-color-card-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
1844
- --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
1845
- --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
1846
- --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
1847
- --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
1848
- --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-interactive-base);
1849
- --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
1850
- --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
1851
- --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
1852
- --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-interactive-active-base);
1853
- --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
1854
- --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
1855
- --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
1856
- --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
1857
- --ks-border-color-positive: var(--ks-border-color-positive-inverted-base);
1858
- --ks-border-color-positive-inverted: var(--ks-border-color-positive-base);
1859
- --ks-border-color-positive-interactive: var(--ks-border-color-positive-inverted-interactive-base);
1860
- --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-interactive-base);
1861
- --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
1862
- --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
1863
- --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
1864
- --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-interactive-active-base);
1865
- --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
1866
- --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
1867
- --ks-border-color-positive-translucent: var(--ks-border-color-positive-inverted-translucent-base);
1868
- --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-translucent-base);
1869
- --ks-border-color-informative: var(--ks-border-color-informative-inverted-base);
1870
- --ks-border-color-informative-inverted: var(--ks-border-color-informative-base);
1871
- --ks-border-color-informative-interactive: var(--ks-border-color-informative-inverted-interactive-base);
1872
- --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-interactive-base);
1873
- --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
1874
- --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
1875
- --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
1876
- --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-interactive-active-base);
1877
- --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
1878
- --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
1879
- --ks-border-color-informative-translucent: var(--ks-border-color-informative-inverted-translucent-base);
1880
- --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-translucent-base);
1881
- --ks-border-color-notice: var(--ks-border-color-notice-inverted-base);
1882
- --ks-border-color-notice-inverted: var(--ks-border-color-notice-base);
1883
- --ks-border-color-notice-interactive: var(--ks-border-color-notice-inverted-interactive-base);
1884
- --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-interactive-base);
1885
- --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
1886
- --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
1887
- --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
1888
- --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-interactive-active-base);
1889
- --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
1890
- --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
1891
- --ks-border-color-notice-translucent: var(--ks-border-color-notice-inverted-translucent-base);
1892
- --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-translucent-base);
1893
- --ks-border-color-negative: var(--ks-border-color-negative-inverted-base);
1894
- --ks-border-color-negative-inverted: var(--ks-border-color-negative-base);
1895
- --ks-border-color-negative-interactive: var(--ks-border-color-negative-inverted-interactive-base);
1896
- --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-interactive-base);
1897
- --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
1898
- --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
1899
- --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
1900
- --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-interactive-active-base);
1901
- --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
1902
- --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
1903
- --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1904
- --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
1905
- --ks-color-fg: var(--ks-color-fg-inverted-base);
1906
- --ks-color-fg-inverted: var(--ks-color-fg-base);
1907
- --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
1908
- --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-alpha-1-base);
1909
- --ks-color-fg-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
1910
- --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-alpha-2-base);
1911
- --ks-color-fg-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
1912
- --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-alpha-3-base);
1913
- --ks-color-fg-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
1914
- --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-alpha-4-base);
1915
- --ks-color-fg-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
1916
- --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-alpha-5-base);
1917
- --ks-color-fg-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
1918
- --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-alpha-6-base);
1919
- --ks-color-fg-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
1920
- --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-alpha-7-base);
1921
- --ks-color-fg-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
1922
- --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-alpha-8-base);
1923
- --ks-color-fg-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
1924
- --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-alpha-9-base);
1925
- --ks-color-fg-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
1926
- --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-to-bg-1-base);
1927
- --ks-color-fg-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
1928
- --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-to-bg-2-base);
1929
- --ks-color-fg-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
1930
- --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-to-bg-3-base);
1931
- --ks-color-fg-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
1932
- --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-to-bg-4-base);
1933
- --ks-color-fg-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
1934
- --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-to-bg-5-base);
1935
- --ks-color-fg-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
1936
- --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-to-bg-6-base);
1937
- --ks-color-fg-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
1938
- --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-to-bg-7-base);
1939
- --ks-color-fg-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
1940
- --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
1941
- --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
1942
- --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
1943
- --ks-color-bg: var(--ks-color-bg-inverted-base);
1944
- --ks-color-bg-inverted: var(--ks-color-bg-base);
1945
- --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
1946
- --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
1947
- --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
1948
- --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
1949
- --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
1950
- --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
1951
- --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
1952
- --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
1953
- --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
1954
- --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
1955
- --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
1956
- --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
1957
- --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
1958
- --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
1959
- --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
1960
- --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
1961
- --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
1962
- --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
1963
- --ks-color-bg-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
1964
- --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-to-fg-1-base);
1965
- --ks-color-bg-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
1966
- --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-to-fg-2-base);
1967
- --ks-color-bg-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
1968
- --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-to-fg-3-base);
1969
- --ks-color-bg-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
1970
- --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-to-fg-4-base);
1971
- --ks-color-bg-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
1972
- --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-to-fg-5-base);
1973
- --ks-color-bg-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
1974
- --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-to-fg-6-base);
1975
- --ks-color-bg-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
1976
- --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-to-fg-7-base);
1977
- --ks-color-bg-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
1978
- --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-to-fg-8-base);
1979
- --ks-color-bg-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
1980
- --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-to-fg-9-base);
1981
- --ks-color-primary: var(--ks-color-primary-inverted-base);
1982
- --ks-color-primary-inverted: var(--ks-color-primary-base);
1983
- --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
1984
- --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
1985
- --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
1986
- --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
1987
- --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
1988
- --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
1989
- --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
1990
- --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
1991
- --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
1992
- --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
1993
- --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
1994
- --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
1995
- --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
1996
- --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
1997
- --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
1998
- --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
1999
- --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
2000
- --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
2001
- --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
2002
- --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
2003
- --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
2004
- --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
2005
- --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
2006
- --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
2007
- --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
2008
- --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
2009
- --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
2010
- --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
2011
- --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
2012
- --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
2013
- --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
2014
- --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
2015
- --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
2016
- --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
2017
- --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
2018
- --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
2019
- --ks-color-primary-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
2020
- --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-to-fg-1-base);
2021
- --ks-color-primary-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
2022
- --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-to-fg-2-base);
2023
- --ks-color-primary-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
2024
- --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-to-fg-3-base);
2025
- --ks-color-primary-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
2026
- --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-to-fg-4-base);
2027
- --ks-color-primary-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
2028
- --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-to-fg-5-base);
2029
- --ks-color-primary-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
2030
- --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-to-fg-6-base);
2031
- --ks-color-primary-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
2032
- --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-to-fg-7-base);
2033
- --ks-color-primary-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
2034
- --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-to-fg-8-base);
2035
- --ks-color-primary-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
2036
- --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-to-fg-9-base);
2037
- --ks-color-link: var(--ks-color-link-inverted-base);
2038
- --ks-color-link-inverted: var(--ks-color-link-base);
2039
- --ks-color-link-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
2040
- --ks-color-link-inverted-alpha-1: var(--ks-color-link-alpha-1-base);
2041
- --ks-color-link-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
2042
- --ks-color-link-inverted-alpha-2: var(--ks-color-link-alpha-2-base);
2043
- --ks-color-link-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
2044
- --ks-color-link-inverted-alpha-3: var(--ks-color-link-alpha-3-base);
2045
- --ks-color-link-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
2046
- --ks-color-link-inverted-alpha-4: var(--ks-color-link-alpha-4-base);
2047
- --ks-color-link-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
2048
- --ks-color-link-inverted-alpha-5: var(--ks-color-link-alpha-5-base);
2049
- --ks-color-link-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
2050
- --ks-color-link-inverted-alpha-6: var(--ks-color-link-alpha-6-base);
2051
- --ks-color-link-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
2052
- --ks-color-link-inverted-alpha-7: var(--ks-color-link-alpha-7-base);
2053
- --ks-color-link-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
2054
- --ks-color-link-inverted-alpha-8: var(--ks-color-link-alpha-8-base);
2055
- --ks-color-link-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
2056
- --ks-color-link-inverted-alpha-9: var(--ks-color-link-alpha-9-base);
2057
- --ks-color-link-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
2058
- --ks-color-link-inverted-to-bg-1: var(--ks-color-link-to-bg-1-base);
2059
- --ks-color-link-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
2060
- --ks-color-link-inverted-to-bg-2: var(--ks-color-link-to-bg-2-base);
2061
- --ks-color-link-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
2062
- --ks-color-link-inverted-to-bg-3: var(--ks-color-link-to-bg-3-base);
2063
- --ks-color-link-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
2064
- --ks-color-link-inverted-to-bg-4: var(--ks-color-link-to-bg-4-base);
2065
- --ks-color-link-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
2066
- --ks-color-link-inverted-to-bg-5: var(--ks-color-link-to-bg-5-base);
2067
- --ks-color-link-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
2068
- --ks-color-link-inverted-to-bg-6: var(--ks-color-link-to-bg-6-base);
2069
- --ks-color-link-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
2070
- --ks-color-link-inverted-to-bg-7: var(--ks-color-link-to-bg-7-base);
2071
- --ks-color-link-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
2072
- --ks-color-link-inverted-to-bg-8: var(--ks-color-link-to-bg-8-base);
2073
- --ks-color-link-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
2074
- --ks-color-link-inverted-to-bg-9: var(--ks-color-link-to-bg-9-base);
2075
- --ks-color-link-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
2076
- --ks-color-link-inverted-to-fg-1: var(--ks-color-link-to-fg-1-base);
2077
- --ks-color-link-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
2078
- --ks-color-link-inverted-to-fg-2: var(--ks-color-link-to-fg-2-base);
2079
- --ks-color-link-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
2080
- --ks-color-link-inverted-to-fg-3: var(--ks-color-link-to-fg-3-base);
2081
- --ks-color-link-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
2082
- --ks-color-link-inverted-to-fg-4: var(--ks-color-link-to-fg-4-base);
2083
- --ks-color-link-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
2084
- --ks-color-link-inverted-to-fg-5: var(--ks-color-link-to-fg-5-base);
2085
- --ks-color-link-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
2086
- --ks-color-link-inverted-to-fg-6: var(--ks-color-link-to-fg-6-base);
2087
- --ks-color-link-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
2088
- --ks-color-link-inverted-to-fg-7: var(--ks-color-link-to-fg-7-base);
2089
- --ks-color-link-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
2090
- --ks-color-link-inverted-to-fg-8: var(--ks-color-link-to-fg-8-base);
2091
- --ks-color-link-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
2092
- --ks-color-link-inverted-to-fg-9: var(--ks-color-link-to-fg-9-base);
2093
- --ks-color-positive: var(--ks-color-positive-inverted-base);
2094
- --ks-color-positive-inverted: var(--ks-color-positive-base);
2095
- --ks-color-positive-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
2096
- --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-alpha-1-base);
2097
- --ks-color-positive-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
2098
- --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-alpha-2-base);
2099
- --ks-color-positive-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
2100
- --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-alpha-3-base);
2101
- --ks-color-positive-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
2102
- --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-alpha-4-base);
2103
- --ks-color-positive-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
2104
- --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-alpha-5-base);
2105
- --ks-color-positive-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
2106
- --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-alpha-6-base);
2107
- --ks-color-positive-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
2108
- --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-alpha-7-base);
2109
- --ks-color-positive-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
2110
- --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-alpha-8-base);
2111
- --ks-color-positive-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
2112
- --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-alpha-9-base);
2113
- --ks-color-positive-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
2114
- --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-to-bg-1-base);
2115
- --ks-color-positive-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
2116
- --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-to-bg-2-base);
2117
- --ks-color-positive-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
2118
- --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-to-bg-3-base);
2119
- --ks-color-positive-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
2120
- --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-to-bg-4-base);
2121
- --ks-color-positive-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
2122
- --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-to-bg-5-base);
2123
- --ks-color-positive-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
2124
- --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-to-bg-6-base);
2125
- --ks-color-positive-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
2126
- --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-to-bg-7-base);
2127
- --ks-color-positive-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
2128
- --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-to-bg-8-base);
2129
- --ks-color-positive-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
2130
- --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-to-bg-9-base);
2131
- --ks-color-positive-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
2132
- --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-to-fg-1-base);
2133
- --ks-color-positive-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
2134
- --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-to-fg-2-base);
2135
- --ks-color-positive-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
2136
- --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-to-fg-3-base);
2137
- --ks-color-positive-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
2138
- --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-to-fg-4-base);
2139
- --ks-color-positive-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
2140
- --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-to-fg-5-base);
2141
- --ks-color-positive-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
2142
- --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-to-fg-6-base);
2143
- --ks-color-positive-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
2144
- --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-to-fg-7-base);
2145
- --ks-color-positive-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
2146
- --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-to-fg-8-base);
2147
- --ks-color-positive-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
2148
- --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-to-fg-9-base);
2149
- --ks-color-informative: var(--ks-color-informative-inverted-base);
2150
- --ks-color-informative-inverted: var(--ks-color-informative-base);
2151
- --ks-color-informative-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
2152
- --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-alpha-1-base);
2153
- --ks-color-informative-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
2154
- --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-alpha-2-base);
2155
- --ks-color-informative-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
2156
- --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-alpha-3-base);
2157
- --ks-color-informative-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
2158
- --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-alpha-4-base);
2159
- --ks-color-informative-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
2160
- --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-alpha-5-base);
2161
- --ks-color-informative-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
2162
- --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-alpha-6-base);
2163
- --ks-color-informative-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
2164
- --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-alpha-7-base);
2165
- --ks-color-informative-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
2166
- --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-alpha-8-base);
2167
- --ks-color-informative-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
2168
- --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-alpha-9-base);
2169
- --ks-color-informative-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
2170
- --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-to-bg-1-base);
2171
- --ks-color-informative-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
2172
- --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-to-bg-2-base);
2173
- --ks-color-informative-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
2174
- --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-to-bg-3-base);
2175
- --ks-color-informative-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
2176
- --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-to-bg-4-base);
2177
- --ks-color-informative-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
2178
- --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-to-bg-5-base);
2179
- --ks-color-informative-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
2180
- --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-to-bg-6-base);
2181
- --ks-color-informative-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
2182
- --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-to-bg-7-base);
2183
- --ks-color-informative-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
2184
- --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-to-bg-8-base);
2185
- --ks-color-informative-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
2186
- --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-to-bg-9-base);
2187
- --ks-color-informative-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
2188
- --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-to-fg-1-base);
2189
- --ks-color-informative-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
2190
- --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-to-fg-2-base);
2191
- --ks-color-informative-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
2192
- --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-to-fg-3-base);
2193
- --ks-color-informative-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
2194
- --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-to-fg-4-base);
2195
- --ks-color-informative-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
2196
- --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-to-fg-5-base);
2197
- --ks-color-informative-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
2198
- --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-to-fg-6-base);
2199
- --ks-color-informative-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
2200
- --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-to-fg-7-base);
2201
- --ks-color-informative-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
2202
- --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-to-fg-8-base);
2203
- --ks-color-informative-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
2204
- --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-to-fg-9-base);
2205
- --ks-color-notice: var(--ks-color-notice-inverted-base);
2206
- --ks-color-notice-inverted: var(--ks-color-notice-base);
2207
- --ks-color-notice-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
2208
- --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-alpha-1-base);
2209
- --ks-color-notice-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
2210
- --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-alpha-2-base);
2211
- --ks-color-notice-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
2212
- --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-alpha-3-base);
2213
- --ks-color-notice-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
2214
- --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-alpha-4-base);
2215
- --ks-color-notice-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
2216
- --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-alpha-5-base);
2217
- --ks-color-notice-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
2218
- --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-alpha-6-base);
2219
- --ks-color-notice-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
2220
- --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-alpha-7-base);
2221
- --ks-color-notice-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
2222
- --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-alpha-8-base);
2223
- --ks-color-notice-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
2224
- --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-alpha-9-base);
2225
- --ks-color-notice-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
2226
- --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-to-bg-1-base);
2227
- --ks-color-notice-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
2228
- --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-to-bg-2-base);
2229
- --ks-color-notice-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
2230
- --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-to-bg-3-base);
2231
- --ks-color-notice-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
2232
- --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-to-bg-4-base);
2233
- --ks-color-notice-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
2234
- --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-to-bg-5-base);
2235
- --ks-color-notice-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
2236
- --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-to-bg-6-base);
2237
- --ks-color-notice-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
2238
- --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-to-bg-7-base);
2239
- --ks-color-notice-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
2240
- --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-to-bg-8-base);
2241
- --ks-color-notice-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
2242
- --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-to-bg-9-base);
2243
- --ks-color-notice-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
2244
- --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-to-fg-1-base);
2245
- --ks-color-notice-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
2246
- --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-to-fg-2-base);
2247
- --ks-color-notice-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
2248
- --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-to-fg-3-base);
2249
- --ks-color-notice-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
2250
- --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-to-fg-4-base);
2251
- --ks-color-notice-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
2252
- --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-to-fg-5-base);
2253
- --ks-color-notice-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
2254
- --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-to-fg-6-base);
2255
- --ks-color-notice-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
2256
- --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-to-fg-7-base);
2257
- --ks-color-notice-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
2258
- --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-to-fg-8-base);
2259
- --ks-color-notice-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
2260
- --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-to-fg-9-base);
2261
- --ks-color-negative: var(--ks-color-negative-inverted-base);
2262
- --ks-color-negative-inverted: var(--ks-color-negative-base);
2263
- --ks-color-negative-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
2264
- --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-alpha-1-base);
2265
- --ks-color-negative-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
2266
- --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-alpha-2-base);
2267
- --ks-color-negative-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
2268
- --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-alpha-3-base);
2269
- --ks-color-negative-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
2270
- --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-alpha-4-base);
2271
- --ks-color-negative-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
2272
- --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-alpha-5-base);
2273
- --ks-color-negative-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
2274
- --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-alpha-6-base);
2275
- --ks-color-negative-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
2276
- --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-alpha-7-base);
2277
- --ks-color-negative-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
2278
- --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-alpha-8-base);
2279
- --ks-color-negative-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
2280
- --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-alpha-9-base);
2281
- --ks-color-negative-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
2282
- --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-to-bg-1-base);
2283
- --ks-color-negative-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
2284
- --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-to-bg-2-base);
2285
- --ks-color-negative-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
2286
- --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-to-bg-3-base);
2287
- --ks-color-negative-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
2288
- --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-to-bg-4-base);
2289
- --ks-color-negative-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
2290
- --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-to-bg-5-base);
2291
- --ks-color-negative-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
2292
- --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-to-bg-6-base);
2293
- --ks-color-negative-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
2294
- --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-to-bg-7-base);
2295
- --ks-color-negative-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
2296
- --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-to-bg-8-base);
2297
- --ks-color-negative-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
2298
- --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-to-bg-9-base);
2299
- --ks-color-negative-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
2300
- --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-to-fg-1-base);
2301
- --ks-color-negative-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
2302
- --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-to-fg-2-base);
2303
- --ks-color-negative-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
2304
- --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-to-fg-3-base);
2305
- --ks-color-negative-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
2306
- --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-to-fg-4-base);
2307
- --ks-color-negative-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
2308
- --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-to-fg-5-base);
2309
- --ks-color-negative-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
2310
- --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-to-fg-6-base);
2311
- --ks-color-negative-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
2312
- --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-to-fg-7-base);
2313
- --ks-color-negative-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
2314
- --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
2315
- --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
2316
- --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
2317
- --ks-text-color-default: var(--ks-text-color-default-inverted-base);
2318
- --ks-text-color-default-inverted: var(--ks-text-color-default-base);
2319
- --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
2320
- --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-interactive-base);
2321
- --ks-text-color-default-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
2322
- --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
2323
- --ks-text-color-default-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
2324
- --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-interactive-active-base);
2325
- --ks-text-color-default-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
2326
- --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
2327
- --ks-text-color-copy: var(--ks-text-color-copy-inverted-base);
2328
- --ks-text-color-copy-inverted: var(--ks-text-color-copy-base);
2329
- --ks-text-color-copy-interactive: var(--ks-text-color-copy-inverted-interactive-base);
2330
- --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-interactive-base);
2331
- --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
2332
- --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
2333
- --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
2334
- --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-interactive-active-base);
2335
- --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
2336
- --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
2337
- --ks-text-color-display: var(--ks-text-color-display-inverted-base);
2338
- --ks-text-color-display-inverted: var(--ks-text-color-display-base);
2339
- --ks-text-color-display-interactive: var(--ks-text-color-display-inverted-interactive-base);
2340
- --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-interactive-base);
2341
- --ks-text-color-display-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
2342
- --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
2343
- --ks-text-color-display-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
2344
- --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-interactive-active-base);
2345
- --ks-text-color-display-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
2346
- --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
2347
- --ks-text-color-interface: var(--ks-text-color-interface-inverted-base);
2348
- --ks-text-color-interface-inverted: var(--ks-text-color-interface-base);
2349
- --ks-text-color-interface-interactive: var(--ks-text-color-interface-inverted-interactive-base);
2350
- --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-interactive-base);
2351
- --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
2352
- --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
2353
- --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
2354
- --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-interactive-active-base);
2355
- --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
2356
- --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
2357
- --ks-text-color-card: var(--ks-text-color-card-inverted-base);
2358
- --ks-text-color-card-inverted: var(--ks-text-color-card-base);
2359
- --ks-text-color-card-interactive: var(--ks-text-color-card-inverted-interactive-base);
2360
- --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-interactive-base);
2361
- --ks-text-color-card-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
2362
- --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
2363
- --ks-text-color-card-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
2364
- --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-interactive-active-base);
2365
- --ks-text-color-card-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
2366
- --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
2367
- --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
2368
- --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
2369
- --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
2370
- --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-interactive-base);
2371
- --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
2372
- --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
2373
- --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
2374
- --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-interactive-active-base);
2375
- --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
2376
- --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
2377
- --ks-text-color-positive: var(--ks-text-color-positive-inverted-base);
2378
- --ks-text-color-positive-inverted: var(--ks-text-color-positive-base);
2379
- --ks-text-color-positive-interactive: var(--ks-text-color-positive-inverted-interactive-base);
2380
- --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-interactive-base);
2381
- --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
2382
- --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
2383
- --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
2384
- --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-interactive-active-base);
2385
- --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
2386
- --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
2387
- --ks-text-color-informative: var(--ks-text-color-informative-inverted-base);
2388
- --ks-text-color-informative-inverted: var(--ks-text-color-informative-base);
2389
- --ks-text-color-informative-interactive: var(--ks-text-color-informative-inverted-interactive-base);
2390
- --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-interactive-base);
2391
- --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
2392
- --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
2393
- --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
2394
- --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-interactive-active-base);
2395
- --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
2396
- --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
2397
- --ks-text-color-notice: var(--ks-text-color-notice-inverted-base);
2398
- --ks-text-color-notice-inverted: var(--ks-text-color-notice-base);
2399
- --ks-text-color-notice-interactive: var(--ks-text-color-notice-inverted-interactive-base);
2400
- --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-interactive-base);
2401
- --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
2402
- --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
2403
- --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
2404
- --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-interactive-active-base);
2405
- --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
2406
- --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
2407
- --ks-text-color-negative: var(--ks-text-color-negative-inverted-base);
2408
- --ks-text-color-negative-inverted: var(--ks-text-color-negative-base);
2409
- --ks-text-color-negative-interactive: var(--ks-text-color-negative-inverted-interactive-base);
2410
- --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-interactive-base);
2411
- --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
2412
- --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
2413
- --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
2414
- --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
2415
- --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
2416
- --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
2417
- }
2418
-
2419
- @media (min-width: 36em) {
2420
- :root {
2421
- --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-phone);
2422
- --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-phone);
2423
- --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-phone);
2424
- --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-phone);
2425
- --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-phone);
2426
- --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-phone);
2427
- --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-phone);
2428
- --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-phone);
2429
- }
2430
- }
2431
- @media (min-width: 48em) {
2432
- :root {
2433
- --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tablet);
2434
- --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tablet);
2435
- --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tablet);
2436
- --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tablet);
2437
- --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tablet);
2438
- --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tablet);
2439
- --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tablet);
2440
- --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tablet);
2441
- --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tablet);
2442
- --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tablet);
2443
- --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tablet);
2444
- }
2445
- }
2446
- @media (min-width: 62em) {
2447
- :root {
2448
- --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-laptop);
2449
- --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-laptop);
2450
- --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-laptop);
2451
- --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-laptop);
2452
- --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-laptop);
2453
- --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-laptop);
2454
- --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-laptop);
2455
- --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-laptop);
2456
- }
2457
- }
2458
- @media (min-width: 75em) {
2459
- :root {
2460
- --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-desktop);
2461
- --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-desktop);
2462
- --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-desktop);
2463
- --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-desktop);
2464
- --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-desktop);
2465
- --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-desktop);
2466
- --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-desktop);
2467
- --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
2468
- }
2469
- }
2470
- @media (min-width: 122em) {
2471
- :root {
2472
- --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tv);
2473
- --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tv);
2474
- --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tv);
2475
- --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tv);
2476
- --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tv);
2477
- --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tv);
2478
- --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tv);
2479
- }
2480
- }