@kickstartds/ds-agency-premium 1.6.71--canary.55.2416.0 → 1.6.71

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 (456) hide show
  1. package/dist/{BlogAsideProps-c760fd2a.d.ts → BlogAsideProps-d9decb7c.d.ts} +5 -5
  2. package/dist/{BlogAuthorProps-fb0241df.d.ts → BlogAuthorProps-88a11566.d.ts} +2 -7
  3. package/dist/BlogOverviewProps-9f207f1c.d.ts +2 -2
  4. package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts} +3 -3
  5. package/dist/{ButtonProps-4e2b2ecf.d.ts → ButtonProps-03ff6d21.d.ts} +4 -6
  6. package/dist/{CtaProps-789f8508.d.ts → CtaProps-93230a76.d.ts} +11 -16
  7. package/dist/{FeaturesProps-a9041d97.d.ts → FeaturesProps-e58616a5.d.ts} +4 -9
  8. package/dist/{FooterProps-a0a104ca.d.ts → FooterProps-171a3067.d.ts} +2 -2
  9. package/dist/{HeaderProps-72763967.d.ts → HeaderProps-e22382f1.d.ts} +2 -2
  10. package/dist/{HeroProps-fec6b267.d.ts → HeroProps-f704d270.d.ts} +5 -15
  11. package/dist/ImageStoryProps-e853e1e7.d.ts +1 -1
  12. package/dist/MosaicProps-d52c7151.d.ts +4 -4
  13. package/dist/PageProps-aa29c554.d.ts +1 -1
  14. package/dist/{SectionProps-d60aba86.d.ts → SectionProps-1cfcf6e8.d.ts} +11 -21
  15. package/dist/{SliderProps-789f8508.d.ts → SliderProps-93230a76.d.ts} +5 -5
  16. package/dist/{TeaserCardProps-994cb119.d.ts → TeaserCardProps-b9c28e78.d.ts} +4 -4
  17. package/dist/{VideoCurtainProps-a2c0cc7f.d.ts → VideoCurtainProps-6c625a69.d.ts} +5 -5
  18. package/dist/components/blog-aside/blog-aside.css +4 -4
  19. package/dist/components/blog-aside/blog-aside.schema.dereffed.json +14 -16
  20. package/dist/components/blog-aside/blog-aside.schema.json +4 -4
  21. package/dist/components/blog-aside/index.d.ts +1 -1
  22. package/dist/components/blog-aside/index.js +4 -9
  23. package/dist/components/blog-author/blog-author.schema.dereffed.json +7 -12
  24. package/dist/components/blog-author/index.d.ts +1 -1
  25. package/dist/components/blog-author/index.js +1 -10
  26. package/dist/components/blog-head/blog-head.schema.dereffed.json +6 -0
  27. package/dist/components/blog-head/index.js +1 -6
  28. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +319 -12097
  29. package/dist/components/blog-overview/blog-overview.schema.json +2 -2
  30. package/dist/components/blog-overview/index.js +0 -1
  31. package/dist/components/blog-post/blog-post.schema.dereffed.json +317 -12109
  32. package/dist/components/blog-post/blog-post.schema.json +2 -2
  33. package/dist/components/blog-post/index.d.ts +1 -1
  34. package/dist/components/blog-post/index.js +2 -5
  35. package/dist/components/blog-tag/blog-tag.schema.dereffed.json +3 -0
  36. package/dist/components/blog-teaser/blog-teaser.css +2 -2
  37. package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +6 -0
  38. package/dist/components/blog-teaser/index.js +8 -15
  39. package/dist/components/button/button.css +2 -2
  40. package/dist/components/button/button.schema.dereffed.json +4 -10
  41. package/dist/components/button/button.schema.json +3 -8
  42. package/dist/components/button/index.d.ts +1 -1
  43. package/dist/components/button/index.js +9 -19
  44. package/dist/components/button-group/button-group.schema.dereffed.json +9 -12
  45. package/dist/components/button-group/index.d.ts +4 -4
  46. package/dist/components/button-group/index.js +2 -11
  47. package/dist/components/contact/contact.css +17 -11
  48. package/dist/components/contact/contact.schema.dereffed.json +8 -13
  49. package/dist/components/contact/contact.schema.json +5 -11
  50. package/dist/components/contact/index.d.ts +1 -6
  51. package/dist/components/contact/index.js +2 -11
  52. package/dist/components/cta/cta.css +71 -48
  53. package/dist/components/cta/cta.schema.dereffed.json +13 -21
  54. package/dist/components/cta/cta.schema.json +10 -17
  55. package/dist/components/cta/index.d.ts +1 -1
  56. package/dist/components/cta/index.js +27 -44
  57. package/dist/components/divider/divider.schema.dereffed.json +3 -0
  58. package/dist/components/divider/index.js +1 -6
  59. package/dist/components/faq/faq.schema.dereffed.json +3 -0
  60. package/dist/components/faq/index.js +1 -6
  61. package/dist/components/feature/feature.schema.dereffed.json +6 -13
  62. package/dist/components/feature/feature.schema.json +3 -11
  63. package/dist/components/feature/index.d.ts +3 -8
  64. package/dist/components/feature/index.js +3 -15
  65. package/dist/components/features/features.css +14 -12
  66. package/dist/components/features/features.schema.dereffed.json +6 -13
  67. package/dist/components/features/features.schema.json +2 -5
  68. package/dist/components/features/index.d.ts +1 -1
  69. package/dist/components/features/index.js +2 -14
  70. package/dist/components/footer/footer.css +3 -4
  71. package/dist/components/footer/footer.schema.dereffed.json +15 -12
  72. package/dist/components/footer/index.d.ts +1 -1
  73. package/dist/components/footer/index.js +2 -12
  74. package/dist/components/gallery/gallery.schema.dereffed.json +4 -2
  75. package/dist/components/gallery/gallery.schema.json +1 -2
  76. package/dist/components/gallery/index.js +2 -10
  77. package/dist/components/header/header.css +9 -52
  78. package/dist/components/header/header.schema.dereffed.json +15 -12
  79. package/dist/components/header/index.d.ts +1 -1
  80. package/dist/components/header/index.js +6 -18
  81. package/dist/components/headline/headline.css +40 -36
  82. package/dist/components/headline/headline.schema.dereffed.json +3 -0
  83. package/dist/components/headline/index.js +4 -13
  84. package/dist/components/hero/hero.css +52 -130
  85. package/dist/components/hero/hero.schema.dereffed.json +8 -19
  86. package/dist/components/hero/hero.schema.json +4 -24
  87. package/dist/components/hero/index.d.ts +1 -1
  88. package/dist/components/hero/index.js +40 -66
  89. package/dist/components/html/html.schema.dereffed.json +3 -0
  90. package/dist/components/html/index.js +1 -8
  91. package/dist/components/image-story/image-story.css +6 -9
  92. package/dist/components/image-story/image-story.schema.dereffed.json +7 -10
  93. package/dist/components/image-story/index.js +1 -14
  94. package/dist/components/image-text/image-text.css +4 -4
  95. package/dist/components/image-text/image-text.schema.dereffed.json +3 -0
  96. package/dist/components/image-text/index.js +1 -7
  97. package/dist/components/index/index.d.ts +3 -4
  98. package/dist/components/logo/index.js +1 -6
  99. package/dist/components/logo/logo.schema.dereffed.json +3 -0
  100. package/dist/components/logos/index.js +2 -13
  101. package/dist/components/logos/logos.css +2 -2
  102. package/dist/components/logos/logos.schema.dereffed.json +9 -6
  103. package/dist/components/logos/logos.schema.json +6 -6
  104. package/dist/components/mosaic/index.js +2 -9
  105. package/dist/components/mosaic/mosaic.css +7 -5
  106. package/dist/components/mosaic/mosaic.schema.dereffed.json +9 -3
  107. package/dist/components/nav-dropdown/index.d.ts +1 -1
  108. package/dist/components/nav-dropdown/index.js +2 -2
  109. package/dist/components/nav-dropdown/nav-dropdown.css +4 -13
  110. package/dist/components/nav-dropdown/nav-dropdown.schema.dereffed.json +4 -1
  111. package/dist/components/nav-flyout/index.d.ts +2 -2
  112. package/dist/components/nav-flyout/index.js +9 -13
  113. package/dist/components/nav-flyout/nav-flyout.css +15 -29
  114. package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +18 -12
  115. package/dist/components/nav-main/index.d.ts +5 -5
  116. package/dist/components/nav-main/index.js +3 -11
  117. package/dist/components/nav-main/nav-main.schema.dereffed.json +21 -15
  118. package/dist/components/nav-main/nav-main.schema.json +14 -14
  119. package/dist/components/nav-toggle/index.js +1 -1
  120. package/dist/components/nav-topbar/index.d.ts +2 -2
  121. package/dist/components/nav-topbar/index.js +3 -9
  122. package/dist/components/nav-topbar/nav-topbar.css +4 -17
  123. package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +15 -12
  124. package/dist/components/page/page.schema.dereffed.json +291 -12079
  125. package/dist/components/page/page.schema.json +2 -2
  126. package/dist/components/page-wrapper/index.js +0 -51
  127. package/dist/components/page-wrapper/tokens.css +810 -507
  128. package/dist/components/presets.json +559 -2249
  129. package/dist/components/providers/index.js +0 -1
  130. package/dist/components/section/index.d.ts +1 -1
  131. package/dist/components/section/index.js +17 -39
  132. package/dist/components/section/section.css +57 -39
  133. package/dist/components/section/section.schema.dereffed.json +277 -12071
  134. package/dist/components/section/section.schema.json +11 -25
  135. package/dist/components/seo/seo.schema.dereffed.json +7 -4
  136. package/dist/components/seo/seo.schema.json +3 -4
  137. package/dist/components/settings/settings.schema.dereffed.json +41 -29
  138. package/dist/components/settings/settings.schema.json +2 -2
  139. package/dist/components/slider/index.d.ts +2 -4
  140. package/dist/components/slider/index.js +3 -19
  141. package/dist/components/slider/slider.css +9 -14
  142. package/dist/components/slider/slider.schema.dereffed.json +74 -74
  143. package/dist/components/slider/slider.schema.json +1 -1
  144. package/dist/components/split/index.d.ts +14 -0
  145. package/dist/components/split/index.js +17 -0
  146. package/dist/components/split/split.css +53 -0
  147. package/dist/components/split/split.schema.dereffed.json +29 -0
  148. package/dist/components/split/split.schema.json +19 -0
  149. package/dist/components/stat/index.js +1 -4
  150. package/dist/components/stat/stat.schema.dereffed.json +3 -0
  151. package/dist/components/stats/index.js +1 -6
  152. package/dist/components/stats/stats.schema.dereffed.json +6 -0
  153. package/dist/components/teaser-card/index.d.ts +1 -1
  154. package/dist/components/teaser-card/index.js +10 -20
  155. package/dist/components/teaser-card/teaser-card.css +52 -101
  156. package/dist/components/teaser-card/teaser-card.schema.dereffed.json +7 -4
  157. package/dist/components/teaser-card/teaser-card.schema.json +4 -4
  158. package/dist/components/testimonial/index.js +1 -7
  159. package/dist/components/testimonial/testimonial.schema.dereffed.json +3 -0
  160. package/dist/components/testimonials/index.d.ts +1 -1
  161. package/dist/components/testimonials/index.js +1 -8
  162. package/dist/components/testimonials/testimonials.css +0 -4
  163. package/dist/components/testimonials/testimonials.schema.dereffed.json +3 -0
  164. package/dist/components/text/index.js +1 -8
  165. package/dist/components/text/text.css +2 -2
  166. package/dist/components/text/text.schema.dereffed.json +3 -0
  167. package/dist/components/tile/tile.schema.dereffed.json +6 -3
  168. package/dist/components/tile/tile.schema.json +2 -2
  169. package/dist/components/video-curtain/index.d.ts +1 -1
  170. package/dist/components/video-curtain/index.js +5 -23
  171. package/dist/components/video-curtain/video-curtain.css +31 -54
  172. package/dist/components/video-curtain/video-curtain.schema.dereffed.json +8 -7
  173. package/dist/components/video-curtain/video-curtain.schema.json +4 -4
  174. package/dist/global.css +89 -323
  175. package/dist/static/fonts/dsa/Fredoka-Bold.woff +0 -0
  176. package/dist/static/fonts/dsa/Fredoka-Bold.woff2 +0 -0
  177. package/dist/static/fonts/dsa/Fredoka-Light.woff +0 -0
  178. package/dist/static/fonts/dsa/Fredoka-Light.woff2 +0 -0
  179. package/dist/static/fonts/dsa/Fredoka-Medium.woff +0 -0
  180. package/dist/static/fonts/dsa/Fredoka-Medium.woff2 +0 -0
  181. package/dist/static/fonts/dsa/Fredoka-Regular.woff +0 -0
  182. package/dist/static/fonts/dsa/Fredoka-Regular.woff2 +0 -0
  183. package/dist/static/fonts/dsa/Fredoka-SemiBold.woff +0 -0
  184. package/dist/static/fonts/dsa/Fredoka-SemiBold.woff2 +0 -0
  185. package/dist/static/fonts/dsa/Mulish-300.woff +0 -0
  186. package/dist/static/fonts/dsa/Mulish-300.woff2 +0 -0
  187. package/dist/static/fonts/dsa/Mulish-600.woff +0 -0
  188. package/dist/static/fonts/dsa/Mulish-600.woff2 +0 -0
  189. package/dist/static/fonts/dsa/Mulish-800.woff +0 -0
  190. package/dist/static/fonts/dsa/Mulish-800.woff2 +0 -0
  191. package/dist/static/fonts/dsa/Mulish-Regular.woff +0 -0
  192. package/dist/static/fonts/dsa/Mulish-Regular.woff2 +0 -0
  193. package/dist/static/img/logos/logoipsum-212.svg +12 -0
  194. package/dist/static/img/logos/logoipsum-217.svg +4 -0
  195. package/dist/static/img/logos/logoipsum-239.svg +16 -0
  196. package/dist/static/img/logos/logoipsum-244.svg +19 -0
  197. package/dist/static/img/logos/logoipsum-250.svg +21 -0
  198. package/dist/static/img/logos/logoipsum-286.svg +20 -0
  199. package/dist/static/img/people/author-alex.png +0 -0
  200. package/dist/static/img/people/author-emily.png +0 -0
  201. package/dist/static/img/people/author-john.png +0 -0
  202. package/dist/static/img/screenshots/blog-blog-aside--default.png +0 -0
  203. package/dist/static/img/screenshots/blog-blog-author--default.png +0 -0
  204. package/dist/static/img/screenshots/blog-blog-head--default.png +0 -0
  205. package/dist/static/img/screenshots/blog-blog-teaser--default.png +0 -0
  206. package/dist/static/img/screenshots/components-contact--wide-image.png +0 -0
  207. package/dist/static/img/screenshots/components-cta--align-bottom.png +0 -0
  208. package/dist/static/img/screenshots/components-cta--angled-image.png +0 -0
  209. package/dist/static/img/screenshots/components-cta--banner.png +0 -0
  210. package/dist/static/img/screenshots/components-cta--colored-banner.png +0 -0
  211. package/dist/static/img/screenshots/components-cta--contact-banner.png +0 -0
  212. package/dist/static/img/screenshots/components-cta--highlighted.png +0 -0
  213. package/dist/static/img/screenshots/components-cta--left-aligned.png +0 -0
  214. package/dist/static/img/screenshots/components-cta--product-advertisement.png +0 -0
  215. package/dist/static/img/screenshots/components-cta--split-banner.png +0 -0
  216. package/dist/static/img/screenshots/components-faq--dropdown-list.png +0 -0
  217. package/dist/static/img/screenshots/components-faq--single-dropdown.png +0 -0
  218. package/dist/static/img/screenshots/components-features--icon-beside-with-link-in-text.png +0 -0
  219. package/dist/static/img/screenshots/components-features--icon-centered.png +0 -0
  220. package/dist/static/img/screenshots/components-features--icon-intext-with-link.png +0 -0
  221. package/dist/static/img/screenshots/components-features--list-view.png +0 -0
  222. package/dist/static/img/screenshots/components-features--stack-with-button.png +0 -0
  223. package/dist/static/img/screenshots/components-headline--h-1.png +0 -0
  224. package/dist/static/img/screenshots/components-headline--h-2.png +0 -0
  225. package/dist/static/img/screenshots/components-headline--h-3.png +0 -0
  226. package/dist/static/img/screenshots/components-headline--h-4.png +0 -0
  227. package/dist/static/img/screenshots/components-headline--order-swapped.png +0 -0
  228. package/dist/static/img/screenshots/components-headline--with-markdown.png +0 -0
  229. package/dist/static/img/screenshots/components-headline--with-subheadline.png +0 -0
  230. package/dist/static/img/screenshots/components-hero--text-box-on-full-screen.png +0 -0
  231. package/dist/static/img/screenshots/components-hero--text-on-image-with-overlay.png +0 -0
  232. package/dist/static/img/screenshots/components-html--html.png +0 -0
  233. package/dist/static/img/screenshots/components-html--with-consent.png +0 -0
  234. package/dist/static/img/screenshots/components-html--with-script.png +0 -0
  235. package/dist/static/img/screenshots/components-logos--centered-with-button.png +0 -0
  236. package/dist/static/img/screenshots/components-logos--left-aligned-with-text-link.png +0 -0
  237. package/dist/static/img/screenshots/components-stats--count-up-with-description.png +0 -0
  238. package/dist/static/img/screenshots/components-stats--count-up-with-icons.png +0 -0
  239. package/dist/static/img/screenshots/components-testimonials--alternating-layout.png +0 -0
  240. package/dist/static/img/screenshots/components-testimonials--list-layout.png +0 -0
  241. package/dist/static/img/screenshots/components-testimonials--simple.png +0 -0
  242. package/dist/static/img/screenshots/components-testimonials--slider-layout.png +0 -0
  243. package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
  244. package/dist/static/img/screenshots/components-testimonials--with-title.png +0 -0
  245. package/dist/static/img/screenshots/form-select-field--default.png +0 -0
  246. package/dist/static/img/screenshots/form-text-area--default.png +0 -0
  247. package/dist/static/img/screenshots/form-text-field--default.png +0 -0
  248. package/dist/static/img/screenshots/layout-divider--accent.png +0 -0
  249. package/dist/static/img/screenshots/layout-footer--footer.png +0 -0
  250. package/dist/static/img/screenshots/layout-header--header.png +0 -0
  251. package/dist/static/img/screenshots/layout-section--accent-background.png +0 -0
  252. package/dist/static/img/screenshots/layout-section--background-image.png +0 -0
  253. package/dist/static/img/screenshots/layout-section--bold-background.png +0 -0
  254. package/dist/static/img/screenshots/layout-section--cards.png +0 -0
  255. package/dist/static/img/screenshots/layout-section--colorful-gradient.png +0 -0
  256. package/dist/static/img/screenshots/layout-section--flex-layout.png +0 -0
  257. package/dist/static/img/screenshots/layout-section--inverted.png +0 -0
  258. package/dist/static/img/screenshots/layout-section--list-layout.png +0 -0
  259. package/dist/static/img/screenshots/layout-section--slider.png +0 -0
  260. package/dist/static/img/screenshots/layout-section--spotlight.png +0 -0
  261. package/dist/static/img/screenshots/layout-section--stagelights.png +0 -0
  262. package/dist/static/img/screenshots/layout-section--tile-layout.png +0 -0
  263. package/dist/static/img/screenshots/layout-section--with-buttons.png +0 -0
  264. package/dist/static/img/screenshots/layout-slider--with-arrows.png +0 -0
  265. package/dist/static/img/screenshots/layout-slider--with-autoplay.png +0 -0
  266. package/dist/static/img/screenshots/layout-slider--with-nav.png +0 -0
  267. package/dist/static/img/screenshots/layout-slider--with-teased-neighbours.png +0 -0
  268. package/dist/static/img/screenshots/{pages-archetypes--blog-overview.png → page-archetypes-blog-overview--blog-overview.png} +0 -0
  269. package/dist/static/img/screenshots/page-archetypes-blog-post--blog-post.png +0 -0
  270. package/dist/static/img/screenshots/page-archetypes-landingpage--landingpage.png +0 -0
  271. package/dist/static/img/screenshots/page-archetypes-overview--overview.png +0 -0
  272. package/dist/static/img/screenshots/page-archetypes-showcase--showcase.png +0 -0
  273. package/dist/static/logo-inverted.svg +25 -12
  274. package/dist/static/logo.svg +25 -56
  275. package/dist/tokens/IconSprite.js +0 -50
  276. package/dist/tokens/icon-sprite.html +0 -18
  277. package/dist/tokens/themes.css +4 -4
  278. package/dist/tokens/tokens.css +810 -507
  279. package/dist/tokens/tokens.js +917 -817
  280. package/package.json +5 -14
  281. package/dist/BusinessCardProps-e10e7b62.d.ts +0 -101
  282. package/dist/ContentNavProps-0e282a9f.d.ts +0 -36
  283. package/dist/DownloadsProps-a49a977e.d.ts +0 -34
  284. package/dist/EventAppointmentProps-443cd1ce.d.ts +0 -38
  285. package/dist/EventDetailProps-42a7eebe.d.ts +0 -387
  286. package/dist/EventFilterProps-b190eb86.d.ts +0 -73
  287. package/dist/EventLatestTeaserProps-fc9d3281.d.ts +0 -58
  288. package/dist/EventListTeaserProps-5cc94436.d.ts +0 -89
  289. package/dist/EventLocationProps-871bc198.d.ts +0 -41
  290. package/dist/SearchFilterProps-2fa6419b.d.ts +0 -29
  291. package/dist/SearchResultProps-224c2338.d.ts +0 -33
  292. package/dist/SplitEvenProps-789f8508.d.ts +0 -65
  293. package/dist/SplitWeightedProps-789f8508.d.ts +0 -95
  294. package/dist/components/breadcrumb/breadcrumb.css +0 -32
  295. package/dist/components/breadcrumb/breadcrumb.schema.dereffed.json +0 -31
  296. package/dist/components/breadcrumb/breadcrumb.schema.json +0 -27
  297. package/dist/components/breadcrumb/index.d.ts +0 -28
  298. package/dist/components/breadcrumb/index.js +0 -22
  299. package/dist/components/business-card/business-card.css +0 -186
  300. package/dist/components/business-card/business-card.schema.dereffed.json +0 -141
  301. package/dist/components/business-card/business-card.schema.json +0 -126
  302. package/dist/components/business-card/index.d.ts +0 -7
  303. package/dist/components/business-card/index.js +0 -31
  304. package/dist/components/content-nav/content-nav.css +0 -122
  305. package/dist/components/content-nav/content-nav.schema.dereffed.json +0 -58
  306. package/dist/components/content-nav/content-nav.schema.json +0 -52
  307. package/dist/components/content-nav/index.d.ts +0 -7
  308. package/dist/components/content-nav/index.js +0 -21
  309. package/dist/components/cookie-consent/C15t.client.d.ts +0 -5
  310. package/dist/components/cookie-consent/C15t.client.js +0 -67
  311. package/dist/components/cookie-consent/CookieConsent.client.d.ts +0 -25
  312. package/dist/components/cookie-consent/CookieConsent.client.js +0 -84
  313. package/dist/components/cookie-consent/cookie-consent.css +0 -267
  314. package/dist/components/cookie-consent/cookie-consent.schema.dereffed.json +0 -256
  315. package/dist/components/cookie-consent/cookie-consent.schema.json +0 -224
  316. package/dist/components/cookie-consent/index.d.ts +0 -143
  317. package/dist/components/cookie-consent/index.js +0 -26
  318. package/dist/components/downloads/downloads.css +0 -153
  319. package/dist/components/downloads/downloads.schema.dereffed.json +0 -52
  320. package/dist/components/downloads/downloads.schema.json +0 -44
  321. package/dist/components/downloads/index.d.ts +0 -8
  322. package/dist/components/downloads/index.js +0 -23
  323. package/dist/components/event-appointment/event-appointment.css +0 -63
  324. package/dist/components/event-appointment/event-appointment.schema.dereffed.json +0 -53
  325. package/dist/components/event-appointment/event-appointment.schema.json +0 -47
  326. package/dist/components/event-appointment/index.d.ts +0 -7
  327. package/dist/components/event-appointment/index.js +0 -21
  328. package/dist/components/event-detail/event-detail.schema.dereffed.json +0 -278
  329. package/dist/components/event-detail/event-detail.schema.json +0 -74
  330. package/dist/components/event-detail/index.d.ts +0 -5
  331. package/dist/components/event-detail/index.js +0 -37
  332. package/dist/components/event-filter/event-filter.css +0 -31
  333. package/dist/components/event-filter/event-filter.schema.dereffed.json +0 -115
  334. package/dist/components/event-filter/event-filter.schema.json +0 -107
  335. package/dist/components/event-filter/index.d.ts +0 -7
  336. package/dist/components/event-filter/index.js +0 -61
  337. package/dist/components/event-header/event-header.css +0 -6
  338. package/dist/components/event-header/event-header.schema.dereffed.json +0 -35
  339. package/dist/components/event-header/event-header.schema.json +0 -34
  340. package/dist/components/event-header/index.d.ts +0 -35
  341. package/dist/components/event-header/index.js +0 -25
  342. package/dist/components/event-latest/event-latest.css +0 -5
  343. package/dist/components/event-latest/event-latest.schema.dereffed.json +0 -136
  344. package/dist/components/event-latest/event-latest.schema.json +0 -46
  345. package/dist/components/event-latest/index.d.ts +0 -30
  346. package/dist/components/event-latest/index.js +0 -24
  347. package/dist/components/event-latest-teaser/event-latest-teaser.css +0 -131
  348. package/dist/components/event-latest-teaser/event-latest-teaser.schema.dereffed.json +0 -94
  349. package/dist/components/event-latest-teaser/event-latest-teaser.schema.json +0 -73
  350. package/dist/components/event-latest-teaser/index.d.ts +0 -8
  351. package/dist/components/event-latest-teaser/index.js +0 -23
  352. package/dist/components/event-list/event-list.schema.dereffed.json +0 -275
  353. package/dist/components/event-list/event-list.schema.json +0 -18
  354. package/dist/components/event-list/index.d.ts +0 -19
  355. package/dist/components/event-list/index.js +0 -74
  356. package/dist/components/event-list-teaser/event-list-teaser.css +0 -143
  357. package/dist/components/event-list-teaser/event-list-teaser.schema.dereffed.json +0 -148
  358. package/dist/components/event-list-teaser/event-list-teaser.schema.json +0 -116
  359. package/dist/components/event-list-teaser/index.d.ts +0 -8
  360. package/dist/components/event-list-teaser/index.js +0 -28
  361. package/dist/components/event-location/event-location.css +0 -71
  362. package/dist/components/event-location/event-location.schema.dereffed.json +0 -120
  363. package/dist/components/event-location/event-location.schema.json +0 -61
  364. package/dist/components/event-location/index.d.ts +0 -7
  365. package/dist/components/event-location/index.js +0 -25
  366. package/dist/components/event-login/event-login.css +0 -31
  367. package/dist/components/event-login/event-login.schema.dereffed.json +0 -122
  368. package/dist/components/event-login/event-login.schema.json +0 -98
  369. package/dist/components/event-login/index.d.ts +0 -78
  370. package/dist/components/event-login/index.js +0 -31
  371. package/dist/components/event-registration/event-registration.css +0 -88
  372. package/dist/components/event-registration/event-registration.schema.dereffed.json +0 -171
  373. package/dist/components/event-registration/event-registration.schema.json +0 -138
  374. package/dist/components/event-registration/index.d.ts +0 -106
  375. package/dist/components/event-registration/index.js +0 -36
  376. package/dist/components/pagination/index.d.ts +0 -47
  377. package/dist/components/pagination/index.js +0 -64
  378. package/dist/components/pagination/pagination.css +0 -66
  379. package/dist/components/pagination/pagination.schema.dereffed.json +0 -61
  380. package/dist/components/pagination/pagination.schema.json +0 -57
  381. package/dist/components/search/index.d.ts +0 -19
  382. package/dist/components/search/index.js +0 -40
  383. package/dist/components/search/search.schema.dereffed.json +0 -125
  384. package/dist/components/search/search.schema.json +0 -18
  385. package/dist/components/search-bar/index.d.ts +0 -35
  386. package/dist/components/search-bar/index.js +0 -20
  387. package/dist/components/search-bar/search-bar.css +0 -33
  388. package/dist/components/search-bar/search-bar.schema.dereffed.json +0 -45
  389. package/dist/components/search-bar/search-bar.schema.json +0 -35
  390. package/dist/components/search-filter/index.d.ts +0 -7
  391. package/dist/components/search-filter/index.js +0 -20
  392. package/dist/components/search-filter/search-filter.css +0 -22
  393. package/dist/components/search-filter/search-filter.schema.dereffed.json +0 -66
  394. package/dist/components/search-filter/search-filter.schema.json +0 -46
  395. package/dist/components/search-result/index.d.ts +0 -7
  396. package/dist/components/search-result/index.js +0 -20
  397. package/dist/components/search-result/search-result.css +0 -28
  398. package/dist/components/search-result/search-result.schema.dereffed.json +0 -47
  399. package/dist/components/search-result/search-result.schema.json +0 -41
  400. package/dist/components/split-even/index.d.ts +0 -12
  401. package/dist/components/split-even/index.js +0 -26
  402. package/dist/components/split-even/split-even.css +0 -103
  403. package/dist/components/split-even/split-even.schema.dereffed.json +0 -5740
  404. package/dist/components/split-even/split-even.schema.json +0 -170
  405. package/dist/components/split-weighted/index.d.ts +0 -12
  406. package/dist/components/split-weighted/index.js +0 -42
  407. package/dist/components/split-weighted/split-weighted.css +0 -133
  408. package/dist/components/split-weighted/split-weighted.schema.dereffed.json +0 -5800
  409. package/dist/components/split-weighted/split-weighted.schema.json +0 -212
  410. package/dist/helpers-12f48df8.d.ts +0 -6
  411. package/dist/helpers-12f48df8.js +0 -40
  412. package/dist/static/fonts/dsa/permanent-marker-regular.woff2 +0 -0
  413. package/dist/static/fonts/dsa/wix-madefor-display-600.woff2 +0 -0
  414. package/dist/static/fonts/dsa/wix-madefor-display-700.woff2 +0 -0
  415. package/dist/static/fonts/dsa/wix-madefor-display-regular.woff2 +0 -0
  416. package/dist/static/fonts/dsa/wix-madefor-text-500.woff2 +0 -0
  417. package/dist/static/fonts/dsa/wix-madefor-text-600.woff2 +0 -0
  418. package/dist/static/fonts/dsa/wix-madefor-text-700.woff2 +0 -0
  419. package/dist/static/fonts/dsa/wix-madefor-text-regular.woff2 +0 -0
  420. package/dist/static/fonts/systemics/Montserrat-Bold.woff2 +0 -0
  421. package/dist/static/fonts/systemics/Montserrat-Light.woff2 +0 -0
  422. package/dist/static/fonts/systemics/Montserrat-Medium.woff2 +0 -0
  423. package/dist/static/fonts/systemics/Montserrat-Regular.woff2 +0 -0
  424. package/dist/static/fonts/systemics/Montserrat-SemiBold.woff2 +0 -0
  425. package/dist/static/img/about/angled-image.png +0 -0
  426. package/dist/static/img/about/cta.png +0 -0
  427. package/dist/static/img/about/cutout.png +0 -0
  428. package/dist/static/img/about/disclaimer.png +0 -0
  429. package/dist/static/img/about/purpose.png +0 -0
  430. package/dist/static/img/about/spoiler.png +0 -0
  431. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-01.svg +0 -72
  432. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-02.svg +0 -112
  433. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-03.svg +0 -197
  434. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-04.svg +0 -76
  435. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-05.svg +0 -82
  436. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-06.svg +0 -219
  437. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-07.svg +0 -85
  438. package/dist/static/img/logos/logoipsum-344.svg +0 -174
  439. package/dist/static/img/logos/logoipsum-347.svg +0 -52
  440. package/dist/static/img/logos/logoipsum-352.svg +0 -22
  441. package/dist/static/img/logos/logoipsum-356.svg +0 -20
  442. package/dist/static/img/logos/logoipsum-358.svg +0 -29
  443. package/dist/static/img/logos/logoipsum-369.svg +0 -20
  444. package/dist/static/img/logos/logoipsum-373.svg +0 -17
  445. package/dist/static/img/people/contact-person.png +0 -0
  446. package/dist/static/img/screenshots/components-image--custom-aspect-ratio.png +0 -0
  447. package/dist/static/img/screenshots/components-image--preset-size.png +0 -0
  448. package/dist/static/img/screenshots/components-image--responsive-image.png +0 -0
  449. package/dist/static/img/screenshots/pages-archetypes--blog-post.png +0 -0
  450. package/dist/static/img/screenshots/pages-archetypes--content.png +0 -0
  451. package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
  452. package/dist/static/img/screenshots/pages-archetypes--start.png +0 -0
  453. package/dist/static/logo-dark.svg +0 -13
  454. package/dist/static/logo-dsa-inverted.svg +0 -26
  455. package/dist/static/logo-dsa.svg +0 -26
  456. package/dist/static/taktsoft-energy/preview.gif +0 -0
package/dist/tokens/tokens.css CHANGED
@@ -1,13 +1,13 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Nov 2025 19:58:35 GMT
3
+ * Generated on Tue, 02 Dec 2025 10:59:27 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
7
7
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
8
- --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-9-base);
9
- --ks-background-color-bold-base: var(--ks-color-primary-to-bg-7-base);
10
- --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-7-base);
8
+ --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
9
+ --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
10
+ --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
11
11
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
12
12
  --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
13
13
  --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -32,14 +32,14 @@
32
32
  --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
33
33
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
34
34
  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
35
- --ks-background-color-card-base: var(--ks-color-bg-base);
36
- --ks-background-color-card-interactive-base: var(--ks-color-bg-base);
35
+ --ks-background-color-card-base: var(--ks-color-fg-to-bg-9-base);
36
+ --ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-9-base);
37
37
  --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
38
38
  --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
39
39
  --ks-background-color-card-interactive-active-base: var(--ks-color-fg-alpha-9-base);
40
40
  --ks-background-color-card-interactive-selected-base: var(--ks-color-primary-base);
41
- --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
42
- --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
41
+ --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-to-bg-9-base);
42
+ --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-9-base);
43
43
  --ks-background-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-7-base);
44
44
  --ks-background-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
45
45
  --ks-background-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
@@ -104,8 +104,20 @@
104
104
  --ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
105
105
  --ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
106
106
  --ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
107
- --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
108
- --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
107
+ --ks-background-color-secondary-base: var(--ks-color-secondary-base);
108
+ --ks-background-color-secondary-interactive-base: var(--ks-color-secondary-base);
109
+ --ks-background-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
110
+ --ks-background-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-2-base);
111
+ --ks-background-color-secondary-interactive-selected-base: var(--ks-color-secondary-to-bg-4-base);
112
+ --ks-background-color-secondary-translucent-base: var(--ks-color-secondary-alpha-5-base);
113
+ --ks-background-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
114
+ --ks-background-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
115
+ --ks-background-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
116
+ --ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
117
+ --ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
118
+ --ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
119
+ --ks-border-color-accent-base: var(--ks-color-primary-alpha-7-base);
120
+ --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-alpha-7-base);
109
121
  --ks-border-color-clear-base: var(--ks-color-transparent-base);
110
122
  --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
111
123
  --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -116,8 +128,8 @@
116
128
  --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
117
129
  --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
118
130
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
119
- --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
120
- --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
131
+ --ks-border-color-default-base: var(--ks-color-fg-alpha-7-base);
132
+ --ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-7-base);
121
133
  --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
122
134
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
123
135
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
@@ -131,16 +143,16 @@
131
143
  --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
132
144
  --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
133
145
  --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
134
- --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
146
+ --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-9-base);
135
147
  --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
136
- --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
137
- --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
148
+ --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-7-base);
149
+ --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-7-base);
138
150
  --ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
139
151
  --ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
140
- --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
152
+ --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-9-base);
141
153
  --ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
142
- --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
143
- --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
154
+ --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-7-base);
155
+ --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-7-base);
144
156
  --ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
145
157
  --ks-border-color-primary-base: var(--ks-color-primary-base);
146
158
  --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
@@ -202,11 +214,24 @@
202
214
  --ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
203
215
  --ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
204
216
  --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
217
+ --ks-border-color-secondary-base: var(--ks-color-secondary-base);
218
+ --ks-border-color-secondary-interactive-base: var(--ks-color-secondary-base);
219
+ --ks-border-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
220
+ --ks-border-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-3-base);
221
+ --ks-border-color-secondary-interactive-selected-base: var(--ks-color-secondary-base);
222
+ --ks-border-color-secondary-translucent-base: var(--ks-color-secondary-alpha-2-base);
223
+ --ks-border-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
224
+ --ks-border-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
225
+ --ks-border-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
226
+ --ks-border-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-3-base);
227
+ --ks-border-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-base);
228
+ --ks-border-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-2-base);
205
229
  --ks-border-width-default: 1px;
206
230
  --ks-border-width-emphasized: 2px;
207
- --ks-border-radius-control: 8px;
208
- --ks-border-radius-card: 8px;
209
- --ks-border-radius-surface: 16px;
231
+ --ks-border-radius-control: 16px;
232
+ --ks-border-radius-card: 16px;
233
+ --ks-border-radius-surface: 32px;
234
+ --ks-border-radius-image: 0px;
210
235
  --ks-border-radius-pill: 999px;
211
236
  --ks-border-radius-circle: 50%;
212
237
  --ks-box-shadow-opacity-control: 0.2;
@@ -221,18 +246,18 @@
221
246
  --ks-box-shadow-opacity-surface-hover: 0.2;
222
247
  --ks-box-shadow-opacity-surface-inverted: 0.1;
223
248
  --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
224
- --ks-box-shadow-color-control: rgba(13,17,23,var(--ks-box-shadow-opacity-control));
225
- --ks-box-shadow-color-control-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-control-hover));
226
- --ks-box-shadow-color-control-inverted: rgba(13,17,23,var(--ks-box-shadow-opacity-control-inverted));
227
- --ks-box-shadow-color-control-inverted-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-control-inverted-hover));
228
- --ks-box-shadow-color-card: rgba(13,17,23,var(--ks-box-shadow-opacity-card));
229
- --ks-box-shadow-color-card-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-card-hover));
230
- --ks-box-shadow-color-card-inverted: rgba(13,17,23,var(--ks-box-shadow-opacity-card-inverted));
231
- --ks-box-shadow-color-card-inverted-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-card-inverted-hover));
232
- --ks-box-shadow-color-surface: rgba(13,17,23,var(--ks-box-shadow-opacity-surface));
233
- --ks-box-shadow-color-surface-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-surface-hover));
234
- --ks-box-shadow-color-surface-inverted: rgba(13,17,23,var(--ks-box-shadow-opacity-surface-inverted));
235
- --ks-box-shadow-color-surface-inverted-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-surface-inverted-hover));
249
+ --ks-box-shadow-color-control: rgba(255,255,255,var(--ks-box-shadow-opacity-control));
250
+ --ks-box-shadow-color-control-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-control-hover));
251
+ --ks-box-shadow-color-control-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-control-inverted));
252
+ --ks-box-shadow-color-control-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-control-inverted-hover));
253
+ --ks-box-shadow-color-card: rgba(255,255,255,var(--ks-box-shadow-opacity-card));
254
+ --ks-box-shadow-color-card-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-card-hover));
255
+ --ks-box-shadow-color-card-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-card-inverted));
256
+ --ks-box-shadow-color-card-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-card-inverted-hover));
257
+ --ks-box-shadow-color-surface: rgba(255,255,255,var(--ks-box-shadow-opacity-surface));
258
+ --ks-box-shadow-color-surface-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-hover));
259
+ --ks-box-shadow-color-surface-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-inverted));
260
+ --ks-box-shadow-color-surface-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-inverted-hover));
236
261
  --ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
237
262
  --ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
238
263
  --ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
@@ -245,469 +270,531 @@
245
270
  --ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
246
271
  --ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
247
272
  --ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
248
- --ks-color-fg-base: #0d1117;
249
- --ks-color-fg-alpha-1-base: rgba(13,17,23,.95);
250
- --ks-color-fg-alpha-2-base: rgba(13,17,23,.87);
251
- --ks-color-fg-alpha-3-base: rgba(13,17,23,.76);
252
- --ks-color-fg-alpha-4-base: rgba(13,17,23,.63);
253
- --ks-color-fg-alpha-5-base: rgba(13,17,23,.5);
254
- --ks-color-fg-alpha-6-base: rgba(13,17,23,.37);
255
- --ks-color-fg-alpha-7-base: rgba(13,17,23,.24);
256
- --ks-color-fg-alpha-8-base: rgba(13,17,23,.13);
257
- --ks-color-fg-alpha-9-base: rgba(13,17,23,.05);
258
- --ks-color-fg-to-bg-1-base: #191d23;
259
- --ks-color-fg-to-bg-2-base: #2c3035;
260
- --ks-color-fg-to-bg-3-base: #474a4f;
261
- --ks-color-fg-to-bg-4-base: #67696d;
262
- --ks-color-fg-to-bg-5-base: #86888b;
263
- --ks-color-fg-to-bg-6-base: #a5a7a9;
264
- --ks-color-fg-to-bg-7-base: #c5c6c7;
265
- --ks-color-fg-to-bg-8-base: #e0e0e1;
266
- --ks-color-fg-to-bg-9-base: #f3f3f3;
267
- --ks-color-fg-inverted-base: #fff;
268
- --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
269
- --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
270
- --ks-color-fg-inverted-alpha-3-base: hsla(0,0%,100%,.76);
271
- --ks-color-fg-inverted-alpha-4-base: hsla(0,0%,100%,.63);
272
- --ks-color-fg-inverted-alpha-5-base: hsla(0,0%,100%,.5);
273
- --ks-color-fg-inverted-alpha-6-base: hsla(0,0%,100%,.37);
274
- --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
275
- --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
276
- --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
277
- --ks-color-fg-inverted-to-bg-1-base: #f3f4f5;
278
- --ks-color-fg-inverted-to-bg-2-base: #e0e2e6;
279
- --ks-color-fg-inverted-to-bg-3-base: #c5c9d1;
280
- --ks-color-fg-inverted-to-bg-4-base: #a6acb8;
281
- --ks-color-fg-inverted-to-bg-5-base: #87909f;
282
- --ks-color-fg-inverted-to-bg-6-base: #687385;
283
- --ks-color-fg-inverted-to-bg-7-base: #49566c;
284
- --ks-color-fg-inverted-to-bg-8-base: #2e3d57;
285
- --ks-color-fg-inverted-to-bg-9-base: #1b2b48;
286
- --ks-color-bg-base: #fff;
287
- --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
288
- --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
289
- --ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
290
- --ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
291
- --ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
292
- --ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
293
- --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
294
- --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
295
- --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
296
- --ks-color-bg-to-fg-1-base: #f3f3f3;
297
- --ks-color-bg-to-fg-2-base: #e0e0e1;
298
- --ks-color-bg-to-fg-3-base: #c5c6c7;
299
- --ks-color-bg-to-fg-4-base: #a5a7a9;
300
- --ks-color-bg-to-fg-5-base: #86888b;
301
- --ks-color-bg-to-fg-6-base: #67696d;
302
- --ks-color-bg-to-fg-7-base: #474a4f;
303
- --ks-color-bg-to-fg-8-base: #2c3035;
304
- --ks-color-bg-to-fg-9-base: #191d23;
305
- --ks-color-bg-inverted-base: #0f203e;
306
- --ks-color-bg-inverted-alpha-1-base: rgba(15,32,62,.95);
307
- --ks-color-bg-inverted-alpha-2-base: rgba(15,32,62,.87);
308
- --ks-color-bg-inverted-alpha-3-base: rgba(15,32,62,.76);
309
- --ks-color-bg-inverted-alpha-4-base: rgba(15,32,62,.63);
310
- --ks-color-bg-inverted-alpha-5-base: rgba(15,32,62,.5);
311
- --ks-color-bg-inverted-alpha-6-base: rgba(15,32,62,.37);
312
- --ks-color-bg-inverted-alpha-7-base: rgba(15,32,62,.24);
313
- --ks-color-bg-inverted-alpha-8-base: rgba(15,32,62,.13);
314
- --ks-color-bg-inverted-alpha-9-base: rgba(15,32,62,.05);
315
- --ks-color-bg-inverted-to-fg-1-base: #1b2b48;
316
- --ks-color-bg-inverted-to-fg-2-base: #2e3d57;
317
- --ks-color-bg-inverted-to-fg-3-base: #49566c;
318
- --ks-color-bg-inverted-to-fg-4-base: #687385;
319
- --ks-color-bg-inverted-to-fg-5-base: #87909f;
320
- --ks-color-bg-inverted-to-fg-6-base: #a6acb8;
321
- --ks-color-bg-inverted-to-fg-7-base: #c5c9d1;
322
- --ks-color-bg-inverted-to-fg-8-base: #e0e2e6;
323
- --ks-color-bg-inverted-to-fg-9-base: #f3f4f5;
273
+ --ks-color-fg-base: #fff;
274
+ --ks-color-fg-alpha-1-base: hsla(0,0%,100%,.95);
275
+ --ks-color-fg-alpha-2-base: hsla(0,0%,100%,.87);
276
+ --ks-color-fg-alpha-3-base: hsla(0,0%,100%,.76);
277
+ --ks-color-fg-alpha-4-base: hsla(0,0%,100%,.63);
278
+ --ks-color-fg-alpha-5-base: hsla(0,0%,100%,.5);
279
+ --ks-color-fg-alpha-6-base: hsla(0,0%,100%,.37);
280
+ --ks-color-fg-alpha-7-base: hsla(0,0%,100%,.24);
281
+ --ks-color-fg-alpha-8-base: hsla(0,0%,100%,.13);
282
+ --ks-color-fg-alpha-9-base: hsla(0,0%,100%,.05);
283
+ --ks-color-fg-to-bg-1-base: #f3f3f4;
284
+ --ks-color-fg-to-bg-2-base: #dfdfe2;
285
+ --ks-color-fg-to-bg-3-base: #c3c4c9;
286
+ --ks-color-fg-to-bg-4-base: #a3a4ac;
287
+ --ks-color-fg-to-bg-5-base: #83848f;
288
+ --ks-color-fg-to-bg-6-base: #626372;
289
+ --ks-color-fg-to-bg-7-base: #424355;
290
+ --ks-color-fg-to-bg-8-base: #26283c;
291
+ --ks-color-fg-to-bg-9-base: #12142a;
292
+ --ks-color-fg-inverted-base: #06081f;
293
+ --ks-color-fg-inverted-alpha-1-base: rgba(6,8,31,.95);
294
+ --ks-color-fg-inverted-alpha-2-base: rgba(6,8,31,.87);
295
+ --ks-color-fg-inverted-alpha-3-base: rgba(6,8,31,.76);
296
+ --ks-color-fg-inverted-alpha-4-base: rgba(6,8,31,.63);
297
+ --ks-color-fg-inverted-alpha-5-base: rgba(6,8,31,.5);
298
+ --ks-color-fg-inverted-alpha-6-base: rgba(6,8,31,.37);
299
+ --ks-color-fg-inverted-alpha-7-base: rgba(6,8,31,.24);
300
+ --ks-color-fg-inverted-alpha-8-base: rgba(6,8,31,.13);
301
+ --ks-color-fg-inverted-alpha-9-base: rgba(6,8,31,.05);
302
+ --ks-color-fg-inverted-to-bg-1-base: #12142a;
303
+ --ks-color-fg-inverted-to-bg-2-base: #25263b;
304
+ --ks-color-fg-inverted-to-bg-3-base: #3e4052;
305
+ --ks-color-fg-inverted-to-bg-4-base: #5d5e6d;
306
+ --ks-color-fg-inverted-to-bg-5-base: #7c7d89;
307
+ --ks-color-fg-inverted-to-bg-6-base: #9a9ba5;
308
+ --ks-color-fg-inverted-to-bg-7-base: #b9b9c0;
309
+ --ks-color-fg-inverted-to-bg-8-base: #d2d3d7;
310
+ --ks-color-fg-inverted-to-bg-9-base: #e5e5e8;
311
+ --ks-color-bg-base: #06081f;
312
+ --ks-color-bg-alpha-1-base: rgba(6,8,31,.95);
313
+ --ks-color-bg-alpha-2-base: rgba(6,8,31,.87);
314
+ --ks-color-bg-alpha-3-base: rgba(6,8,31,.76);
315
+ --ks-color-bg-alpha-4-base: rgba(6,8,31,.63);
316
+ --ks-color-bg-alpha-5-base: rgba(6,8,31,.5);
317
+ --ks-color-bg-alpha-6-base: rgba(6,8,31,.37);
318
+ --ks-color-bg-alpha-7-base: rgba(6,8,31,.24);
319
+ --ks-color-bg-alpha-8-base: rgba(6,8,31,.13);
320
+ --ks-color-bg-alpha-9-base: rgba(6,8,31,.05);
321
+ --ks-color-bg-to-fg-1-base: #12142a;
322
+ --ks-color-bg-to-fg-2-base: #26283c;
323
+ --ks-color-bg-to-fg-3-base: #424355;
324
+ --ks-color-bg-to-fg-4-base: #626372;
325
+ --ks-color-bg-to-fg-5-base: #83848f;
326
+ --ks-color-bg-to-fg-6-base: #a3a4ac;
327
+ --ks-color-bg-to-fg-7-base: #c3c4c9;
328
+ --ks-color-bg-to-fg-8-base: #dfdfe2;
329
+ --ks-color-bg-to-fg-9-base: #f3f3f4;
330
+ --ks-color-bg-inverted-base: #f1f1f3;
331
+ --ks-color-bg-inverted-alpha-1-base: hsla(240,8%,95%,.95);
332
+ --ks-color-bg-inverted-alpha-2-base: hsla(240,8%,95%,.87);
333
+ --ks-color-bg-inverted-alpha-3-base: hsla(240,8%,95%,.76);
334
+ --ks-color-bg-inverted-alpha-4-base: hsla(240,8%,95%,.63);
335
+ --ks-color-bg-inverted-alpha-5-base: hsla(240,8%,95%,.5);
336
+ --ks-color-bg-inverted-alpha-6-base: hsla(240,8%,95%,.37);
337
+ --ks-color-bg-inverted-alpha-7-base: hsla(240,8%,95%,.24);
338
+ --ks-color-bg-inverted-alpha-8-base: hsla(240,8%,95%,.13);
339
+ --ks-color-bg-inverted-alpha-9-base: hsla(240,8%,95%,.05);
340
+ --ks-color-bg-inverted-to-fg-1-base: #e5e5e8;
341
+ --ks-color-bg-inverted-to-fg-2-base: #d2d3d7;
342
+ --ks-color-bg-inverted-to-fg-3-base: #b9b9c0;
343
+ --ks-color-bg-inverted-to-fg-4-base: #9a9ba5;
344
+ --ks-color-bg-inverted-to-fg-5-base: #7c7d89;
345
+ --ks-color-bg-inverted-to-fg-6-base: #5d5e6d;
346
+ --ks-color-bg-inverted-to-fg-7-base: #3e4052;
347
+ --ks-color-bg-inverted-to-fg-8-base: #25263b;
348
+ --ks-color-bg-inverted-to-fg-9-base: #12142a;
324
349
  --ks-color-transparent-base: rgba(0,0,0,0);
325
- --ks-color-primary-base: #00a9ae;
326
- --ks-color-primary-alpha-1-base: rgba(0,169,174,.95);
327
- --ks-color-primary-alpha-2-base: rgba(0,169,174,.87);
328
- --ks-color-primary-alpha-3-base: rgba(0,169,174,.76);
329
- --ks-color-primary-alpha-4-base: rgba(0,169,174,.63);
330
- --ks-color-primary-alpha-5-base: rgba(0,169,174,.5);
331
- --ks-color-primary-alpha-6-base: rgba(0,169,174,.37);
332
- --ks-color-primary-alpha-7-base: rgba(0,169,174,.24);
333
- --ks-color-primary-alpha-8-base: rgba(0,169,174,.13);
334
- --ks-color-primary-alpha-9-base: rgba(0,169,174,.05);
335
- --ks-color-primary-to-bg-1-base: #0dadb2;
336
- --ks-color-primary-to-bg-2-base: #21b4b9;
337
- --ks-color-primary-to-bg-3-base: #3dbec1;
338
- --ks-color-primary-to-bg-4-base: #5ec9cc;
339
- --ks-color-primary-to-bg-5-base: #80d4d7;
340
- --ks-color-primary-to-bg-6-base: #a1dfe1;
341
- --ks-color-primary-to-bg-7-base: #c2eaec;
342
- --ks-color-primary-to-bg-8-base: #def4f4;
343
- --ks-color-primary-to-bg-9-base: #f2fbfb;
344
- --ks-color-primary-to-fg-1-base: #01a1a6;
345
- --ks-color-primary-to-fg-2-base: #02959a;
346
- --ks-color-primary-to-fg-3-base: #03858a;
347
- --ks-color-primary-to-fg-4-base: #057176;
348
- --ks-color-primary-to-fg-5-base: #075d63;
349
- --ks-color-primary-to-fg-6-base: #08494f;
350
- --ks-color-primary-to-fg-7-base: #0a353b;
351
- --ks-color-primary-to-fg-8-base: #0b252b;
352
- --ks-color-primary-to-fg-9-base: #0c191f;
353
- --ks-color-primary-inverted-base: #3065c0;
354
- --ks-color-primary-inverted-alpha-1-base: rgba(48,101,192,.95);
355
- --ks-color-primary-inverted-alpha-2-base: rgba(48,101,192,.87);
356
- --ks-color-primary-inverted-alpha-3-base: rgba(48,101,192,.76);
357
- --ks-color-primary-inverted-alpha-4-base: rgba(48,101,192,.63);
358
- --ks-color-primary-inverted-alpha-5-base: rgba(48,101,192,.5);
359
- --ks-color-primary-inverted-alpha-6-base: rgba(48,101,192,.37);
360
- --ks-color-primary-inverted-alpha-7-base: rgba(48,101,192,.24);
361
- --ks-color-primary-inverted-alpha-8-base: rgba(48,101,192,.13);
362
- --ks-color-primary-inverted-alpha-9-base: rgba(48,101,192,.05);
363
- --ks-color-primary-inverted-to-bg-1-base: #2e62ba;
364
- --ks-color-primary-inverted-to-bg-2-base: #2c5caf;
365
- --ks-color-primary-inverted-to-bg-3-base: #2854a1;
366
- --ks-color-primary-inverted-to-bg-4-base: #244b90;
367
- --ks-color-primary-inverted-to-bg-5-base: #20437f;
368
- --ks-color-primary-inverted-to-bg-6-base: #1b3a6e;
369
- --ks-color-primary-inverted-to-bg-7-base: #17315d;
370
- --ks-color-primary-inverted-to-bg-8-base: #13294f;
371
- --ks-color-primary-inverted-to-bg-9-base: #112345;
372
- --ks-color-primary-inverted-to-fg-1-base: #3a6dc3;
373
- --ks-color-primary-inverted-to-fg-2-base: #4b79c8;
374
- --ks-color-primary-inverted-to-fg-3-base: #628acf;
375
- --ks-color-primary-inverted-to-fg-4-base: #7d9ed7;
376
- --ks-color-primary-inverted-to-fg-5-base: #98b2e0;
377
- --ks-color-primary-inverted-to-fg-6-base: #b2c6e8;
378
- --ks-color-primary-inverted-to-fg-7-base: #cddaf0;
379
- --ks-color-primary-inverted-to-fg-8-base: #e4ebf7;
380
- --ks-color-primary-inverted-to-fg-9-base: #f5f7fc;
381
- --ks-color-link-base: #0d1117;
382
- --ks-color-link-alpha-1-base: rgba(13,17,23,.95);
383
- --ks-color-link-alpha-2-base: rgba(13,17,23,.87);
384
- --ks-color-link-alpha-3-base: rgba(13,17,23,.76);
385
- --ks-color-link-alpha-4-base: rgba(13,17,23,.63);
386
- --ks-color-link-alpha-5-base: rgba(13,17,23,.5);
387
- --ks-color-link-alpha-6-base: rgba(13,17,23,.37);
388
- --ks-color-link-alpha-7-base: rgba(13,17,23,.24);
389
- --ks-color-link-alpha-8-base: rgba(13,17,23,.13);
390
- --ks-color-link-alpha-9-base: rgba(13,17,23,.05);
391
- --ks-color-link-to-bg-1-base: #191d23;
392
- --ks-color-link-to-bg-2-base: #2c3035;
393
- --ks-color-link-to-bg-3-base: #474a4f;
394
- --ks-color-link-to-bg-4-base: #67696d;
395
- --ks-color-link-to-bg-5-base: #86888b;
396
- --ks-color-link-to-bg-6-base: #a5a7a9;
397
- --ks-color-link-to-bg-7-base: #c5c6c7;
398
- --ks-color-link-to-bg-8-base: #e0e0e1;
399
- --ks-color-link-to-bg-9-base: #f3f3f3;
400
- --ks-color-link-to-fg-1-base: #0d1117;
401
- --ks-color-link-to-fg-2-base: #0d1117;
402
- --ks-color-link-to-fg-3-base: #0d1117;
403
- --ks-color-link-to-fg-4-base: #0d1117;
404
- --ks-color-link-to-fg-5-base: #0d1117;
405
- --ks-color-link-to-fg-6-base: #0d1117;
406
- --ks-color-link-to-fg-7-base: #0d1117;
407
- --ks-color-link-to-fg-8-base: #0d1117;
408
- --ks-color-link-to-fg-9-base: #0d1117;
409
- --ks-color-link-inverted-base: #fff;
410
- --ks-color-link-inverted-alpha-1-base: hsla(0,0%,100%,.95);
411
- --ks-color-link-inverted-alpha-2-base: hsla(0,0%,100%,.87);
412
- --ks-color-link-inverted-alpha-3-base: hsla(0,0%,100%,.76);
413
- --ks-color-link-inverted-alpha-4-base: hsla(0,0%,100%,.63);
414
- --ks-color-link-inverted-alpha-5-base: hsla(0,0%,100%,.5);
415
- --ks-color-link-inverted-alpha-6-base: hsla(0,0%,100%,.37);
416
- --ks-color-link-inverted-alpha-7-base: hsla(0,0%,100%,.24);
417
- --ks-color-link-inverted-alpha-8-base: hsla(0,0%,100%,.13);
418
- --ks-color-link-inverted-alpha-9-base: hsla(0,0%,100%,.05);
419
- --ks-color-link-inverted-to-bg-1-base: #f3f4f5;
420
- --ks-color-link-inverted-to-bg-2-base: #e0e2e6;
421
- --ks-color-link-inverted-to-bg-3-base: #c5c9d1;
422
- --ks-color-link-inverted-to-bg-4-base: #a6acb8;
423
- --ks-color-link-inverted-to-bg-5-base: #87909f;
424
- --ks-color-link-inverted-to-bg-6-base: #687385;
425
- --ks-color-link-inverted-to-bg-7-base: #49566c;
426
- --ks-color-link-inverted-to-bg-8-base: #2e3d57;
427
- --ks-color-link-inverted-to-bg-9-base: #1b2b48;
428
- --ks-color-link-inverted-to-fg-1-base: #fff;
429
- --ks-color-link-inverted-to-fg-2-base: #fff;
430
- --ks-color-link-inverted-to-fg-3-base: #fff;
431
- --ks-color-link-inverted-to-fg-4-base: #fff;
432
- --ks-color-link-inverted-to-fg-5-base: #fff;
433
- --ks-color-link-inverted-to-fg-6-base: #fff;
434
- --ks-color-link-inverted-to-fg-7-base: #fff;
435
- --ks-color-link-inverted-to-fg-8-base: #fff;
436
- --ks-color-link-inverted-to-fg-9-base: #fff;
437
- --ks-color-positive-base: #23831b;
438
- --ks-color-positive-alpha-1-base: rgba(35,131,27,.95);
439
- --ks-color-positive-alpha-2-base: rgba(35,131,27,.87);
440
- --ks-color-positive-alpha-3-base: rgba(35,131,27,.76);
441
- --ks-color-positive-alpha-4-base: rgba(35,131,27,.63);
442
- --ks-color-positive-alpha-5-base: rgba(35,131,27,.5);
443
- --ks-color-positive-alpha-6-base: rgba(35,131,27,.37);
444
- --ks-color-positive-alpha-7-base: rgba(35,131,27,.24);
445
- --ks-color-positive-alpha-8-base: rgba(35,131,27,.13);
446
- --ks-color-positive-alpha-9-base: rgba(35,131,27,.05);
447
- --ks-color-positive-to-bg-1-base: #2e8926;
448
- --ks-color-positive-to-bg-2-base: #409339;
449
- --ks-color-positive-to-bg-3-base: #58a152;
450
- --ks-color-positive-to-bg-4-base: #74b16f;
451
- --ks-color-positive-to-bg-5-base: #91c18d;
452
- --ks-color-positive-to-bg-6-base: #aed1ab;
453
- --ks-color-positive-to-bg-7-base: #cae1c8;
454
- --ks-color-positive-to-bg-8-base: #e2efe1;
455
- --ks-color-positive-to-bg-9-base: #f4f9f4;
456
- --ks-color-positive-to-fg-1-base: #227d1b;
457
- --ks-color-positive-to-fg-2-base: #20741a;
458
- --ks-color-positive-to-fg-3-base: #1e681a;
459
- --ks-color-positive-to-fg-4-base: #1b591a;
460
- --ks-color-positive-to-fg-5-base: #184a19;
461
- --ks-color-positive-to-fg-6-base: #153b18;
462
- --ks-color-positive-to-fg-7-base: #122c18;
463
- --ks-color-positive-to-fg-8-base: #102018;
464
- --ks-color-positive-to-fg-9-base: #0e1717;
465
- --ks-color-positive-inverted-base: #6edb64;
466
- --ks-color-positive-inverted-alpha-1-base: rgba(110,219,100,.95);
467
- --ks-color-positive-inverted-alpha-2-base: rgba(110,219,100,.87);
468
- --ks-color-positive-inverted-alpha-3-base: rgba(110,219,100,.76);
469
- --ks-color-positive-inverted-alpha-4-base: rgba(110,219,100,.63);
470
- --ks-color-positive-inverted-alpha-5-base: rgba(110,219,100,.5);
471
- --ks-color-positive-inverted-alpha-6-base: rgba(110,219,100,.37);
472
- --ks-color-positive-inverted-alpha-7-base: rgba(110,219,100,.24);
473
- --ks-color-positive-inverted-alpha-8-base: rgba(110,219,100,.13);
474
- --ks-color-positive-inverted-alpha-9-base: rgba(110,219,100,.05);
475
- --ks-color-positive-inverted-to-bg-1-base: #69d262;
476
- --ks-color-positive-inverted-to-bg-2-base: #62c35f;
477
- --ks-color-positive-inverted-to-bg-3-base: #57ae5b;
478
- --ks-color-positive-inverted-to-bg-4-base: #4b9656;
479
- --ks-color-positive-inverted-to-bg-5-base: #3f7e51;
480
- --ks-color-positive-inverted-to-bg-6-base: #32654c;
481
- --ks-color-positive-inverted-to-bg-7-base: #264d47;
482
- --ks-color-positive-inverted-to-bg-8-base: #1b3843;
483
- --ks-color-positive-inverted-to-bg-9-base: #142940;
484
- --ks-color-positive-inverted-to-fg-1-base: #75dd6c;
485
- --ks-color-positive-inverted-to-fg-2-base: #81e078;
486
- --ks-color-positive-inverted-to-fg-3-base: #91e489;
487
- --ks-color-positive-inverted-to-fg-4-base: #a4e89d;
488
- --ks-color-positive-inverted-to-fg-5-base: #b7edb2;
489
- --ks-color-positive-inverted-to-fg-6-base: #c9f2c6;
490
- --ks-color-positive-inverted-to-fg-7-base: #dcf6da;
491
- --ks-color-positive-inverted-to-fg-8-base: #ecfaeb;
492
- --ks-color-positive-inverted-to-fg-9-base: #f8fdf7;
493
- --ks-color-informative-base: #00718f;
494
- --ks-color-informative-alpha-1-base: rgba(0,113,143,.95);
495
- --ks-color-informative-alpha-2-base: rgba(0,113,143,.87);
496
- --ks-color-informative-alpha-3-base: rgba(0,113,143,.76);
497
- --ks-color-informative-alpha-4-base: rgba(0,113,143,.63);
498
- --ks-color-informative-alpha-5-base: rgba(0,113,143,.5);
499
- --ks-color-informative-alpha-6-base: rgba(0,113,143,.37);
500
- --ks-color-informative-alpha-7-base: rgba(0,113,143,.24);
501
- --ks-color-informative-alpha-8-base: rgba(0,113,143,.13);
502
- --ks-color-informative-alpha-9-base: rgba(0,113,143,.05);
503
- --ks-color-informative-to-bg-1-base: #0d7895;
504
- --ks-color-informative-to-bg-2-base: #21839e;
505
- --ks-color-informative-to-bg-3-base: #3d93aa;
506
- --ks-color-informative-to-bg-4-base: #5ea6b8;
507
- --ks-color-informative-to-bg-5-base: #80b8c7;
508
- --ks-color-informative-to-bg-6-base: #a1cad6;
509
- --ks-color-informative-to-bg-7-base: #c2dde4;
510
- --ks-color-informative-to-bg-8-base: #deedf0;
511
- --ks-color-informative-to-bg-9-base: #f2f8f9;
512
- --ks-color-informative-to-fg-1-base: #016c89;
513
- --ks-color-informative-to-fg-2-base: #02657f;
514
- --ks-color-informative-to-fg-3-base: #035a72;
515
- --ks-color-informative-to-fg-4-base: #054d63;
516
- --ks-color-informative-to-fg-5-base: #074153;
517
- --ks-color-informative-to-fg-6-base: #083543;
518
- --ks-color-informative-to-fg-7-base: #0a2834;
519
- --ks-color-informative-to-fg-8-base: #0b1d27;
520
- --ks-color-informative-to-fg-9-base: #0c161d;
521
- --ks-color-informative-inverted-base: #64c2db;
522
- --ks-color-informative-inverted-alpha-1-base: rgba(100,194,219,.95);
523
- --ks-color-informative-inverted-alpha-2-base: rgba(100,194,219,.87);
524
- --ks-color-informative-inverted-alpha-3-base: rgba(100,194,219,.76);
525
- --ks-color-informative-inverted-alpha-4-base: rgba(100,194,219,.63);
526
- --ks-color-informative-inverted-alpha-5-base: rgba(100,194,219,.5);
527
- --ks-color-informative-inverted-alpha-6-base: rgba(100,194,219,.37);
528
- --ks-color-informative-inverted-alpha-7-base: rgba(100,194,219,.24);
529
- --ks-color-informative-inverted-alpha-8-base: rgba(100,194,219,.13);
530
- --ks-color-informative-inverted-alpha-9-base: rgba(100,194,219,.05);
531
- --ks-color-informative-inverted-to-bg-1-base: #60bad3;
532
- --ks-color-informative-inverted-to-bg-2-base: #59adc7;
533
- --ks-color-informative-inverted-to-bg-3-base: #509bb5;
534
- --ks-color-informative-inverted-to-bg-4-base: #4586a1;
535
- --ks-color-informative-inverted-to-bg-5-base: #3a718d;
536
- --ks-color-informative-inverted-to-bg-6-base: #2e5c78;
537
- --ks-color-informative-inverted-to-bg-7-base: #234764;
538
- --ks-color-informative-inverted-to-bg-8-base: #1a3552;
539
- --ks-color-informative-inverted-to-bg-9-base: #132846;
540
- --ks-color-informative-inverted-to-fg-1-base: #6cc5dd;
541
- --ks-color-informative-inverted-to-fg-2-base: #78cae0;
542
- --ks-color-informative-inverted-to-fg-3-base: #89d1e4;
543
- --ks-color-informative-inverted-to-fg-4-base: #9dd9e8;
544
- --ks-color-informative-inverted-to-fg-5-base: #b2e1ed;
545
- --ks-color-informative-inverted-to-fg-6-base: #c6e8f2;
546
- --ks-color-informative-inverted-to-fg-7-base: #daf0f6;
547
- --ks-color-informative-inverted-to-fg-8-base: #ebf7fa;
548
- --ks-color-informative-inverted-to-fg-9-base: #f7fcfd;
549
- --ks-color-notice-base: #ff5d53;
550
- --ks-color-notice-alpha-1-base: rgba(255,93,83,.95);
551
- --ks-color-notice-alpha-2-base: rgba(255,93,83,.87);
552
- --ks-color-notice-alpha-3-base: rgba(255,93,83,.76);
553
- --ks-color-notice-alpha-4-base: rgba(255,93,83,.63);
554
- --ks-color-notice-alpha-5-base: rgba(255,93,83,.5);
555
- --ks-color-notice-alpha-6-base: rgba(255,93,83,.37);
556
- --ks-color-notice-alpha-7-base: rgba(255,93,83,.24);
557
- --ks-color-notice-alpha-8-base: rgba(255,93,83,.13);
558
- --ks-color-notice-alpha-9-base: rgba(255,93,83,.05);
559
- --ks-color-notice-to-bg-1-base: #ff655c;
560
- --ks-color-notice-to-bg-2-base: #ff7269;
561
- --ks-color-notice-to-bg-3-base: #ff847c;
562
- --ks-color-notice-to-bg-4-base: #ff9993;
563
- --ks-color-notice-to-bg-5-base: #ffaea9;
564
- --ks-color-notice-to-bg-6-base: #ffc3bf;
565
- --ks-color-notice-to-bg-7-base: #ffd8d6;
566
- --ks-color-notice-to-bg-8-base: #ffeae9;
567
- --ks-color-notice-to-bg-9-base: #fff7f6;
568
- --ks-color-notice-to-fg-1-base: #f35950;
569
- --ks-color-notice-to-fg-2-base: #e0534b;
570
- --ks-color-notice-to-fg-3-base: #c54b45;
571
- --ks-color-notice-to-fg-4-base: #a5413d;
572
- --ks-color-notice-to-fg-5-base: #863735;
573
- --ks-color-notice-to-fg-6-base: #672d2d;
574
- --ks-color-notice-to-fg-7-base: #472325;
575
- --ks-color-notice-to-fg-8-base: #2c1b1f;
576
- --ks-color-notice-to-fg-9-base: #19151a;
577
- --ks-color-notice-inverted-base: #f9de55;
578
- --ks-color-notice-inverted-alpha-1-base: rgba(249,222,85,.95);
579
- --ks-color-notice-inverted-alpha-2-base: rgba(249,222,85,.87);
580
- --ks-color-notice-inverted-alpha-3-base: rgba(249,222,85,.76);
581
- --ks-color-notice-inverted-alpha-4-base: rgba(249,222,85,.63);
582
- --ks-color-notice-inverted-alpha-5-base: rgba(249,222,85,.5);
583
- --ks-color-notice-inverted-alpha-6-base: rgba(249,222,85,.37);
584
- --ks-color-notice-inverted-alpha-7-base: rgba(249,222,85,.24);
585
- --ks-color-notice-inverted-alpha-8-base: rgba(249,222,85,.13);
586
- --ks-color-notice-inverted-alpha-9-base: rgba(249,222,85,.05);
587
- --ks-color-notice-inverted-to-bg-1-base: #edd554;
588
- --ks-color-notice-inverted-to-bg-2-base: #dbc552;
589
- --ks-color-notice-inverted-to-bg-3-base: #c1b04f;
590
- --ks-color-notice-inverted-to-bg-4-base: #a2984c;
591
- --ks-color-notice-inverted-to-bg-5-base: #847f4a;
592
- --ks-color-notice-inverted-to-bg-6-base: #666647;
593
- --ks-color-notice-inverted-to-bg-7-base: #474e44;
594
- --ks-color-notice-inverted-to-bg-8-base: #2d3941;
595
- --ks-color-notice-inverted-to-bg-9-base: #1b2a3f;
596
- --ks-color-notice-inverted-to-fg-1-base: #f9e05e;
597
- --ks-color-notice-inverted-to-fg-2-base: #fae26b;
598
- --ks-color-notice-inverted-to-fg-3-base: #fae67e;
599
- --ks-color-notice-inverted-to-fg-4-base: #fbea94;
600
- --ks-color-notice-inverted-to-fg-5-base: #fcefaa;
601
- --ks-color-notice-inverted-to-fg-6-base: #fdf3c0;
602
- --ks-color-notice-inverted-to-fg-7-base: #fef7d6;
603
- --ks-color-notice-inverted-to-fg-8-base: #fefbe9;
604
- --ks-color-notice-inverted-to-fg-9-base: #fffdf7;
605
- --ks-color-negative-base: #d21d48;
606
- --ks-color-negative-alpha-1-base: rgba(210,29,72,.95);
607
- --ks-color-negative-alpha-2-base: rgba(210,29,72,.87);
608
- --ks-color-negative-alpha-3-base: rgba(210,29,72,.76);
609
- --ks-color-negative-alpha-4-base: rgba(210,29,72,.63);
610
- --ks-color-negative-alpha-5-base: rgba(210,29,72,.5);
611
- --ks-color-negative-alpha-6-base: rgba(210,29,72,.37);
612
- --ks-color-negative-alpha-7-base: rgba(210,29,72,.24);
613
- --ks-color-negative-alpha-8-base: rgba(210,29,72,.13);
614
- --ks-color-negative-alpha-9-base: rgba(210,29,72,.05);
615
- --ks-color-negative-to-bg-1-base: #d42851;
616
- --ks-color-negative-to-bg-2-base: #d83a60;
617
- --ks-color-negative-to-bg-3-base: #dd5374;
618
- --ks-color-negative-to-bg-4-base: #e3718c;
619
- --ks-color-negative-to-bg-5-base: #e98ea4;
620
- --ks-color-negative-to-bg-6-base: #eeabbb;
621
- --ks-color-negative-to-bg-7-base: #f4c9d3;
622
- --ks-color-negative-to-bg-8-base: #f9e2e7;
623
- --ks-color-negative-to-bg-9-base: #fdf4f6;
624
- --ks-color-negative-to-fg-1-base: #c81c46;
625
- --ks-color-negative-to-fg-2-base: #b81b42;
626
- --ks-color-negative-to-fg-3-base: #a31a3c;
627
- --ks-color-negative-to-fg-4-base: #891936;
628
- --ks-color-negative-to-fg-5-base: #701730;
629
- --ks-color-negative-to-fg-6-base: #561529;
630
- --ks-color-negative-to-fg-7-base: #3c1423;
631
- --ks-color-negative-to-fg-8-base: #27131d;
632
- --ks-color-negative-to-fg-9-base: #171219;
633
- --ks-color-negative-inverted-base: #ff1a57;
634
- --ks-color-negative-inverted-alpha-1-base: rgba(255,26,87,.95);
635
- --ks-color-negative-inverted-alpha-2-base: rgba(255,26,87,.87);
636
- --ks-color-negative-inverted-alpha-3-base: rgba(255,26,87,.76);
637
- --ks-color-negative-inverted-alpha-4-base: rgba(255,26,87,.63);
638
- --ks-color-negative-inverted-alpha-5-base: rgba(255,26,87,.5);
639
- --ks-color-negative-inverted-alpha-6-base: rgba(255,26,87,.37);
640
- --ks-color-negative-inverted-alpha-7-base: rgba(255,26,87,.24);
641
- --ks-color-negative-inverted-alpha-8-base: rgba(255,26,87,.13);
642
- --ks-color-negative-inverted-alpha-9-base: rgba(255,26,87,.05);
643
- --ks-color-negative-inverted-to-bg-1-base: #f31a56;
644
- --ks-color-negative-inverted-to-bg-2-base: #e01b54;
645
- --ks-color-negative-inverted-to-bg-3-base: #c51b51;
646
- --ks-color-negative-inverted-to-bg-4-base: #a61c4e;
647
- --ks-color-negative-inverted-to-bg-5-base: #871d4b;
648
- --ks-color-negative-inverted-to-bg-6-base: #681e47;
649
- --ks-color-negative-inverted-to-bg-7-base: #491f44;
650
- --ks-color-negative-inverted-to-bg-8-base: #2e1f41;
651
- --ks-color-negative-inverted-to-bg-9-base: #1b203f;
652
- --ks-color-negative-inverted-to-fg-1-base: #ff255f;
653
- --ks-color-negative-inverted-to-fg-2-base: #ff386d;
654
- --ks-color-negative-inverted-to-fg-3-base: #ff517f;
655
- --ks-color-negative-inverted-to-fg-4-base: #ff6f95;
656
- --ks-color-negative-inverted-to-fg-5-base: #ff8dab;
657
- --ks-color-negative-inverted-to-fg-6-base: #ffaac1;
658
- --ks-color-negative-inverted-to-fg-7-base: #ffc8d7;
659
- --ks-color-negative-inverted-to-fg-8-base: #ffe1e9;
660
- --ks-color-negative-inverted-to-fg-9-base: #fff4f7;
350
+ --ks-color-primary-base: #e21879;
351
+ --ks-color-primary-alpha-1-base: rgba(226,24,121,.95);
352
+ --ks-color-primary-alpha-2-base: rgba(226,24,121,.87);
353
+ --ks-color-primary-alpha-3-base: rgba(226,24,121,.76);
354
+ --ks-color-primary-alpha-4-base: rgba(226,24,121,.63);
355
+ --ks-color-primary-alpha-5-base: rgba(226,24,121,.5);
356
+ --ks-color-primary-alpha-6-base: rgba(226,24,121,.37);
357
+ --ks-color-primary-alpha-7-base: rgba(226,24,121,.24);
358
+ --ks-color-primary-alpha-8-base: rgba(226,24,121,.13);
359
+ --ks-color-primary-alpha-9-base: rgba(226,24,121,.05);
360
+ --ks-color-primary-to-bg-1-base: #d71775;
361
+ --ks-color-primary-to-bg-2-base: #c5166d;
362
+ --ks-color-primary-to-bg-3-base: #ad1463;
363
+ --ks-color-primary-to-bg-4-base: #911258;
364
+ --ks-color-primary-to-bg-5-base: #74104c;
365
+ --ks-color-primary-to-bg-6-base: #570e40;
366
+ --ks-color-primary-to-bg-7-base: #3b0c35;
367
+ --ks-color-primary-to-bg-8-base: #230a2b;
368
+ --ks-color-primary-to-bg-9-base: #110924;
369
+ --ks-color-primary-to-fg-1-base: #e32480;
370
+ --ks-color-primary-to-fg-2-base: #e6368a;
371
+ --ks-color-primary-to-fg-3-base: #e94f99;
372
+ --ks-color-primary-to-fg-4-base: #ed6dab;
373
+ --ks-color-primary-to-fg-5-base: #f18cbc;
374
+ --ks-color-primary-to-fg-6-base: #f4aacd;
375
+ --ks-color-primary-to-fg-7-base: #f8c8df;
376
+ --ks-color-primary-to-fg-8-base: #fbe1ee;
377
+ --ks-color-primary-to-fg-9-base: #fef3f8;
378
+ --ks-color-primary-inverted-base: #4d25ef;
379
+ --ks-color-primary-inverted-alpha-1-base: rgba(77,37,239,.95);
380
+ --ks-color-primary-inverted-alpha-2-base: rgba(77,37,239,.87);
381
+ --ks-color-primary-inverted-alpha-3-base: rgba(77,37,239,.76);
382
+ --ks-color-primary-inverted-alpha-4-base: rgba(77,37,239,.63);
383
+ --ks-color-primary-inverted-alpha-5-base: rgba(77,37,239,.5);
384
+ --ks-color-primary-inverted-alpha-6-base: rgba(77,37,239,.37);
385
+ --ks-color-primary-inverted-alpha-7-base: rgba(77,37,239,.24);
386
+ --ks-color-primary-inverted-alpha-8-base: rgba(77,37,239,.13);
387
+ --ks-color-primary-inverted-alpha-9-base: rgba(77,37,239,.05);
388
+ --ks-color-primary-inverted-to-bg-1-base: #552fef;
389
+ --ks-color-primary-inverted-to-bg-2-base: #6240f0;
390
+ --ks-color-primary-inverted-to-bg-3-base: #7456f0;
391
+ --ks-color-primary-inverted-to-bg-4-base: #8a70f0;
392
+ --ks-color-primary-inverted-to-bg-5-base: #9f8bf1;
393
+ --ks-color-primary-inverted-to-bg-6-base: #b4a6f2;
394
+ --ks-color-primary-inverted-to-bg-7-base: #cac0f2;
395
+ --ks-color-primary-inverted-to-bg-8-base: #dcd6f2;
396
+ --ks-color-primary-inverted-to-bg-9-base: #e9e7f3;
397
+ --ks-color-primary-inverted-to-fg-1-base: #4924e5;
398
+ --ks-color-primary-inverted-to-fg-2-base: #4421d4;
399
+ --ks-color-primary-inverted-to-fg-3-base: #3c1ebd;
400
+ --ks-color-primary-inverted-to-fg-4-base: #331aa2;
401
+ --ks-color-primary-inverted-to-fg-5-base: #2a1787;
402
+ --ks-color-primary-inverted-to-fg-6-base: #20136c;
403
+ --ks-color-primary-inverted-to-fg-7-base: #170f51;
404
+ --ks-color-primary-inverted-to-fg-8-base: #0f0c3a;
405
+ --ks-color-primary-inverted-to-fg-9-base: #0a0929;
406
+ --ks-color-link-base: #b7a5ff;
407
+ --ks-color-link-alpha-1-base: rgba(183,165,255,.95);
408
+ --ks-color-link-alpha-2-base: rgba(183,165,255,.87);
409
+ --ks-color-link-alpha-3-base: rgba(183,165,255,.76);
410
+ --ks-color-link-alpha-4-base: rgba(183,165,255,.63);
411
+ --ks-color-link-alpha-5-base: rgba(183,165,255,.5);
412
+ --ks-color-link-alpha-6-base: rgba(183,165,255,.37);
413
+ --ks-color-link-alpha-7-base: rgba(183,165,255,.24);
414
+ --ks-color-link-alpha-8-base: rgba(183,165,255,.13);
415
+ --ks-color-link-alpha-9-base: rgba(183,165,255,.05);
416
+ --ks-color-link-to-bg-1-base: #ae9df4;
417
+ --ks-color-link-to-bg-2-base: #a091e2;
418
+ --ks-color-link-to-bg-3-base: #8d7fc9;
419
+ --ks-color-link-to-bg-4-base: #766bac;
420
+ --ks-color-link-to-bg-5-base: #5f578f;
421
+ --ks-color-link-to-bg-6-base: #474272;
422
+ --ks-color-link-to-bg-7-base: #302e55;
423
+ --ks-color-link-to-bg-8-base: #1d1c3c;
424
+ --ks-color-link-to-bg-9-base: #0f102a;
425
+ --ks-color-link-to-fg-1-base: #baf;
426
+ --ks-color-link-to-fg-2-base: #c0b1ff;
427
+ --ks-color-link-to-fg-3-base: #c8bbff;
428
+ --ks-color-link-to-fg-4-base: #d2c6ff;
429
+ --ks-color-link-to-fg-5-base: #dbd2ff;
430
+ --ks-color-link-to-fg-6-base: #e4deff;
431
+ --ks-color-link-to-fg-7-base: #eee9ff;
432
+ --ks-color-link-to-fg-8-base: #f6f3ff;
433
+ --ks-color-link-to-fg-9-base: #fbfbff;
434
+ --ks-color-link-inverted-base: #6642f6;
435
+ --ks-color-link-inverted-alpha-1-base: rgba(102,66,246,.95);
436
+ --ks-color-link-inverted-alpha-2-base: rgba(102,66,246,.87);
437
+ --ks-color-link-inverted-alpha-3-base: rgba(102,66,246,.76);
438
+ --ks-color-link-inverted-alpha-4-base: rgba(102,66,246,.63);
439
+ --ks-color-link-inverted-alpha-5-base: rgba(102,66,246,.5);
440
+ --ks-color-link-inverted-alpha-6-base: rgba(102,66,246,.37);
441
+ --ks-color-link-inverted-alpha-7-base: rgba(102,66,246,.24);
442
+ --ks-color-link-inverted-alpha-8-base: rgba(102,66,246,.13);
443
+ --ks-color-link-inverted-alpha-9-base: rgba(102,66,246,.05);
444
+ --ks-color-link-inverted-to-bg-1-base: #6d4bf6;
445
+ --ks-color-link-inverted-to-bg-2-base: #7859f6;
446
+ --ks-color-link-inverted-to-bg-3-base: #876cf5;
447
+ --ks-color-link-inverted-to-bg-4-base: #9983f5;
448
+ --ks-color-link-inverted-to-bg-5-base: #ac9af5;
449
+ --ks-color-link-inverted-to-bg-6-base: #beb0f4;
450
+ --ks-color-link-inverted-to-bg-7-base: #d0c7f4;
451
+ --ks-color-link-inverted-to-bg-8-base: #dfdaf3;
452
+ --ks-color-link-inverted-to-bg-9-base: #eae8f3;
453
+ --ks-color-link-inverted-to-fg-1-base: #613feb;
454
+ --ks-color-link-inverted-to-fg-2-base: #5a3ada;
455
+ --ks-color-link-inverted-to-fg-3-base: #4f34c2;
456
+ --ks-color-link-inverted-to-fg-4-base: #422da6;
457
+ --ks-color-link-inverted-to-fg-5-base: #36258b;
458
+ --ks-color-link-inverted-to-fg-6-base: #2a1d6f;
459
+ --ks-color-link-inverted-to-fg-7-base: #1d1653;
460
+ --ks-color-link-inverted-to-fg-8-base: #12103b;
461
+ --ks-color-link-inverted-to-fg-9-base: #0b0b2a;
462
+ --ks-color-positive-base: #6edb64;
463
+ --ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
464
+ --ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
465
+ --ks-color-positive-alpha-3-base: rgba(110,219,100,.76);
466
+ --ks-color-positive-alpha-4-base: rgba(110,219,100,.63);
467
+ --ks-color-positive-alpha-5-base: rgba(110,219,100,.5);
468
+ --ks-color-positive-alpha-6-base: rgba(110,219,100,.37);
469
+ --ks-color-positive-alpha-7-base: rgba(110,219,100,.24);
470
+ --ks-color-positive-alpha-8-base: rgba(110,219,100,.13);
471
+ --ks-color-positive-alpha-9-base: rgba(110,219,100,.05);
472
+ --ks-color-positive-to-bg-1-base: #69d061;
473
+ --ks-color-positive-to-bg-2-base: #60c05b;
474
+ --ks-color-positive-to-bg-3-base: #55a853;
475
+ --ks-color-positive-to-bg-4-base: #488d4a;
476
+ --ks-color-positive-to-bg-5-base: #3a7242;
477
+ --ks-color-positive-to-bg-6-base: #2c5639;
478
+ --ks-color-positive-to-bg-7-base: #1f3b30;
479
+ --ks-color-positive-to-bg-8-base: #142328;
480
+ --ks-color-positive-to-bg-9-base: #0b1322;
481
+ --ks-color-positive-to-fg-1-base: #75dd6c;
482
+ --ks-color-positive-to-fg-2-base: #81e078;
483
+ --ks-color-positive-to-fg-3-base: #91e489;
484
+ --ks-color-positive-to-fg-4-base: #a4e89d;
485
+ --ks-color-positive-to-fg-5-base: #b7edb2;
486
+ --ks-color-positive-to-fg-6-base: #c9f2c6;
487
+ --ks-color-positive-to-fg-7-base: #dcf6da;
488
+ --ks-color-positive-to-fg-8-base: #ecfaeb;
489
+ --ks-color-positive-to-fg-9-base: #f8fdf7;
490
+ --ks-color-positive-inverted-base: #23831b;
491
+ --ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
492
+ --ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
493
+ --ks-color-positive-inverted-alpha-3-base: rgba(35,131,27,.76);
494
+ --ks-color-positive-inverted-alpha-4-base: rgba(35,131,27,.63);
495
+ --ks-color-positive-inverted-alpha-5-base: rgba(35,131,27,.5);
496
+ --ks-color-positive-inverted-alpha-6-base: rgba(35,131,27,.37);
497
+ --ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
498
+ --ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
499
+ --ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
500
+ --ks-color-positive-inverted-to-bg-1-base: #2d8926;
501
+ --ks-color-positive-inverted-to-bg-2-base: #3e9137;
502
+ --ks-color-positive-inverted-to-bg-3-base: #549d4f;
503
+ --ks-color-positive-inverted-to-bg-4-base: #6fac6b;
504
+ --ks-color-positive-inverted-to-bg-5-base: #8aba87;
505
+ --ks-color-positive-inverted-to-bg-6-base: #a5c8a3;
506
+ --ks-color-positive-inverted-to-bg-7-base: #c0d7bf;
507
+ --ks-color-positive-inverted-to-bg-8-base: #d6e3d7;
508
+ --ks-color-positive-inverted-to-bg-9-base: #e7ece8;
509
+ --ks-color-positive-inverted-to-fg-1-base: #227d1b;
510
+ --ks-color-positive-inverted-to-fg-2-base: #1f731c;
511
+ --ks-color-positive-inverted-to-fg-3-base: #1c651c;
512
+ --ks-color-positive-inverted-to-fg-4-base: #18551c;
513
+ --ks-color-positive-inverted-to-fg-5-base: #15461d;
514
+ --ks-color-positive-inverted-to-fg-6-base: #11361e;
515
+ --ks-color-positive-inverted-to-fg-7-base: #0d261e;
516
+ --ks-color-positive-inverted-to-fg-8-base: #0a181e;
517
+ --ks-color-positive-inverted-to-fg-9-base: #070e1f;
518
+ --ks-color-informative-base: #64c2db;
519
+ --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
520
+ --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
521
+ --ks-color-informative-alpha-3-base: rgba(100,194,219,.76);
522
+ --ks-color-informative-alpha-4-base: rgba(100,194,219,.63);
523
+ --ks-color-informative-alpha-5-base: rgba(100,194,219,.5);
524
+ --ks-color-informative-alpha-6-base: rgba(100,194,219,.37);
525
+ --ks-color-informative-alpha-7-base: rgba(100,194,219,.24);
526
+ --ks-color-informative-alpha-8-base: rgba(100,194,219,.13);
527
+ --ks-color-informative-alpha-9-base: rgba(100,194,219,.05);
528
+ --ks-color-informative-to-bg-1-base: #5fb9d2;
529
+ --ks-color-informative-to-bg-2-base: #58aac3;
530
+ --ks-color-informative-to-bg-3-base: #4d95ae;
531
+ --ks-color-informative-to-bg-4-base: #417d95;
532
+ --ks-color-informative-to-bg-5-base: #35657d;
533
+ --ks-color-informative-to-bg-6-base: #294d65;
534
+ --ks-color-informative-to-bg-7-base: #1d354c;
535
+ --ks-color-informative-to-bg-8-base: #122037;
536
+ --ks-color-informative-to-bg-9-base: #0b1128;
537
+ --ks-color-informative-to-fg-1-base: #6cc5dd;
538
+ --ks-color-informative-to-fg-2-base: #78cae0;
539
+ --ks-color-informative-to-fg-3-base: #89d1e4;
540
+ --ks-color-informative-to-fg-4-base: #9dd9e8;
541
+ --ks-color-informative-to-fg-5-base: #b2e1ed;
542
+ --ks-color-informative-to-fg-6-base: #c6e8f2;
543
+ --ks-color-informative-to-fg-7-base: #daf0f6;
544
+ --ks-color-informative-to-fg-8-base: #ebf7fa;
545
+ --ks-color-informative-to-fg-9-base: #f7fcfd;
546
+ --ks-color-informative-inverted-base: #00718f;
547
+ --ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
548
+ --ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
549
+ --ks-color-informative-inverted-alpha-3-base: rgba(0,113,143,.76);
550
+ --ks-color-informative-inverted-alpha-4-base: rgba(0,113,143,.63);
551
+ --ks-color-informative-inverted-alpha-5-base: rgba(0,113,143,.5);
552
+ --ks-color-informative-inverted-alpha-6-base: rgba(0,113,143,.37);
553
+ --ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
554
+ --ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
555
+ --ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
556
+ --ks-color-informative-inverted-to-bg-1-base: #0c7794;
557
+ --ks-color-informative-inverted-to-bg-2-base: #1f829c;
558
+ --ks-color-informative-inverted-to-bg-3-base: #3a90a7;
559
+ --ks-color-informative-inverted-to-bg-4-base: #59a0b4;
560
+ --ks-color-informative-inverted-to-bg-5-base: #79b1c1;
561
+ --ks-color-informative-inverted-to-bg-6-base: #98c2ce;
562
+ --ks-color-informative-inverted-to-bg-7-base: #b7d2db;
563
+ --ks-color-informative-inverted-to-bg-8-base: #d2e0e6;
564
+ --ks-color-informative-inverted-to-bg-9-base: #e5ebee;
565
+ --ks-color-informative-inverted-to-fg-1-base: #006c89;
566
+ --ks-color-informative-inverted-to-fg-2-base: #016380;
567
+ --ks-color-informative-inverted-to-fg-3-base: #015874;
568
+ --ks-color-informative-inverted-to-fg-4-base: #024a66;
569
+ --ks-color-informative-inverted-to-fg-5-base: #033d57;
570
+ --ks-color-informative-inverted-to-fg-6-base: #042f48;
571
+ --ks-color-informative-inverted-to-fg-7-base: #05213a;
572
+ --ks-color-informative-inverted-to-fg-8-base: #05162e;
573
+ --ks-color-informative-inverted-to-fg-9-base: #060d25;
574
+ --ks-color-notice-base: #f9de55;
575
+ --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
576
+ --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
577
+ --ks-color-notice-alpha-3-base: rgba(249,222,85,.76);
578
+ --ks-color-notice-alpha-4-base: rgba(249,222,85,.63);
579
+ --ks-color-notice-alpha-5-base: rgba(249,222,85,.5);
580
+ --ks-color-notice-alpha-6-base: rgba(249,222,85,.37);
581
+ --ks-color-notice-alpha-7-base: rgba(249,222,85,.24);
582
+ --ks-color-notice-alpha-8-base: rgba(249,222,85,.13);
583
+ --ks-color-notice-alpha-9-base: rgba(249,222,85,.05);
584
+ --ks-color-notice-to-bg-1-base: #edd352;
585
+ --ks-color-notice-to-bg-2-base: #d9c24e;
586
+ --ks-color-notice-to-bg-3-base: #bfab48;
587
+ --ks-color-notice-to-bg-4-base: #9f8f41;
588
+ --ks-color-notice-to-bg-5-base: #80733a;
589
+ --ks-color-notice-to-bg-6-base: #605733;
590
+ --ks-color-notice-to-bg-7-base: #403b2c;
591
+ --ks-color-notice-to-bg-8-base: #262426;
592
+ --ks-color-notice-to-bg-9-base: #121322;
593
+ --ks-color-notice-to-fg-1-base: #f9e05e;
594
+ --ks-color-notice-to-fg-2-base: #fae26b;
595
+ --ks-color-notice-to-fg-3-base: #fae67e;
596
+ --ks-color-notice-to-fg-4-base: #fbea94;
597
+ --ks-color-notice-to-fg-5-base: #fcefaa;
598
+ --ks-color-notice-to-fg-6-base: #fdf3c0;
599
+ --ks-color-notice-to-fg-7-base: #fef7d6;
600
+ --ks-color-notice-to-fg-8-base: #fefbe9;
601
+ --ks-color-notice-to-fg-9-base: #fffdf7;
602
+ --ks-color-notice-inverted-base: #ff5d53;
603
+ --ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
604
+ --ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
605
+ --ks-color-notice-inverted-alpha-3-base: rgba(255,93,83,.76);
606
+ --ks-color-notice-inverted-alpha-4-base: rgba(255,93,83,.63);
607
+ --ks-color-notice-inverted-alpha-5-base: rgba(255,93,83,.5);
608
+ --ks-color-notice-inverted-alpha-6-base: rgba(255,93,83,.37);
609
+ --ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
610
+ --ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
611
+ --ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
612
+ --ks-color-notice-inverted-to-bg-1-base: #fe645b;
613
+ --ks-color-notice-inverted-to-bg-2-base: #fd7068;
614
+ --ks-color-notice-inverted-to-bg-3-base: #fc8179;
615
+ --ks-color-notice-inverted-to-bg-4-base: #fa948e;
616
+ --ks-color-notice-inverted-to-bg-5-base: #f8a7a3;
617
+ --ks-color-notice-inverted-to-bg-6-base: #f6bab8;
618
+ --ks-color-notice-inverted-to-bg-7-base: #f4cdcd;
619
+ --ks-color-notice-inverted-to-bg-8-base: #f3dede;
620
+ --ks-color-notice-inverted-to-bg-9-base: #f2eaeb;
621
+ --ks-color-notice-inverted-to-fg-1-base: #f35950;
622
+ --ks-color-notice-inverted-to-fg-2-base: #df524c;
623
+ --ks-color-notice-inverted-to-fg-3-base: #c34947;
624
+ --ks-color-notice-inverted-to-fg-4-base: #a33e40;
625
+ --ks-color-notice-inverted-to-fg-5-base: #833339;
626
+ --ks-color-notice-inverted-to-fg-6-base: #622732;
627
+ --ks-color-notice-inverted-to-fg-7-base: #421c2b;
628
+ --ks-color-notice-inverted-to-fg-8-base: #261326;
629
+ --ks-color-notice-inverted-to-fg-9-base: #120c22;
630
+ --ks-color-negative-base: #ff1a57;
631
+ --ks-color-negative-alpha-1-base: rgba(255,26,87,.95);
632
+ --ks-color-negative-alpha-2-base: rgba(255,26,87,.87);
633
+ --ks-color-negative-alpha-3-base: rgba(255,26,87,.76);
634
+ --ks-color-negative-alpha-4-base: rgba(255,26,87,.63);
635
+ --ks-color-negative-alpha-5-base: rgba(255,26,87,.5);
636
+ --ks-color-negative-alpha-6-base: rgba(255,26,87,.37);
637
+ --ks-color-negative-alpha-7-base: rgba(255,26,87,.24);
638
+ --ks-color-negative-alpha-8-base: rgba(255,26,87,.13);
639
+ --ks-color-negative-alpha-9-base: rgba(255,26,87,.05);
640
+ --ks-color-negative-to-bg-1-base: #f31954;
641
+ --ks-color-negative-to-bg-2-base: #df1850;
642
+ --ks-color-negative-to-bg-3-base: #c3164a;
643
+ --ks-color-negative-to-bg-4-base: #a31342;
644
+ --ks-color-negative-to-bg-5-base: #83113b;
645
+ --ks-color-negative-to-bg-6-base: #620f34;
646
+ --ks-color-negative-to-bg-7-base: #420c2c;
647
+ --ks-color-negative-to-bg-8-base: #260a26;
648
+ --ks-color-negative-to-bg-9-base: #120922;
649
+ --ks-color-negative-to-fg-1-base: #ff255f;
650
+ --ks-color-negative-to-fg-2-base: #ff386d;
651
+ --ks-color-negative-to-fg-3-base: #ff517f;
652
+ --ks-color-negative-to-fg-4-base: #ff6f95;
653
+ --ks-color-negative-to-fg-5-base: #ff8dab;
654
+ --ks-color-negative-to-fg-6-base: #ffaac1;
655
+ --ks-color-negative-to-fg-7-base: #ffc8d7;
656
+ --ks-color-negative-to-fg-8-base: #ffe1e9;
657
+ --ks-color-negative-to-fg-9-base: #fff4f7;
658
+ --ks-color-negative-inverted-base: #d21d48;
659
+ --ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
660
+ --ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
661
+ --ks-color-negative-inverted-alpha-3-base: rgba(210,29,72,.76);
662
+ --ks-color-negative-inverted-alpha-4-base: rgba(210,29,72,.63);
663
+ --ks-color-negative-inverted-alpha-5-base: rgba(210,29,72,.5);
664
+ --ks-color-negative-inverted-alpha-6-base: rgba(210,29,72,.37);
665
+ --ks-color-negative-inverted-alpha-7-base: rgba(210,29,72,.24);
666
+ --ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
667
+ --ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
668
+ --ks-color-negative-inverted-to-bg-1-base: #d42851;
669
+ --ks-color-negative-inverted-to-bg-2-base: #d6395e;
670
+ --ks-color-negative-inverted-to-bg-3-base: #d95071;
671
+ --ks-color-negative-inverted-to-bg-4-base: #dd6b87;
672
+ --ks-color-negative-inverted-to-bg-5-base: #e2879e;
673
+ --ks-color-negative-inverted-to-bg-6-base: #e6a3b4;
674
+ --ks-color-negative-inverted-to-bg-7-base: #eabeca;
675
+ --ks-color-negative-inverted-to-bg-8-base: #edd5dd;
676
+ --ks-color-negative-inverted-to-bg-9-base: #efe6ea;
677
+ --ks-color-negative-inverted-to-fg-1-base: #c81c46;
678
+ --ks-color-negative-inverted-to-fg-2-base: #b71a43;
679
+ --ks-color-negative-inverted-to-fg-3-base: #a1183e;
680
+ --ks-color-negative-inverted-to-fg-4-base: #871539;
681
+ --ks-color-negative-inverted-to-fg-5-base: #6c1334;
682
+ --ks-color-negative-inverted-to-fg-6-base: #51102e;
683
+ --ks-color-negative-inverted-to-fg-7-base: #370d29;
684
+ --ks-color-negative-inverted-to-fg-8-base: #210b24;
685
+ --ks-color-negative-inverted-to-fg-9-base: #100921;
686
+ --ks-color-secondary-base: #4d25ef;
687
+ --ks-color-secondary-alpha-1-base: rgba(77,37,239,.95);
688
+ --ks-color-secondary-alpha-2-base: rgba(77,37,239,.87);
689
+ --ks-color-secondary-alpha-3-base: rgba(77,37,239,.76);
690
+ --ks-color-secondary-alpha-4-base: rgba(77,37,239,.63);
691
+ --ks-color-secondary-alpha-5-base: rgba(77,37,239,.5);
692
+ --ks-color-secondary-alpha-6-base: rgba(77,37,239,.37);
693
+ --ks-color-secondary-alpha-7-base: rgba(77,37,239,.24);
694
+ --ks-color-secondary-alpha-8-base: rgba(77,37,239,.13);
695
+ --ks-color-secondary-alpha-9-base: rgba(77,37,239,.05);
696
+ --ks-color-secondary-to-bg-1-base: #4924e5;
697
+ --ks-color-secondary-to-bg-2-base: #4421d4;
698
+ --ks-color-secondary-to-bg-3-base: #3c1ebd;
699
+ --ks-color-secondary-to-bg-4-base: #331aa2;
700
+ --ks-color-secondary-to-bg-5-base: #2a1787;
701
+ --ks-color-secondary-to-bg-6-base: #20136c;
702
+ --ks-color-secondary-to-bg-7-base: #170f51;
703
+ --ks-color-secondary-to-bg-8-base: #0f0c3a;
704
+ --ks-color-secondary-to-bg-9-base: #0a0929;
705
+ --ks-color-secondary-to-fg-1-base: #5630f0;
706
+ --ks-color-secondary-to-fg-2-base: #6441f1;
707
+ --ks-color-secondary-to-fg-3-base: #7859f3;
708
+ --ks-color-secondary-to-fg-4-base: #8f76f5;
709
+ --ks-color-secondary-to-fg-5-base: #a692f7;
710
+ --ks-color-secondary-to-fg-6-base: #bdaef9;
711
+ --ks-color-secondary-to-fg-7-base: #d4cbfb;
712
+ --ks-color-secondary-to-fg-8-base: #e8e3fd;
713
+ --ks-color-secondary-to-fg-9-base: #f6f4fe;
714
+ --ks-color-secondary-inverted-base: #e21879;
715
+ --ks-color-secondary-inverted-alpha-1-base: rgba(226,24,121,.95);
716
+ --ks-color-secondary-inverted-alpha-2-base: rgba(226,24,121,.87);
717
+ --ks-color-secondary-inverted-alpha-3-base: rgba(226,24,121,.76);
718
+ --ks-color-secondary-inverted-alpha-4-base: rgba(226,24,121,.63);
719
+ --ks-color-secondary-inverted-alpha-5-base: rgba(226,24,121,.5);
720
+ --ks-color-secondary-inverted-alpha-6-base: rgba(226,24,121,.37);
721
+ --ks-color-secondary-inverted-alpha-7-base: rgba(226,24,121,.24);
722
+ --ks-color-secondary-inverted-alpha-8-base: rgba(226,24,121,.13);
723
+ --ks-color-secondary-inverted-alpha-9-base: rgba(226,24,121,.05);
724
+ --ks-color-secondary-inverted-to-bg-1-base: #e3237f;
725
+ --ks-color-secondary-inverted-to-bg-2-base: #e43489;
726
+ --ks-color-secondary-inverted-to-bg-3-base: #e64c96;
727
+ --ks-color-secondary-inverted-to-bg-4-base: #e868a6;
728
+ --ks-color-secondary-inverted-to-bg-5-base: #ea85b6;
729
+ --ks-color-secondary-inverted-to-bg-6-base: #eba1c6;
730
+ --ks-color-secondary-inverted-to-bg-7-base: #edbdd6;
731
+ --ks-color-secondary-inverted-to-bg-8-base: #efd5e3;
732
+ --ks-color-secondary-inverted-to-bg-9-base: #f0e6ed;
733
+ --ks-color-secondary-inverted-to-fg-1-base: #d71775;
734
+ --ks-color-secondary-inverted-to-fg-2-base: #c5166d;
735
+ --ks-color-secondary-inverted-to-fg-3-base: #ad1463;
736
+ --ks-color-secondary-inverted-to-fg-4-base: #911258;
737
+ --ks-color-secondary-inverted-to-fg-5-base: #74104c;
738
+ --ks-color-secondary-inverted-to-fg-6-base: #570e40;
739
+ --ks-color-secondary-inverted-to-fg-7-base: #3b0c35;
740
+ --ks-color-secondary-inverted-to-fg-8-base: #230a2b;
741
+ --ks-color-secondary-inverted-to-fg-9-base: #110924;
661
742
  --ks-depth-modal: 1000;
662
743
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
663
- --ks-spacing-xxs-base: 0.3366rem;
744
+ --ks-spacing-xxs-base: 0.3024rem;
664
745
  --ks-spacing-xxs-bp-factor-phone: 1.225;
665
746
  --ks-spacing-xxs-bp-factor-tablet: 1.5006;
666
747
  --ks-spacing-xxs-bp-factor-laptop: 1.8383;
667
748
  --ks-spacing-xxs-bp-factor-desktop: 2.2519;
668
- --ks-spacing-xxs-bp-factor-tv: 2.7585;
749
+ --ks-spacing-xxs-bp-factor-widescreen: 2.5;
750
+ --ks-spacing-xxs-bp-factor-tv: 3;
669
751
  --ks-spacing-xs: var(--ks-spacing-xs-base);
670
- --ks-spacing-xs-base: 0.4628rem;
752
+ --ks-spacing-xs-base: 0.4309rem;
671
753
  --ks-spacing-xs-bp-factor-phone: 1.225;
672
754
  --ks-spacing-xs-bp-factor-tablet: 1.5006;
673
755
  --ks-spacing-xs-bp-factor-laptop: 1.8383;
674
756
  --ks-spacing-xs-bp-factor-desktop: 2.2519;
675
- --ks-spacing-xs-bp-factor-tv: 2.7585;
757
+ --ks-spacing-xs-bp-factor-widescreen: 2.5;
758
+ --ks-spacing-xs-bp-factor-tv: 3;
676
759
  --ks-spacing-s: var(--ks-spacing-s-base);
677
- --ks-spacing-s-base: 0.6364rem;
760
+ --ks-spacing-s-base: 0.614rem;
678
761
  --ks-spacing-s-bp-factor-phone: 1.225;
679
762
  --ks-spacing-s-bp-factor-tablet: 1.5006;
680
763
  --ks-spacing-s-bp-factor-laptop: 1.8383;
681
764
  --ks-spacing-s-bp-factor-desktop: 2.2519;
682
- --ks-spacing-s-bp-factor-tv: 2.7585;
765
+ --ks-spacing-s-bp-factor-widescreen: 2.5;
766
+ --ks-spacing-s-bp-factor-tv: 3;
683
767
  --ks-spacing-m: var(--ks-spacing-m-base);
684
768
  --ks-spacing-m-base: 0.875rem;
685
769
  --ks-spacing-m-bp-factor-phone: 1.225;
686
770
  --ks-spacing-m-bp-factor-tablet: 1.5006;
687
771
  --ks-spacing-m-bp-factor-laptop: 1.8383;
688
772
  --ks-spacing-m-bp-factor-desktop: 2.2519;
689
- --ks-spacing-m-bp-factor-tv: 2.7585;
773
+ --ks-spacing-m-bp-factor-widescreen: 2.5;
774
+ --ks-spacing-m-bp-factor-tv: 3;
690
775
  --ks-spacing-l: var(--ks-spacing-l-base);
691
- --ks-spacing-l-base: 1.2031rem;
776
+ --ks-spacing-l-base: 1.2469rem;
692
777
  --ks-spacing-l-bp-factor-phone: 1.225;
693
778
  --ks-spacing-l-bp-factor-tablet: 1.5006;
694
779
  --ks-spacing-l-bp-factor-laptop: 1.8383;
695
780
  --ks-spacing-l-bp-factor-desktop: 2.2519;
696
- --ks-spacing-l-bp-factor-tv: 2.7585;
781
+ --ks-spacing-l-bp-factor-widescreen: 2.5;
782
+ --ks-spacing-l-bp-factor-tv: 3;
697
783
  --ks-spacing-xl: var(--ks-spacing-xl-base);
698
- --ks-spacing-xl-base: 1.6543rem;
784
+ --ks-spacing-xl-base: 1.7768rem;
699
785
  --ks-spacing-xl-bp-factor-phone: 1.225;
700
786
  --ks-spacing-xl-bp-factor-tablet: 1.5006;
701
787
  --ks-spacing-xl-bp-factor-laptop: 1.8383;
702
788
  --ks-spacing-xl-bp-factor-desktop: 2.2519;
703
- --ks-spacing-xl-bp-factor-tv: 2.7585;
789
+ --ks-spacing-xl-bp-factor-tv: 2.7;
704
790
  --ks-spacing-xxl: var(--ks-spacing-xxl-base);
705
- --ks-spacing-xxl-base: 2.2747rem;
791
+ --ks-spacing-xxl-base: 2.5319rem;
706
792
  --ks-spacing-xxl-bp-factor-phone: 1.225;
707
793
  --ks-spacing-xxl-bp-factor-tablet: 1.5006;
708
794
  --ks-spacing-xxl-bp-factor-laptop: 1.8383;
709
795
  --ks-spacing-xxl-bp-factor-desktop: 2.2519;
710
- --ks-spacing-xxl-bp-factor-tv: 2.7585;
796
+ --ks-spacing-xxl-bp-factor-widescreen: 2.5;
797
+ --ks-spacing-xxl-bp-factor-tv: 3;
711
798
  --ks-spacing-stack-xs: var(--ks-spacing-xs);
712
799
  --ks-spacing-stack-s: var(--ks-spacing-s);
713
800
  --ks-spacing-stack-m: var(--ks-spacing-m);
@@ -735,14 +822,14 @@
735
822
  --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
736
823
  --ks-text-color-default-base: var(--ks-color-fg-base);
737
824
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
738
- --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
739
- --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
740
- --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
825
+ --ks-text-color-default-interactive-hover-base: var(--ks-color-link-to-fg-5-base);
826
+ --ks-text-color-default-interactive-active-base: var(--ks-color-link-to-fg-5-base);
827
+ --ks-text-color-default-interactive-selected-base: var(--ks-color-link-to-fg-5-base);
741
828
  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
742
829
  --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
743
- --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
744
- --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
745
- --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
830
+ --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-5-base);
831
+ --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-5-base);
832
+ --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-5-base);
746
833
  --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
747
834
  --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
748
835
  --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
@@ -833,6 +920,16 @@
833
920
  --ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
834
921
  --ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
835
922
  --ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
923
+ --ks-text-color-secondary-base: var(--ks-color-secondary-base);
924
+ --ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
925
+ --ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
926
+ --ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
927
+ --ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
928
+ --ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
929
+ --ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
930
+ --ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
931
+ --ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
932
+ --ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
836
933
  --ks-duration-immediate: 50ms;
837
934
  --ks-duration-fast: 100ms;
838
935
  --ks-duration-medium: 150ms;
@@ -844,58 +941,66 @@
844
941
  --ks-timing-function-linear: linear;
845
942
  --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
846
943
  --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
847
- --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
848
- --ks-font-family-display: 'Wix Madefor Display', Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
849
- --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;
850
- --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;
944
+ --ks-transition-fade: var(--ks-duration-fast) var(--ks-timing-function-ease-out);
945
+ --ks-font-family-display: Fredoka, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
946
+ --ks-font-family-copy: Mulish, 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;
947
+ --ks-font-family-interface: Mulish, 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;
851
948
  --ks-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
852
949
  --ks-font-weight-light: 300;
853
950
  --ks-font-weight-regular: 400;
854
951
  --ks-font-weight-medium: 500;
855
952
  --ks-font-weight-semi-bold: 600;
856
953
  --ks-font-weight-bold: 700;
857
- --ks-font-size-display-bp-factor-phone: 1;
858
- --ks-font-size-display-bp-factor-tablet: 1.125;
859
- --ks-font-size-display-bp-factor-laptop: 1.25;
860
- --ks-font-size-display-bp-factor-desktop: 1.35;
861
- --ks-font-size-display-xxs-base: 0.512rem;
862
- --ks-font-size-display-xs-base: 0.64rem;
863
- --ks-font-size-display-s-base: 0.8rem;
864
- --ks-font-size-display-m-base: 1rem;
865
- --ks-font-size-display-l-base: 1.25rem;
866
- --ks-font-size-display-xl-base: 1.5625rem;
867
- --ks-font-size-display-xxl-base: 1.9531rem;
954
+ --ks-font-size-display-bp-factor-phone: 1.125;
955
+ --ks-font-size-display-bp-factor-tablet: 1.5;
956
+ --ks-font-size-display-bp-factor-laptop: 1.5;
957
+ --ks-font-size-display-bp-factor-desktop: 1.75;
958
+ --ks-font-size-display-bp-factor-widescreen: 2.25;
959
+ --ks-font-size-display-bp-factor-tv: 2.75;
960
+ --ks-font-size-display-xxs-base: 0.68rem;
961
+ --ks-font-size-display-xs-base: 0.833rem;
962
+ --ks-font-size-display-s-base: 1.0204rem;
963
+ --ks-font-size-display-m-base: 1.25rem;
964
+ --ks-font-size-display-l-base: 1.5313rem;
965
+ --ks-font-size-display-xl-base: 1.8758rem;
966
+ --ks-font-size-display-xxl-base: 2.2978rem;
868
967
  --ks-font-size-copy-bp-factor-tablet: 1.125;
869
- --ks-font-size-copy-xxs-base: 0.6164rem;
870
- --ks-font-size-copy-xs-base: 0.7243rem;
871
- --ks-font-size-copy-s-base: 0.8511rem;
872
- --ks-font-size-copy-m-base: 1rem;
873
- --ks-font-size-copy-l-base: 1.175rem;
874
- --ks-font-size-copy-xl-base: 1.3806rem;
875
- --ks-font-size-copy-xxl-base: 1.6222rem;
968
+ --ks-font-size-copy-bp-factor-widescreen: 1.35;
969
+ --ks-font-size-copy-bp-factor-tv: 1.65;
970
+ --ks-font-size-copy-xxs-base: 0.612rem;
971
+ --ks-font-size-copy-xs-base: 0.7497rem;
972
+ --ks-font-size-copy-s-base: 0.9184rem;
973
+ --ks-font-size-copy-m-base: 1.125rem;
974
+ --ks-font-size-copy-l-base: 1.3781rem;
975
+ --ks-font-size-copy-xl-base: 1.6882rem;
976
+ --ks-font-size-copy-xxl-base: 2.068rem;
876
977
  --ks-font-size-interface-bp-factor-tablet: 1.125;
877
- --ks-font-size-interface-xxs-base: 0.6164rem;
878
- --ks-font-size-interface-xs-base: 0.7243rem;
879
- --ks-font-size-interface-s-base: 0.8511rem;
978
+ --ks-font-size-interface-bp-factor-widescreen: 1.35;
979
+ --ks-font-size-interface-bp-factor-tv: 1.65;
980
+ --ks-font-size-interface-xxs-base: 0.544rem;
981
+ --ks-font-size-interface-xs-base: 0.6664rem;
982
+ --ks-font-size-interface-s-base: 0.8163rem;
880
983
  --ks-font-size-interface-m-base: 1rem;
881
- --ks-font-size-interface-l-base: 1.175rem;
882
- --ks-font-size-interface-xl-base: 1.3806rem;
883
- --ks-font-size-interface-xxl-base: 1.6222rem;
984
+ --ks-font-size-interface-l-base: 1.225rem;
985
+ --ks-font-size-interface-xl-base: 1.5006rem;
986
+ --ks-font-size-interface-xxl-base: 1.8383rem;
884
987
  --ks-font-size-mono-bp-factor-tablet: 1.125;
885
- --ks-font-size-mono-xxs-base: 0.6164rem;
886
- --ks-font-size-mono-xs-base: 0.7243rem;
887
- --ks-font-size-mono-s-base: 0.8511rem;
888
- --ks-font-size-mono-m-base: 1rem;
889
- --ks-font-size-mono-l-base: 1.175rem;
890
- --ks-font-size-mono-xl-base: 1.3806rem;
891
- --ks-font-size-mono-xxl-base: 1.6222rem;
892
- --ks-line-height-display-xxs: 1.5;
893
- --ks-line-height-display-xs: 1.5;
894
- --ks-line-height-display-s: 1.5;
895
- --ks-line-height-display-m: 1.5;
896
- --ks-line-height-display-l: 1.5;
897
- --ks-line-height-display-xl: 1.5;
898
- --ks-line-height-display-xxl: 1.5;
988
+ --ks-font-size-mono-bp-factor-widescreen: 1.35;
989
+ --ks-font-size-mono-bp-factor-tv: 1.65;
990
+ --ks-font-size-mono-xxs-base: 0.612rem;
991
+ --ks-font-size-mono-xs-base: 0.7497rem;
992
+ --ks-font-size-mono-s-base: 0.9184rem;
993
+ --ks-font-size-mono-m-base: 1.125rem;
994
+ --ks-font-size-mono-l-base: 1.3781rem;
995
+ --ks-font-size-mono-xl-base: 1.6882rem;
996
+ --ks-font-size-mono-xxl-base: 2.068rem;
997
+ --ks-line-height-display-xxs: 1.15;
998
+ --ks-line-height-display-xs: 1.15;
999
+ --ks-line-height-display-s: 1.15;
1000
+ --ks-line-height-display-m: 1.15;
1001
+ --ks-line-height-display-l: 1.15;
1002
+ --ks-line-height-display-xl: 1.15;
1003
+ --ks-line-height-display-xxl: 1.15;
899
1004
  --ks-line-height-copy-xxs: 1.5;
900
1005
  --ks-line-height-copy-xs: 1.5;
901
1006
  --ks-line-height-copy-s: 1.5;
@@ -987,7 +1092,7 @@
987
1092
  --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
988
1093
  --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
989
1094
  --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
990
- --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","tv":"122em"}';
1095
+ --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","widescreen":"122em","tv":"162em"}';
991
1096
  }
992
1097
  :root, [ks-theme], [ks-inverted=false] {
993
1098
  --ks-background-color-accent: var(--ks-background-color-accent-base);
@@ -1090,6 +1195,18 @@
1090
1195
  --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
1091
1196
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
1092
1197
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1198
+ --ks-background-color-secondary: var(--ks-background-color-secondary-base);
1199
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-interactive-base);
1200
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
1201
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
1202
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
1203
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-translucent-base);
1204
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-inverted-base);
1205
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
1206
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
1207
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
1208
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
1209
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
1093
1210
  --ks-border-color-accent: var(--ks-border-color-accent-base);
1094
1211
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
1095
1212
  --ks-border-color-clear: var(--ks-border-color-clear-base);
@@ -1188,6 +1305,18 @@
1188
1305
  --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
1189
1306
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
1190
1307
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1308
+ --ks-border-color-secondary: var(--ks-border-color-secondary-base);
1309
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-interactive-base);
1310
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
1311
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
1312
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
1313
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-translucent-base);
1314
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-inverted-base);
1315
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
1316
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
1317
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
1318
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
1319
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
1191
1320
  --ks-color-fg: var(--ks-color-fg-base);
1192
1321
  --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
1193
1322
  --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
@@ -1601,6 +1730,62 @@
1601
1730
  --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
1602
1731
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
1603
1732
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
1733
+ --ks-color-secondary: var(--ks-color-secondary-base);
1734
+ --ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
1735
+ --ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
1736
+ --ks-color-secondary-alpha-3: var(--ks-color-secondary-alpha-3-base);
1737
+ --ks-color-secondary-alpha-4: var(--ks-color-secondary-alpha-4-base);
1738
+ --ks-color-secondary-alpha-5: var(--ks-color-secondary-alpha-5-base);
1739
+ --ks-color-secondary-alpha-6: var(--ks-color-secondary-alpha-6-base);
1740
+ --ks-color-secondary-alpha-7: var(--ks-color-secondary-alpha-7-base);
1741
+ --ks-color-secondary-alpha-8: var(--ks-color-secondary-alpha-8-base);
1742
+ --ks-color-secondary-alpha-9: var(--ks-color-secondary-alpha-9-base);
1743
+ --ks-color-secondary-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
1744
+ --ks-color-secondary-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
1745
+ --ks-color-secondary-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
1746
+ --ks-color-secondary-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
1747
+ --ks-color-secondary-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
1748
+ --ks-color-secondary-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
1749
+ --ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
1750
+ --ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
1751
+ --ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
1752
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
1753
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
1754
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
1755
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
1756
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
1757
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
1758
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
1759
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
1760
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
1761
+ --ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
1762
+ --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
1763
+ --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
1764
+ --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
1765
+ --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
1766
+ --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
1767
+ --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
1768
+ --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
1769
+ --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
1770
+ --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
1771
+ --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
1772
+ --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
1773
+ --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
1774
+ --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
1775
+ --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
1776
+ --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
1777
+ --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
1778
+ --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
1779
+ --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
1780
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
1781
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
1782
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
1783
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
1784
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
1785
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
1786
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
1787
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
1788
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
1604
1789
  --ks-text-color-default: var(--ks-text-color-default-base);
1605
1790
  --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
1606
1791
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
@@ -1701,6 +1886,16 @@
1701
1886
  --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
1702
1887
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
1703
1888
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
1889
+ --ks-text-color-secondary: var(--ks-text-color-secondary-base);
1890
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-interactive-base);
1891
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
1892
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
1893
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
1894
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-inverted-base);
1895
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
1896
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
1897
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
1898
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
1704
1899
  }
1705
1900
  [ks-inverted=true] {
1706
1901
  --ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
@@ -1803,6 +1998,18 @@
1803
1998
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1804
1999
  --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1805
2000
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
2001
+ --ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
2002
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
2003
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
2004
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
2005
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
2006
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
2007
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
2008
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
2009
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
2010
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
2011
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
2012
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
1806
2013
  --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
1807
2014
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
1808
2015
  --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
@@ -1901,6 +2108,18 @@
1901
2108
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
1902
2109
  --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1903
2110
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
2111
+ --ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
2112
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
2113
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
2114
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
2115
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
2116
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
2117
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
2118
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
2119
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
2120
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
2121
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
2122
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
1904
2123
  --ks-color-fg: var(--ks-color-fg-inverted-base);
1905
2124
  --ks-color-fg-inverted: var(--ks-color-fg-base);
1906
2125
  --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
@@ -2313,6 +2532,62 @@
2313
2532
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
2314
2533
  --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
2315
2534
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
2535
+ --ks-color-secondary: var(--ks-color-secondary-inverted-base);
2536
+ --ks-color-secondary-inverted: var(--ks-color-secondary-base);
2537
+ --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
2538
+ --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-alpha-1-base);
2539
+ --ks-color-secondary-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
2540
+ --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-alpha-2-base);
2541
+ --ks-color-secondary-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
2542
+ --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-alpha-3-base);
2543
+ --ks-color-secondary-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
2544
+ --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-alpha-4-base);
2545
+ --ks-color-secondary-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
2546
+ --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-alpha-5-base);
2547
+ --ks-color-secondary-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
2548
+ --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-alpha-6-base);
2549
+ --ks-color-secondary-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
2550
+ --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-alpha-7-base);
2551
+ --ks-color-secondary-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
2552
+ --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-alpha-8-base);
2553
+ --ks-color-secondary-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
2554
+ --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-alpha-9-base);
2555
+ --ks-color-secondary-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
2556
+ --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
2557
+ --ks-color-secondary-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
2558
+ --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
2559
+ --ks-color-secondary-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
2560
+ --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
2561
+ --ks-color-secondary-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
2562
+ --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
2563
+ --ks-color-secondary-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
2564
+ --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
2565
+ --ks-color-secondary-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
2566
+ --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
2567
+ --ks-color-secondary-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
2568
+ --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
2569
+ --ks-color-secondary-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
2570
+ --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
2571
+ --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
2572
+ --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
2573
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
2574
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
2575
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
2576
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
2577
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
2578
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
2579
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
2580
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
2581
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
2582
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
2583
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
2584
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
2585
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
2586
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
2587
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
2588
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
2589
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
2590
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
2316
2591
  --ks-text-color-default: var(--ks-text-color-default-inverted-base);
2317
2592
  --ks-text-color-default-inverted: var(--ks-text-color-default-base);
2318
2593
  --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
@@ -2413,6 +2688,16 @@
2413
2688
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
2414
2689
  --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
2415
2690
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
2691
+ --ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
2692
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
2693
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
2694
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
2695
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
2696
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
2697
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
2698
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
2699
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
2700
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
2416
2701
  }
2417
2702
  @media (min-width: 36em) {
2418
2703
  :root {
@@ -2467,6 +2752,24 @@
2467
2752
  }
2468
2753
  @media (min-width: 122em) {
2469
2754
  :root {
2755
+ --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-widescreen);
2756
+ --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-widescreen);
2757
+ --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-widescreen);
2758
+ --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-widescreen);
2759
+ --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-widescreen);
2760
+ --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-widescreen);
2761
+ --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-widescreen);
2762
+ --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-widescreen);
2763
+ --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-widescreen);
2764
+ --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-widescreen);
2765
+ }
2766
+ }
2767
+ @media (min-width: 162em) {
2768
+ :root {
2769
+ --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tv);
2770
+ --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tv);
2771
+ --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tv);
2772
+ --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tv);
2470
2773
  --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tv);
2471
2774
  --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tv);
2472
2775
  --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tv);