@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/components/page-wrapper/tokens.css CHANGED
@@ -1,12 +1,12 @@
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
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
7
- --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-9-base);
8
- --ks-background-color-bold-base: var(--ks-color-primary-to-bg-7-base);
9
- --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-7-base);
7
+ --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
8
+ --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
9
+ --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
10
10
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
11
11
  --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
12
12
  --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -31,14 +31,14 @@
31
31
  --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
32
32
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
33
33
  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
34
- --ks-background-color-card-base: var(--ks-color-bg-base);
35
- --ks-background-color-card-interactive-base: var(--ks-color-bg-base);
34
+ --ks-background-color-card-base: var(--ks-color-fg-to-bg-9-base);
35
+ --ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-9-base);
36
36
  --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
37
37
  --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
38
38
  --ks-background-color-card-interactive-active-base: var(--ks-color-fg-alpha-9-base);
39
39
  --ks-background-color-card-interactive-selected-base: var(--ks-color-primary-base);
40
- --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
41
- --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
40
+ --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-to-bg-9-base);
41
+ --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-9-base);
42
42
  --ks-background-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-7-base);
43
43
  --ks-background-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
44
44
  --ks-background-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
@@ -103,8 +103,20 @@
103
103
  --ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
104
104
  --ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
105
105
  --ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
106
- --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
107
- --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
106
+ --ks-background-color-secondary-base: var(--ks-color-secondary-base);
107
+ --ks-background-color-secondary-interactive-base: var(--ks-color-secondary-base);
108
+ --ks-background-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
109
+ --ks-background-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-2-base);
110
+ --ks-background-color-secondary-interactive-selected-base: var(--ks-color-secondary-to-bg-4-base);
111
+ --ks-background-color-secondary-translucent-base: var(--ks-color-secondary-alpha-5-base);
112
+ --ks-background-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
113
+ --ks-background-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
114
+ --ks-background-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
115
+ --ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
116
+ --ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
117
+ --ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
118
+ --ks-border-color-accent-base: var(--ks-color-primary-alpha-7-base);
119
+ --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-alpha-7-base);
108
120
  --ks-border-color-clear-base: var(--ks-color-transparent-base);
109
121
  --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
110
122
  --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -115,8 +127,8 @@
115
127
  --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
116
128
  --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
117
129
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
118
- --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
119
- --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
130
+ --ks-border-color-default-base: var(--ks-color-fg-alpha-7-base);
131
+ --ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-7-base);
120
132
  --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
121
133
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
122
134
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
@@ -130,16 +142,16 @@
130
142
  --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
131
143
  --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
132
144
  --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
133
- --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
145
+ --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-9-base);
134
146
  --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
135
- --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
136
- --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
147
+ --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-7-base);
148
+ --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-7-base);
137
149
  --ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
138
150
  --ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
139
- --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
151
+ --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-9-base);
140
152
  --ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
141
- --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
142
- --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
153
+ --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-7-base);
154
+ --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-7-base);
143
155
  --ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
144
156
  --ks-border-color-primary-base: var(--ks-color-primary-base);
145
157
  --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
@@ -201,11 +213,24 @@
201
213
  --ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
202
214
  --ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
203
215
  --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
216
+ --ks-border-color-secondary-base: var(--ks-color-secondary-base);
217
+ --ks-border-color-secondary-interactive-base: var(--ks-color-secondary-base);
218
+ --ks-border-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
219
+ --ks-border-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-3-base);
220
+ --ks-border-color-secondary-interactive-selected-base: var(--ks-color-secondary-base);
221
+ --ks-border-color-secondary-translucent-base: var(--ks-color-secondary-alpha-2-base);
222
+ --ks-border-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
223
+ --ks-border-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
224
+ --ks-border-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
225
+ --ks-border-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-3-base);
226
+ --ks-border-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-base);
227
+ --ks-border-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-2-base);
204
228
  --ks-border-width-default: 1px;
205
229
  --ks-border-width-emphasized: 2px;
206
- --ks-border-radius-control: 8px;
207
- --ks-border-radius-card: 8px;
208
- --ks-border-radius-surface: 16px;
230
+ --ks-border-radius-control: 16px;
231
+ --ks-border-radius-card: 16px;
232
+ --ks-border-radius-surface: 32px;
233
+ --ks-border-radius-image: 0px;
209
234
  --ks-border-radius-pill: 999px;
210
235
  --ks-border-radius-circle: 50%;
211
236
  --ks-box-shadow-opacity-control: 0.2;
@@ -220,18 +245,18 @@
220
245
  --ks-box-shadow-opacity-surface-hover: 0.2;
221
246
  --ks-box-shadow-opacity-surface-inverted: 0.1;
222
247
  --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
223
- --ks-box-shadow-color-control: rgba(13,17,23,var(--ks-box-shadow-opacity-control));
224
- --ks-box-shadow-color-control-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-control-hover));
225
- --ks-box-shadow-color-control-inverted: rgba(13,17,23,var(--ks-box-shadow-opacity-control-inverted));
226
- --ks-box-shadow-color-control-inverted-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-control-inverted-hover));
227
- --ks-box-shadow-color-card: rgba(13,17,23,var(--ks-box-shadow-opacity-card));
228
- --ks-box-shadow-color-card-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-card-hover));
229
- --ks-box-shadow-color-card-inverted: rgba(13,17,23,var(--ks-box-shadow-opacity-card-inverted));
230
- --ks-box-shadow-color-card-inverted-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-card-inverted-hover));
231
- --ks-box-shadow-color-surface: rgba(13,17,23,var(--ks-box-shadow-opacity-surface));
232
- --ks-box-shadow-color-surface-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-surface-hover));
233
- --ks-box-shadow-color-surface-inverted: rgba(13,17,23,var(--ks-box-shadow-opacity-surface-inverted));
234
- --ks-box-shadow-color-surface-inverted-hover: rgba(13,17,23,var(--ks-box-shadow-opacity-surface-inverted-hover));
248
+ --ks-box-shadow-color-control: rgba(255,255,255,var(--ks-box-shadow-opacity-control));
249
+ --ks-box-shadow-color-control-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-control-hover));
250
+ --ks-box-shadow-color-control-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-control-inverted));
251
+ --ks-box-shadow-color-control-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-control-inverted-hover));
252
+ --ks-box-shadow-color-card: rgba(255,255,255,var(--ks-box-shadow-opacity-card));
253
+ --ks-box-shadow-color-card-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-card-hover));
254
+ --ks-box-shadow-color-card-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-card-inverted));
255
+ --ks-box-shadow-color-card-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-card-inverted-hover));
256
+ --ks-box-shadow-color-surface: rgba(255,255,255,var(--ks-box-shadow-opacity-surface));
257
+ --ks-box-shadow-color-surface-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-hover));
258
+ --ks-box-shadow-color-surface-inverted: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-inverted));
259
+ --ks-box-shadow-color-surface-inverted-hover: rgba(255,255,255,var(--ks-box-shadow-opacity-surface-inverted-hover));
235
260
  --ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
236
261
  --ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
237
262
  --ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
@@ -244,469 +269,531 @@
244
269
  --ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
245
270
  --ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
246
271
  --ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
247
- --ks-color-fg-base: #0d1117;
248
- --ks-color-fg-alpha-1-base: rgba(13,17,23,.95);
249
- --ks-color-fg-alpha-2-base: rgba(13,17,23,.87);
250
- --ks-color-fg-alpha-3-base: rgba(13,17,23,.76);
251
- --ks-color-fg-alpha-4-base: rgba(13,17,23,.63);
252
- --ks-color-fg-alpha-5-base: rgba(13,17,23,.5);
253
- --ks-color-fg-alpha-6-base: rgba(13,17,23,.37);
254
- --ks-color-fg-alpha-7-base: rgba(13,17,23,.24);
255
- --ks-color-fg-alpha-8-base: rgba(13,17,23,.13);
256
- --ks-color-fg-alpha-9-base: rgba(13,17,23,.05);
257
- --ks-color-fg-to-bg-1-base: #191d23;
258
- --ks-color-fg-to-bg-2-base: #2c3035;
259
- --ks-color-fg-to-bg-3-base: #474a4f;
260
- --ks-color-fg-to-bg-4-base: #67696d;
261
- --ks-color-fg-to-bg-5-base: #86888b;
262
- --ks-color-fg-to-bg-6-base: #a5a7a9;
263
- --ks-color-fg-to-bg-7-base: #c5c6c7;
264
- --ks-color-fg-to-bg-8-base: #e0e0e1;
265
- --ks-color-fg-to-bg-9-base: #f3f3f3;
266
- --ks-color-fg-inverted-base: #fff;
267
- --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
268
- --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
269
- --ks-color-fg-inverted-alpha-3-base: hsla(0,0%,100%,.76);
270
- --ks-color-fg-inverted-alpha-4-base: hsla(0,0%,100%,.63);
271
- --ks-color-fg-inverted-alpha-5-base: hsla(0,0%,100%,.5);
272
- --ks-color-fg-inverted-alpha-6-base: hsla(0,0%,100%,.37);
273
- --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
274
- --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
275
- --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
276
- --ks-color-fg-inverted-to-bg-1-base: #f3f4f5;
277
- --ks-color-fg-inverted-to-bg-2-base: #e0e2e6;
278
- --ks-color-fg-inverted-to-bg-3-base: #c5c9d1;
279
- --ks-color-fg-inverted-to-bg-4-base: #a6acb8;
280
- --ks-color-fg-inverted-to-bg-5-base: #87909f;
281
- --ks-color-fg-inverted-to-bg-6-base: #687385;
282
- --ks-color-fg-inverted-to-bg-7-base: #49566c;
283
- --ks-color-fg-inverted-to-bg-8-base: #2e3d57;
284
- --ks-color-fg-inverted-to-bg-9-base: #1b2b48;
285
- --ks-color-bg-base: #fff;
286
- --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
287
- --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
288
- --ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
289
- --ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
290
- --ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
291
- --ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
292
- --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
293
- --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
294
- --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
295
- --ks-color-bg-to-fg-1-base: #f3f3f3;
296
- --ks-color-bg-to-fg-2-base: #e0e0e1;
297
- --ks-color-bg-to-fg-3-base: #c5c6c7;
298
- --ks-color-bg-to-fg-4-base: #a5a7a9;
299
- --ks-color-bg-to-fg-5-base: #86888b;
300
- --ks-color-bg-to-fg-6-base: #67696d;
301
- --ks-color-bg-to-fg-7-base: #474a4f;
302
- --ks-color-bg-to-fg-8-base: #2c3035;
303
- --ks-color-bg-to-fg-9-base: #191d23;
304
- --ks-color-bg-inverted-base: #0f203e;
305
- --ks-color-bg-inverted-alpha-1-base: rgba(15,32,62,.95);
306
- --ks-color-bg-inverted-alpha-2-base: rgba(15,32,62,.87);
307
- --ks-color-bg-inverted-alpha-3-base: rgba(15,32,62,.76);
308
- --ks-color-bg-inverted-alpha-4-base: rgba(15,32,62,.63);
309
- --ks-color-bg-inverted-alpha-5-base: rgba(15,32,62,.5);
310
- --ks-color-bg-inverted-alpha-6-base: rgba(15,32,62,.37);
311
- --ks-color-bg-inverted-alpha-7-base: rgba(15,32,62,.24);
312
- --ks-color-bg-inverted-alpha-8-base: rgba(15,32,62,.13);
313
- --ks-color-bg-inverted-alpha-9-base: rgba(15,32,62,.05);
314
- --ks-color-bg-inverted-to-fg-1-base: #1b2b48;
315
- --ks-color-bg-inverted-to-fg-2-base: #2e3d57;
316
- --ks-color-bg-inverted-to-fg-3-base: #49566c;
317
- --ks-color-bg-inverted-to-fg-4-base: #687385;
318
- --ks-color-bg-inverted-to-fg-5-base: #87909f;
319
- --ks-color-bg-inverted-to-fg-6-base: #a6acb8;
320
- --ks-color-bg-inverted-to-fg-7-base: #c5c9d1;
321
- --ks-color-bg-inverted-to-fg-8-base: #e0e2e6;
322
- --ks-color-bg-inverted-to-fg-9-base: #f3f4f5;
272
+ --ks-color-fg-base: #fff;
273
+ --ks-color-fg-alpha-1-base: hsla(0,0%,100%,.95);
274
+ --ks-color-fg-alpha-2-base: hsla(0,0%,100%,.87);
275
+ --ks-color-fg-alpha-3-base: hsla(0,0%,100%,.76);
276
+ --ks-color-fg-alpha-4-base: hsla(0,0%,100%,.63);
277
+ --ks-color-fg-alpha-5-base: hsla(0,0%,100%,.5);
278
+ --ks-color-fg-alpha-6-base: hsla(0,0%,100%,.37);
279
+ --ks-color-fg-alpha-7-base: hsla(0,0%,100%,.24);
280
+ --ks-color-fg-alpha-8-base: hsla(0,0%,100%,.13);
281
+ --ks-color-fg-alpha-9-base: hsla(0,0%,100%,.05);
282
+ --ks-color-fg-to-bg-1-base: #f3f3f4;
283
+ --ks-color-fg-to-bg-2-base: #dfdfe2;
284
+ --ks-color-fg-to-bg-3-base: #c3c4c9;
285
+ --ks-color-fg-to-bg-4-base: #a3a4ac;
286
+ --ks-color-fg-to-bg-5-base: #83848f;
287
+ --ks-color-fg-to-bg-6-base: #626372;
288
+ --ks-color-fg-to-bg-7-base: #424355;
289
+ --ks-color-fg-to-bg-8-base: #26283c;
290
+ --ks-color-fg-to-bg-9-base: #12142a;
291
+ --ks-color-fg-inverted-base: #06081f;
292
+ --ks-color-fg-inverted-alpha-1-base: rgba(6,8,31,.95);
293
+ --ks-color-fg-inverted-alpha-2-base: rgba(6,8,31,.87);
294
+ --ks-color-fg-inverted-alpha-3-base: rgba(6,8,31,.76);
295
+ --ks-color-fg-inverted-alpha-4-base: rgba(6,8,31,.63);
296
+ --ks-color-fg-inverted-alpha-5-base: rgba(6,8,31,.5);
297
+ --ks-color-fg-inverted-alpha-6-base: rgba(6,8,31,.37);
298
+ --ks-color-fg-inverted-alpha-7-base: rgba(6,8,31,.24);
299
+ --ks-color-fg-inverted-alpha-8-base: rgba(6,8,31,.13);
300
+ --ks-color-fg-inverted-alpha-9-base: rgba(6,8,31,.05);
301
+ --ks-color-fg-inverted-to-bg-1-base: #12142a;
302
+ --ks-color-fg-inverted-to-bg-2-base: #25263b;
303
+ --ks-color-fg-inverted-to-bg-3-base: #3e4052;
304
+ --ks-color-fg-inverted-to-bg-4-base: #5d5e6d;
305
+ --ks-color-fg-inverted-to-bg-5-base: #7c7d89;
306
+ --ks-color-fg-inverted-to-bg-6-base: #9a9ba5;
307
+ --ks-color-fg-inverted-to-bg-7-base: #b9b9c0;
308
+ --ks-color-fg-inverted-to-bg-8-base: #d2d3d7;
309
+ --ks-color-fg-inverted-to-bg-9-base: #e5e5e8;
310
+ --ks-color-bg-base: #06081f;
311
+ --ks-color-bg-alpha-1-base: rgba(6,8,31,.95);
312
+ --ks-color-bg-alpha-2-base: rgba(6,8,31,.87);
313
+ --ks-color-bg-alpha-3-base: rgba(6,8,31,.76);
314
+ --ks-color-bg-alpha-4-base: rgba(6,8,31,.63);
315
+ --ks-color-bg-alpha-5-base: rgba(6,8,31,.5);
316
+ --ks-color-bg-alpha-6-base: rgba(6,8,31,.37);
317
+ --ks-color-bg-alpha-7-base: rgba(6,8,31,.24);
318
+ --ks-color-bg-alpha-8-base: rgba(6,8,31,.13);
319
+ --ks-color-bg-alpha-9-base: rgba(6,8,31,.05);
320
+ --ks-color-bg-to-fg-1-base: #12142a;
321
+ --ks-color-bg-to-fg-2-base: #26283c;
322
+ --ks-color-bg-to-fg-3-base: #424355;
323
+ --ks-color-bg-to-fg-4-base: #626372;
324
+ --ks-color-bg-to-fg-5-base: #83848f;
325
+ --ks-color-bg-to-fg-6-base: #a3a4ac;
326
+ --ks-color-bg-to-fg-7-base: #c3c4c9;
327
+ --ks-color-bg-to-fg-8-base: #dfdfe2;
328
+ --ks-color-bg-to-fg-9-base: #f3f3f4;
329
+ --ks-color-bg-inverted-base: #f1f1f3;
330
+ --ks-color-bg-inverted-alpha-1-base: hsla(240,8%,95%,.95);
331
+ --ks-color-bg-inverted-alpha-2-base: hsla(240,8%,95%,.87);
332
+ --ks-color-bg-inverted-alpha-3-base: hsla(240,8%,95%,.76);
333
+ --ks-color-bg-inverted-alpha-4-base: hsla(240,8%,95%,.63);
334
+ --ks-color-bg-inverted-alpha-5-base: hsla(240,8%,95%,.5);
335
+ --ks-color-bg-inverted-alpha-6-base: hsla(240,8%,95%,.37);
336
+ --ks-color-bg-inverted-alpha-7-base: hsla(240,8%,95%,.24);
337
+ --ks-color-bg-inverted-alpha-8-base: hsla(240,8%,95%,.13);
338
+ --ks-color-bg-inverted-alpha-9-base: hsla(240,8%,95%,.05);
339
+ --ks-color-bg-inverted-to-fg-1-base: #e5e5e8;
340
+ --ks-color-bg-inverted-to-fg-2-base: #d2d3d7;
341
+ --ks-color-bg-inverted-to-fg-3-base: #b9b9c0;
342
+ --ks-color-bg-inverted-to-fg-4-base: #9a9ba5;
343
+ --ks-color-bg-inverted-to-fg-5-base: #7c7d89;
344
+ --ks-color-bg-inverted-to-fg-6-base: #5d5e6d;
345
+ --ks-color-bg-inverted-to-fg-7-base: #3e4052;
346
+ --ks-color-bg-inverted-to-fg-8-base: #25263b;
347
+ --ks-color-bg-inverted-to-fg-9-base: #12142a;
323
348
  --ks-color-transparent-base: rgba(0,0,0,0);
324
- --ks-color-primary-base: #00a9ae;
325
- --ks-color-primary-alpha-1-base: rgba(0,169,174,.95);
326
- --ks-color-primary-alpha-2-base: rgba(0,169,174,.87);
327
- --ks-color-primary-alpha-3-base: rgba(0,169,174,.76);
328
- --ks-color-primary-alpha-4-base: rgba(0,169,174,.63);
329
- --ks-color-primary-alpha-5-base: rgba(0,169,174,.5);
330
- --ks-color-primary-alpha-6-base: rgba(0,169,174,.37);
331
- --ks-color-primary-alpha-7-base: rgba(0,169,174,.24);
332
- --ks-color-primary-alpha-8-base: rgba(0,169,174,.13);
333
- --ks-color-primary-alpha-9-base: rgba(0,169,174,.05);
334
- --ks-color-primary-to-bg-1-base: #0dadb2;
335
- --ks-color-primary-to-bg-2-base: #21b4b9;
336
- --ks-color-primary-to-bg-3-base: #3dbec1;
337
- --ks-color-primary-to-bg-4-base: #5ec9cc;
338
- --ks-color-primary-to-bg-5-base: #80d4d7;
339
- --ks-color-primary-to-bg-6-base: #a1dfe1;
340
- --ks-color-primary-to-bg-7-base: #c2eaec;
341
- --ks-color-primary-to-bg-8-base: #def4f4;
342
- --ks-color-primary-to-bg-9-base: #f2fbfb;
343
- --ks-color-primary-to-fg-1-base: #01a1a6;
344
- --ks-color-primary-to-fg-2-base: #02959a;
345
- --ks-color-primary-to-fg-3-base: #03858a;
346
- --ks-color-primary-to-fg-4-base: #057176;
347
- --ks-color-primary-to-fg-5-base: #075d63;
348
- --ks-color-primary-to-fg-6-base: #08494f;
349
- --ks-color-primary-to-fg-7-base: #0a353b;
350
- --ks-color-primary-to-fg-8-base: #0b252b;
351
- --ks-color-primary-to-fg-9-base: #0c191f;
352
- --ks-color-primary-inverted-base: #3065c0;
353
- --ks-color-primary-inverted-alpha-1-base: rgba(48,101,192,.95);
354
- --ks-color-primary-inverted-alpha-2-base: rgba(48,101,192,.87);
355
- --ks-color-primary-inverted-alpha-3-base: rgba(48,101,192,.76);
356
- --ks-color-primary-inverted-alpha-4-base: rgba(48,101,192,.63);
357
- --ks-color-primary-inverted-alpha-5-base: rgba(48,101,192,.5);
358
- --ks-color-primary-inverted-alpha-6-base: rgba(48,101,192,.37);
359
- --ks-color-primary-inverted-alpha-7-base: rgba(48,101,192,.24);
360
- --ks-color-primary-inverted-alpha-8-base: rgba(48,101,192,.13);
361
- --ks-color-primary-inverted-alpha-9-base: rgba(48,101,192,.05);
362
- --ks-color-primary-inverted-to-bg-1-base: #2e62ba;
363
- --ks-color-primary-inverted-to-bg-2-base: #2c5caf;
364
- --ks-color-primary-inverted-to-bg-3-base: #2854a1;
365
- --ks-color-primary-inverted-to-bg-4-base: #244b90;
366
- --ks-color-primary-inverted-to-bg-5-base: #20437f;
367
- --ks-color-primary-inverted-to-bg-6-base: #1b3a6e;
368
- --ks-color-primary-inverted-to-bg-7-base: #17315d;
369
- --ks-color-primary-inverted-to-bg-8-base: #13294f;
370
- --ks-color-primary-inverted-to-bg-9-base: #112345;
371
- --ks-color-primary-inverted-to-fg-1-base: #3a6dc3;
372
- --ks-color-primary-inverted-to-fg-2-base: #4b79c8;
373
- --ks-color-primary-inverted-to-fg-3-base: #628acf;
374
- --ks-color-primary-inverted-to-fg-4-base: #7d9ed7;
375
- --ks-color-primary-inverted-to-fg-5-base: #98b2e0;
376
- --ks-color-primary-inverted-to-fg-6-base: #b2c6e8;
377
- --ks-color-primary-inverted-to-fg-7-base: #cddaf0;
378
- --ks-color-primary-inverted-to-fg-8-base: #e4ebf7;
379
- --ks-color-primary-inverted-to-fg-9-base: #f5f7fc;
380
- --ks-color-link-base: #0d1117;
381
- --ks-color-link-alpha-1-base: rgba(13,17,23,.95);
382
- --ks-color-link-alpha-2-base: rgba(13,17,23,.87);
383
- --ks-color-link-alpha-3-base: rgba(13,17,23,.76);
384
- --ks-color-link-alpha-4-base: rgba(13,17,23,.63);
385
- --ks-color-link-alpha-5-base: rgba(13,17,23,.5);
386
- --ks-color-link-alpha-6-base: rgba(13,17,23,.37);
387
- --ks-color-link-alpha-7-base: rgba(13,17,23,.24);
388
- --ks-color-link-alpha-8-base: rgba(13,17,23,.13);
389
- --ks-color-link-alpha-9-base: rgba(13,17,23,.05);
390
- --ks-color-link-to-bg-1-base: #191d23;
391
- --ks-color-link-to-bg-2-base: #2c3035;
392
- --ks-color-link-to-bg-3-base: #474a4f;
393
- --ks-color-link-to-bg-4-base: #67696d;
394
- --ks-color-link-to-bg-5-base: #86888b;
395
- --ks-color-link-to-bg-6-base: #a5a7a9;
396
- --ks-color-link-to-bg-7-base: #c5c6c7;
397
- --ks-color-link-to-bg-8-base: #e0e0e1;
398
- --ks-color-link-to-bg-9-base: #f3f3f3;
399
- --ks-color-link-to-fg-1-base: #0d1117;
400
- --ks-color-link-to-fg-2-base: #0d1117;
401
- --ks-color-link-to-fg-3-base: #0d1117;
402
- --ks-color-link-to-fg-4-base: #0d1117;
403
- --ks-color-link-to-fg-5-base: #0d1117;
404
- --ks-color-link-to-fg-6-base: #0d1117;
405
- --ks-color-link-to-fg-7-base: #0d1117;
406
- --ks-color-link-to-fg-8-base: #0d1117;
407
- --ks-color-link-to-fg-9-base: #0d1117;
408
- --ks-color-link-inverted-base: #fff;
409
- --ks-color-link-inverted-alpha-1-base: hsla(0,0%,100%,.95);
410
- --ks-color-link-inverted-alpha-2-base: hsla(0,0%,100%,.87);
411
- --ks-color-link-inverted-alpha-3-base: hsla(0,0%,100%,.76);
412
- --ks-color-link-inverted-alpha-4-base: hsla(0,0%,100%,.63);
413
- --ks-color-link-inverted-alpha-5-base: hsla(0,0%,100%,.5);
414
- --ks-color-link-inverted-alpha-6-base: hsla(0,0%,100%,.37);
415
- --ks-color-link-inverted-alpha-7-base: hsla(0,0%,100%,.24);
416
- --ks-color-link-inverted-alpha-8-base: hsla(0,0%,100%,.13);
417
- --ks-color-link-inverted-alpha-9-base: hsla(0,0%,100%,.05);
418
- --ks-color-link-inverted-to-bg-1-base: #f3f4f5;
419
- --ks-color-link-inverted-to-bg-2-base: #e0e2e6;
420
- --ks-color-link-inverted-to-bg-3-base: #c5c9d1;
421
- --ks-color-link-inverted-to-bg-4-base: #a6acb8;
422
- --ks-color-link-inverted-to-bg-5-base: #87909f;
423
- --ks-color-link-inverted-to-bg-6-base: #687385;
424
- --ks-color-link-inverted-to-bg-7-base: #49566c;
425
- --ks-color-link-inverted-to-bg-8-base: #2e3d57;
426
- --ks-color-link-inverted-to-bg-9-base: #1b2b48;
427
- --ks-color-link-inverted-to-fg-1-base: #fff;
428
- --ks-color-link-inverted-to-fg-2-base: #fff;
429
- --ks-color-link-inverted-to-fg-3-base: #fff;
430
- --ks-color-link-inverted-to-fg-4-base: #fff;
431
- --ks-color-link-inverted-to-fg-5-base: #fff;
432
- --ks-color-link-inverted-to-fg-6-base: #fff;
433
- --ks-color-link-inverted-to-fg-7-base: #fff;
434
- --ks-color-link-inverted-to-fg-8-base: #fff;
435
- --ks-color-link-inverted-to-fg-9-base: #fff;
436
- --ks-color-positive-base: #23831b;
437
- --ks-color-positive-alpha-1-base: rgba(35,131,27,.95);
438
- --ks-color-positive-alpha-2-base: rgba(35,131,27,.87);
439
- --ks-color-positive-alpha-3-base: rgba(35,131,27,.76);
440
- --ks-color-positive-alpha-4-base: rgba(35,131,27,.63);
441
- --ks-color-positive-alpha-5-base: rgba(35,131,27,.5);
442
- --ks-color-positive-alpha-6-base: rgba(35,131,27,.37);
443
- --ks-color-positive-alpha-7-base: rgba(35,131,27,.24);
444
- --ks-color-positive-alpha-8-base: rgba(35,131,27,.13);
445
- --ks-color-positive-alpha-9-base: rgba(35,131,27,.05);
446
- --ks-color-positive-to-bg-1-base: #2e8926;
447
- --ks-color-positive-to-bg-2-base: #409339;
448
- --ks-color-positive-to-bg-3-base: #58a152;
449
- --ks-color-positive-to-bg-4-base: #74b16f;
450
- --ks-color-positive-to-bg-5-base: #91c18d;
451
- --ks-color-positive-to-bg-6-base: #aed1ab;
452
- --ks-color-positive-to-bg-7-base: #cae1c8;
453
- --ks-color-positive-to-bg-8-base: #e2efe1;
454
- --ks-color-positive-to-bg-9-base: #f4f9f4;
455
- --ks-color-positive-to-fg-1-base: #227d1b;
456
- --ks-color-positive-to-fg-2-base: #20741a;
457
- --ks-color-positive-to-fg-3-base: #1e681a;
458
- --ks-color-positive-to-fg-4-base: #1b591a;
459
- --ks-color-positive-to-fg-5-base: #184a19;
460
- --ks-color-positive-to-fg-6-base: #153b18;
461
- --ks-color-positive-to-fg-7-base: #122c18;
462
- --ks-color-positive-to-fg-8-base: #102018;
463
- --ks-color-positive-to-fg-9-base: #0e1717;
464
- --ks-color-positive-inverted-base: #6edb64;
465
- --ks-color-positive-inverted-alpha-1-base: rgba(110,219,100,.95);
466
- --ks-color-positive-inverted-alpha-2-base: rgba(110,219,100,.87);
467
- --ks-color-positive-inverted-alpha-3-base: rgba(110,219,100,.76);
468
- --ks-color-positive-inverted-alpha-4-base: rgba(110,219,100,.63);
469
- --ks-color-positive-inverted-alpha-5-base: rgba(110,219,100,.5);
470
- --ks-color-positive-inverted-alpha-6-base: rgba(110,219,100,.37);
471
- --ks-color-positive-inverted-alpha-7-base: rgba(110,219,100,.24);
472
- --ks-color-positive-inverted-alpha-8-base: rgba(110,219,100,.13);
473
- --ks-color-positive-inverted-alpha-9-base: rgba(110,219,100,.05);
474
- --ks-color-positive-inverted-to-bg-1-base: #69d262;
475
- --ks-color-positive-inverted-to-bg-2-base: #62c35f;
476
- --ks-color-positive-inverted-to-bg-3-base: #57ae5b;
477
- --ks-color-positive-inverted-to-bg-4-base: #4b9656;
478
- --ks-color-positive-inverted-to-bg-5-base: #3f7e51;
479
- --ks-color-positive-inverted-to-bg-6-base: #32654c;
480
- --ks-color-positive-inverted-to-bg-7-base: #264d47;
481
- --ks-color-positive-inverted-to-bg-8-base: #1b3843;
482
- --ks-color-positive-inverted-to-bg-9-base: #142940;
483
- --ks-color-positive-inverted-to-fg-1-base: #75dd6c;
484
- --ks-color-positive-inverted-to-fg-2-base: #81e078;
485
- --ks-color-positive-inverted-to-fg-3-base: #91e489;
486
- --ks-color-positive-inverted-to-fg-4-base: #a4e89d;
487
- --ks-color-positive-inverted-to-fg-5-base: #b7edb2;
488
- --ks-color-positive-inverted-to-fg-6-base: #c9f2c6;
489
- --ks-color-positive-inverted-to-fg-7-base: #dcf6da;
490
- --ks-color-positive-inverted-to-fg-8-base: #ecfaeb;
491
- --ks-color-positive-inverted-to-fg-9-base: #f8fdf7;
492
- --ks-color-informative-base: #00718f;
493
- --ks-color-informative-alpha-1-base: rgba(0,113,143,.95);
494
- --ks-color-informative-alpha-2-base: rgba(0,113,143,.87);
495
- --ks-color-informative-alpha-3-base: rgba(0,113,143,.76);
496
- --ks-color-informative-alpha-4-base: rgba(0,113,143,.63);
497
- --ks-color-informative-alpha-5-base: rgba(0,113,143,.5);
498
- --ks-color-informative-alpha-6-base: rgba(0,113,143,.37);
499
- --ks-color-informative-alpha-7-base: rgba(0,113,143,.24);
500
- --ks-color-informative-alpha-8-base: rgba(0,113,143,.13);
501
- --ks-color-informative-alpha-9-base: rgba(0,113,143,.05);
502
- --ks-color-informative-to-bg-1-base: #0d7895;
503
- --ks-color-informative-to-bg-2-base: #21839e;
504
- --ks-color-informative-to-bg-3-base: #3d93aa;
505
- --ks-color-informative-to-bg-4-base: #5ea6b8;
506
- --ks-color-informative-to-bg-5-base: #80b8c7;
507
- --ks-color-informative-to-bg-6-base: #a1cad6;
508
- --ks-color-informative-to-bg-7-base: #c2dde4;
509
- --ks-color-informative-to-bg-8-base: #deedf0;
510
- --ks-color-informative-to-bg-9-base: #f2f8f9;
511
- --ks-color-informative-to-fg-1-base: #016c89;
512
- --ks-color-informative-to-fg-2-base: #02657f;
513
- --ks-color-informative-to-fg-3-base: #035a72;
514
- --ks-color-informative-to-fg-4-base: #054d63;
515
- --ks-color-informative-to-fg-5-base: #074153;
516
- --ks-color-informative-to-fg-6-base: #083543;
517
- --ks-color-informative-to-fg-7-base: #0a2834;
518
- --ks-color-informative-to-fg-8-base: #0b1d27;
519
- --ks-color-informative-to-fg-9-base: #0c161d;
520
- --ks-color-informative-inverted-base: #64c2db;
521
- --ks-color-informative-inverted-alpha-1-base: rgba(100,194,219,.95);
522
- --ks-color-informative-inverted-alpha-2-base: rgba(100,194,219,.87);
523
- --ks-color-informative-inverted-alpha-3-base: rgba(100,194,219,.76);
524
- --ks-color-informative-inverted-alpha-4-base: rgba(100,194,219,.63);
525
- --ks-color-informative-inverted-alpha-5-base: rgba(100,194,219,.5);
526
- --ks-color-informative-inverted-alpha-6-base: rgba(100,194,219,.37);
527
- --ks-color-informative-inverted-alpha-7-base: rgba(100,194,219,.24);
528
- --ks-color-informative-inverted-alpha-8-base: rgba(100,194,219,.13);
529
- --ks-color-informative-inverted-alpha-9-base: rgba(100,194,219,.05);
530
- --ks-color-informative-inverted-to-bg-1-base: #60bad3;
531
- --ks-color-informative-inverted-to-bg-2-base: #59adc7;
532
- --ks-color-informative-inverted-to-bg-3-base: #509bb5;
533
- --ks-color-informative-inverted-to-bg-4-base: #4586a1;
534
- --ks-color-informative-inverted-to-bg-5-base: #3a718d;
535
- --ks-color-informative-inverted-to-bg-6-base: #2e5c78;
536
- --ks-color-informative-inverted-to-bg-7-base: #234764;
537
- --ks-color-informative-inverted-to-bg-8-base: #1a3552;
538
- --ks-color-informative-inverted-to-bg-9-base: #132846;
539
- --ks-color-informative-inverted-to-fg-1-base: #6cc5dd;
540
- --ks-color-informative-inverted-to-fg-2-base: #78cae0;
541
- --ks-color-informative-inverted-to-fg-3-base: #89d1e4;
542
- --ks-color-informative-inverted-to-fg-4-base: #9dd9e8;
543
- --ks-color-informative-inverted-to-fg-5-base: #b2e1ed;
544
- --ks-color-informative-inverted-to-fg-6-base: #c6e8f2;
545
- --ks-color-informative-inverted-to-fg-7-base: #daf0f6;
546
- --ks-color-informative-inverted-to-fg-8-base: #ebf7fa;
547
- --ks-color-informative-inverted-to-fg-9-base: #f7fcfd;
548
- --ks-color-notice-base: #ff5d53;
549
- --ks-color-notice-alpha-1-base: rgba(255,93,83,.95);
550
- --ks-color-notice-alpha-2-base: rgba(255,93,83,.87);
551
- --ks-color-notice-alpha-3-base: rgba(255,93,83,.76);
552
- --ks-color-notice-alpha-4-base: rgba(255,93,83,.63);
553
- --ks-color-notice-alpha-5-base: rgba(255,93,83,.5);
554
- --ks-color-notice-alpha-6-base: rgba(255,93,83,.37);
555
- --ks-color-notice-alpha-7-base: rgba(255,93,83,.24);
556
- --ks-color-notice-alpha-8-base: rgba(255,93,83,.13);
557
- --ks-color-notice-alpha-9-base: rgba(255,93,83,.05);
558
- --ks-color-notice-to-bg-1-base: #ff655c;
559
- --ks-color-notice-to-bg-2-base: #ff7269;
560
- --ks-color-notice-to-bg-3-base: #ff847c;
561
- --ks-color-notice-to-bg-4-base: #ff9993;
562
- --ks-color-notice-to-bg-5-base: #ffaea9;
563
- --ks-color-notice-to-bg-6-base: #ffc3bf;
564
- --ks-color-notice-to-bg-7-base: #ffd8d6;
565
- --ks-color-notice-to-bg-8-base: #ffeae9;
566
- --ks-color-notice-to-bg-9-base: #fff7f6;
567
- --ks-color-notice-to-fg-1-base: #f35950;
568
- --ks-color-notice-to-fg-2-base: #e0534b;
569
- --ks-color-notice-to-fg-3-base: #c54b45;
570
- --ks-color-notice-to-fg-4-base: #a5413d;
571
- --ks-color-notice-to-fg-5-base: #863735;
572
- --ks-color-notice-to-fg-6-base: #672d2d;
573
- --ks-color-notice-to-fg-7-base: #472325;
574
- --ks-color-notice-to-fg-8-base: #2c1b1f;
575
- --ks-color-notice-to-fg-9-base: #19151a;
576
- --ks-color-notice-inverted-base: #f9de55;
577
- --ks-color-notice-inverted-alpha-1-base: rgba(249,222,85,.95);
578
- --ks-color-notice-inverted-alpha-2-base: rgba(249,222,85,.87);
579
- --ks-color-notice-inverted-alpha-3-base: rgba(249,222,85,.76);
580
- --ks-color-notice-inverted-alpha-4-base: rgba(249,222,85,.63);
581
- --ks-color-notice-inverted-alpha-5-base: rgba(249,222,85,.5);
582
- --ks-color-notice-inverted-alpha-6-base: rgba(249,222,85,.37);
583
- --ks-color-notice-inverted-alpha-7-base: rgba(249,222,85,.24);
584
- --ks-color-notice-inverted-alpha-8-base: rgba(249,222,85,.13);
585
- --ks-color-notice-inverted-alpha-9-base: rgba(249,222,85,.05);
586
- --ks-color-notice-inverted-to-bg-1-base: #edd554;
587
- --ks-color-notice-inverted-to-bg-2-base: #dbc552;
588
- --ks-color-notice-inverted-to-bg-3-base: #c1b04f;
589
- --ks-color-notice-inverted-to-bg-4-base: #a2984c;
590
- --ks-color-notice-inverted-to-bg-5-base: #847f4a;
591
- --ks-color-notice-inverted-to-bg-6-base: #666647;
592
- --ks-color-notice-inverted-to-bg-7-base: #474e44;
593
- --ks-color-notice-inverted-to-bg-8-base: #2d3941;
594
- --ks-color-notice-inverted-to-bg-9-base: #1b2a3f;
595
- --ks-color-notice-inverted-to-fg-1-base: #f9e05e;
596
- --ks-color-notice-inverted-to-fg-2-base: #fae26b;
597
- --ks-color-notice-inverted-to-fg-3-base: #fae67e;
598
- --ks-color-notice-inverted-to-fg-4-base: #fbea94;
599
- --ks-color-notice-inverted-to-fg-5-base: #fcefaa;
600
- --ks-color-notice-inverted-to-fg-6-base: #fdf3c0;
601
- --ks-color-notice-inverted-to-fg-7-base: #fef7d6;
602
- --ks-color-notice-inverted-to-fg-8-base: #fefbe9;
603
- --ks-color-notice-inverted-to-fg-9-base: #fffdf7;
604
- --ks-color-negative-base: #d21d48;
605
- --ks-color-negative-alpha-1-base: rgba(210,29,72,.95);
606
- --ks-color-negative-alpha-2-base: rgba(210,29,72,.87);
607
- --ks-color-negative-alpha-3-base: rgba(210,29,72,.76);
608
- --ks-color-negative-alpha-4-base: rgba(210,29,72,.63);
609
- --ks-color-negative-alpha-5-base: rgba(210,29,72,.5);
610
- --ks-color-negative-alpha-6-base: rgba(210,29,72,.37);
611
- --ks-color-negative-alpha-7-base: rgba(210,29,72,.24);
612
- --ks-color-negative-alpha-8-base: rgba(210,29,72,.13);
613
- --ks-color-negative-alpha-9-base: rgba(210,29,72,.05);
614
- --ks-color-negative-to-bg-1-base: #d42851;
615
- --ks-color-negative-to-bg-2-base: #d83a60;
616
- --ks-color-negative-to-bg-3-base: #dd5374;
617
- --ks-color-negative-to-bg-4-base: #e3718c;
618
- --ks-color-negative-to-bg-5-base: #e98ea4;
619
- --ks-color-negative-to-bg-6-base: #eeabbb;
620
- --ks-color-negative-to-bg-7-base: #f4c9d3;
621
- --ks-color-negative-to-bg-8-base: #f9e2e7;
622
- --ks-color-negative-to-bg-9-base: #fdf4f6;
623
- --ks-color-negative-to-fg-1-base: #c81c46;
624
- --ks-color-negative-to-fg-2-base: #b81b42;
625
- --ks-color-negative-to-fg-3-base: #a31a3c;
626
- --ks-color-negative-to-fg-4-base: #891936;
627
- --ks-color-negative-to-fg-5-base: #701730;
628
- --ks-color-negative-to-fg-6-base: #561529;
629
- --ks-color-negative-to-fg-7-base: #3c1423;
630
- --ks-color-negative-to-fg-8-base: #27131d;
631
- --ks-color-negative-to-fg-9-base: #171219;
632
- --ks-color-negative-inverted-base: #ff1a57;
633
- --ks-color-negative-inverted-alpha-1-base: rgba(255,26,87,.95);
634
- --ks-color-negative-inverted-alpha-2-base: rgba(255,26,87,.87);
635
- --ks-color-negative-inverted-alpha-3-base: rgba(255,26,87,.76);
636
- --ks-color-negative-inverted-alpha-4-base: rgba(255,26,87,.63);
637
- --ks-color-negative-inverted-alpha-5-base: rgba(255,26,87,.5);
638
- --ks-color-negative-inverted-alpha-6-base: rgba(255,26,87,.37);
639
- --ks-color-negative-inverted-alpha-7-base: rgba(255,26,87,.24);
640
- --ks-color-negative-inverted-alpha-8-base: rgba(255,26,87,.13);
641
- --ks-color-negative-inverted-alpha-9-base: rgba(255,26,87,.05);
642
- --ks-color-negative-inverted-to-bg-1-base: #f31a56;
643
- --ks-color-negative-inverted-to-bg-2-base: #e01b54;
644
- --ks-color-negative-inverted-to-bg-3-base: #c51b51;
645
- --ks-color-negative-inverted-to-bg-4-base: #a61c4e;
646
- --ks-color-negative-inverted-to-bg-5-base: #871d4b;
647
- --ks-color-negative-inverted-to-bg-6-base: #681e47;
648
- --ks-color-negative-inverted-to-bg-7-base: #491f44;
649
- --ks-color-negative-inverted-to-bg-8-base: #2e1f41;
650
- --ks-color-negative-inverted-to-bg-9-base: #1b203f;
651
- --ks-color-negative-inverted-to-fg-1-base: #ff255f;
652
- --ks-color-negative-inverted-to-fg-2-base: #ff386d;
653
- --ks-color-negative-inverted-to-fg-3-base: #ff517f;
654
- --ks-color-negative-inverted-to-fg-4-base: #ff6f95;
655
- --ks-color-negative-inverted-to-fg-5-base: #ff8dab;
656
- --ks-color-negative-inverted-to-fg-6-base: #ffaac1;
657
- --ks-color-negative-inverted-to-fg-7-base: #ffc8d7;
658
- --ks-color-negative-inverted-to-fg-8-base: #ffe1e9;
659
- --ks-color-negative-inverted-to-fg-9-base: #fff4f7;
349
+ --ks-color-primary-base: #e21879;
350
+ --ks-color-primary-alpha-1-base: rgba(226,24,121,.95);
351
+ --ks-color-primary-alpha-2-base: rgba(226,24,121,.87);
352
+ --ks-color-primary-alpha-3-base: rgba(226,24,121,.76);
353
+ --ks-color-primary-alpha-4-base: rgba(226,24,121,.63);
354
+ --ks-color-primary-alpha-5-base: rgba(226,24,121,.5);
355
+ --ks-color-primary-alpha-6-base: rgba(226,24,121,.37);
356
+ --ks-color-primary-alpha-7-base: rgba(226,24,121,.24);
357
+ --ks-color-primary-alpha-8-base: rgba(226,24,121,.13);
358
+ --ks-color-primary-alpha-9-base: rgba(226,24,121,.05);
359
+ --ks-color-primary-to-bg-1-base: #d71775;
360
+ --ks-color-primary-to-bg-2-base: #c5166d;
361
+ --ks-color-primary-to-bg-3-base: #ad1463;
362
+ --ks-color-primary-to-bg-4-base: #911258;
363
+ --ks-color-primary-to-bg-5-base: #74104c;
364
+ --ks-color-primary-to-bg-6-base: #570e40;
365
+ --ks-color-primary-to-bg-7-base: #3b0c35;
366
+ --ks-color-primary-to-bg-8-base: #230a2b;
367
+ --ks-color-primary-to-bg-9-base: #110924;
368
+ --ks-color-primary-to-fg-1-base: #e32480;
369
+ --ks-color-primary-to-fg-2-base: #e6368a;
370
+ --ks-color-primary-to-fg-3-base: #e94f99;
371
+ --ks-color-primary-to-fg-4-base: #ed6dab;
372
+ --ks-color-primary-to-fg-5-base: #f18cbc;
373
+ --ks-color-primary-to-fg-6-base: #f4aacd;
374
+ --ks-color-primary-to-fg-7-base: #f8c8df;
375
+ --ks-color-primary-to-fg-8-base: #fbe1ee;
376
+ --ks-color-primary-to-fg-9-base: #fef3f8;
377
+ --ks-color-primary-inverted-base: #4d25ef;
378
+ --ks-color-primary-inverted-alpha-1-base: rgba(77,37,239,.95);
379
+ --ks-color-primary-inverted-alpha-2-base: rgba(77,37,239,.87);
380
+ --ks-color-primary-inverted-alpha-3-base: rgba(77,37,239,.76);
381
+ --ks-color-primary-inverted-alpha-4-base: rgba(77,37,239,.63);
382
+ --ks-color-primary-inverted-alpha-5-base: rgba(77,37,239,.5);
383
+ --ks-color-primary-inverted-alpha-6-base: rgba(77,37,239,.37);
384
+ --ks-color-primary-inverted-alpha-7-base: rgba(77,37,239,.24);
385
+ --ks-color-primary-inverted-alpha-8-base: rgba(77,37,239,.13);
386
+ --ks-color-primary-inverted-alpha-9-base: rgba(77,37,239,.05);
387
+ --ks-color-primary-inverted-to-bg-1-base: #552fef;
388
+ --ks-color-primary-inverted-to-bg-2-base: #6240f0;
389
+ --ks-color-primary-inverted-to-bg-3-base: #7456f0;
390
+ --ks-color-primary-inverted-to-bg-4-base: #8a70f0;
391
+ --ks-color-primary-inverted-to-bg-5-base: #9f8bf1;
392
+ --ks-color-primary-inverted-to-bg-6-base: #b4a6f2;
393
+ --ks-color-primary-inverted-to-bg-7-base: #cac0f2;
394
+ --ks-color-primary-inverted-to-bg-8-base: #dcd6f2;
395
+ --ks-color-primary-inverted-to-bg-9-base: #e9e7f3;
396
+ --ks-color-primary-inverted-to-fg-1-base: #4924e5;
397
+ --ks-color-primary-inverted-to-fg-2-base: #4421d4;
398
+ --ks-color-primary-inverted-to-fg-3-base: #3c1ebd;
399
+ --ks-color-primary-inverted-to-fg-4-base: #331aa2;
400
+ --ks-color-primary-inverted-to-fg-5-base: #2a1787;
401
+ --ks-color-primary-inverted-to-fg-6-base: #20136c;
402
+ --ks-color-primary-inverted-to-fg-7-base: #170f51;
403
+ --ks-color-primary-inverted-to-fg-8-base: #0f0c3a;
404
+ --ks-color-primary-inverted-to-fg-9-base: #0a0929;
405
+ --ks-color-link-base: #b7a5ff;
406
+ --ks-color-link-alpha-1-base: rgba(183,165,255,.95);
407
+ --ks-color-link-alpha-2-base: rgba(183,165,255,.87);
408
+ --ks-color-link-alpha-3-base: rgba(183,165,255,.76);
409
+ --ks-color-link-alpha-4-base: rgba(183,165,255,.63);
410
+ --ks-color-link-alpha-5-base: rgba(183,165,255,.5);
411
+ --ks-color-link-alpha-6-base: rgba(183,165,255,.37);
412
+ --ks-color-link-alpha-7-base: rgba(183,165,255,.24);
413
+ --ks-color-link-alpha-8-base: rgba(183,165,255,.13);
414
+ --ks-color-link-alpha-9-base: rgba(183,165,255,.05);
415
+ --ks-color-link-to-bg-1-base: #ae9df4;
416
+ --ks-color-link-to-bg-2-base: #a091e2;
417
+ --ks-color-link-to-bg-3-base: #8d7fc9;
418
+ --ks-color-link-to-bg-4-base: #766bac;
419
+ --ks-color-link-to-bg-5-base: #5f578f;
420
+ --ks-color-link-to-bg-6-base: #474272;
421
+ --ks-color-link-to-bg-7-base: #302e55;
422
+ --ks-color-link-to-bg-8-base: #1d1c3c;
423
+ --ks-color-link-to-bg-9-base: #0f102a;
424
+ --ks-color-link-to-fg-1-base: #baf;
425
+ --ks-color-link-to-fg-2-base: #c0b1ff;
426
+ --ks-color-link-to-fg-3-base: #c8bbff;
427
+ --ks-color-link-to-fg-4-base: #d2c6ff;
428
+ --ks-color-link-to-fg-5-base: #dbd2ff;
429
+ --ks-color-link-to-fg-6-base: #e4deff;
430
+ --ks-color-link-to-fg-7-base: #eee9ff;
431
+ --ks-color-link-to-fg-8-base: #f6f3ff;
432
+ --ks-color-link-to-fg-9-base: #fbfbff;
433
+ --ks-color-link-inverted-base: #6642f6;
434
+ --ks-color-link-inverted-alpha-1-base: rgba(102,66,246,.95);
435
+ --ks-color-link-inverted-alpha-2-base: rgba(102,66,246,.87);
436
+ --ks-color-link-inverted-alpha-3-base: rgba(102,66,246,.76);
437
+ --ks-color-link-inverted-alpha-4-base: rgba(102,66,246,.63);
438
+ --ks-color-link-inverted-alpha-5-base: rgba(102,66,246,.5);
439
+ --ks-color-link-inverted-alpha-6-base: rgba(102,66,246,.37);
440
+ --ks-color-link-inverted-alpha-7-base: rgba(102,66,246,.24);
441
+ --ks-color-link-inverted-alpha-8-base: rgba(102,66,246,.13);
442
+ --ks-color-link-inverted-alpha-9-base: rgba(102,66,246,.05);
443
+ --ks-color-link-inverted-to-bg-1-base: #6d4bf6;
444
+ --ks-color-link-inverted-to-bg-2-base: #7859f6;
445
+ --ks-color-link-inverted-to-bg-3-base: #876cf5;
446
+ --ks-color-link-inverted-to-bg-4-base: #9983f5;
447
+ --ks-color-link-inverted-to-bg-5-base: #ac9af5;
448
+ --ks-color-link-inverted-to-bg-6-base: #beb0f4;
449
+ --ks-color-link-inverted-to-bg-7-base: #d0c7f4;
450
+ --ks-color-link-inverted-to-bg-8-base: #dfdaf3;
451
+ --ks-color-link-inverted-to-bg-9-base: #eae8f3;
452
+ --ks-color-link-inverted-to-fg-1-base: #613feb;
453
+ --ks-color-link-inverted-to-fg-2-base: #5a3ada;
454
+ --ks-color-link-inverted-to-fg-3-base: #4f34c2;
455
+ --ks-color-link-inverted-to-fg-4-base: #422da6;
456
+ --ks-color-link-inverted-to-fg-5-base: #36258b;
457
+ --ks-color-link-inverted-to-fg-6-base: #2a1d6f;
458
+ --ks-color-link-inverted-to-fg-7-base: #1d1653;
459
+ --ks-color-link-inverted-to-fg-8-base: #12103b;
460
+ --ks-color-link-inverted-to-fg-9-base: #0b0b2a;
461
+ --ks-color-positive-base: #6edb64;
462
+ --ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
463
+ --ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
464
+ --ks-color-positive-alpha-3-base: rgba(110,219,100,.76);
465
+ --ks-color-positive-alpha-4-base: rgba(110,219,100,.63);
466
+ --ks-color-positive-alpha-5-base: rgba(110,219,100,.5);
467
+ --ks-color-positive-alpha-6-base: rgba(110,219,100,.37);
468
+ --ks-color-positive-alpha-7-base: rgba(110,219,100,.24);
469
+ --ks-color-positive-alpha-8-base: rgba(110,219,100,.13);
470
+ --ks-color-positive-alpha-9-base: rgba(110,219,100,.05);
471
+ --ks-color-positive-to-bg-1-base: #69d061;
472
+ --ks-color-positive-to-bg-2-base: #60c05b;
473
+ --ks-color-positive-to-bg-3-base: #55a853;
474
+ --ks-color-positive-to-bg-4-base: #488d4a;
475
+ --ks-color-positive-to-bg-5-base: #3a7242;
476
+ --ks-color-positive-to-bg-6-base: #2c5639;
477
+ --ks-color-positive-to-bg-7-base: #1f3b30;
478
+ --ks-color-positive-to-bg-8-base: #142328;
479
+ --ks-color-positive-to-bg-9-base: #0b1322;
480
+ --ks-color-positive-to-fg-1-base: #75dd6c;
481
+ --ks-color-positive-to-fg-2-base: #81e078;
482
+ --ks-color-positive-to-fg-3-base: #91e489;
483
+ --ks-color-positive-to-fg-4-base: #a4e89d;
484
+ --ks-color-positive-to-fg-5-base: #b7edb2;
485
+ --ks-color-positive-to-fg-6-base: #c9f2c6;
486
+ --ks-color-positive-to-fg-7-base: #dcf6da;
487
+ --ks-color-positive-to-fg-8-base: #ecfaeb;
488
+ --ks-color-positive-to-fg-9-base: #f8fdf7;
489
+ --ks-color-positive-inverted-base: #23831b;
490
+ --ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
491
+ --ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
492
+ --ks-color-positive-inverted-alpha-3-base: rgba(35,131,27,.76);
493
+ --ks-color-positive-inverted-alpha-4-base: rgba(35,131,27,.63);
494
+ --ks-color-positive-inverted-alpha-5-base: rgba(35,131,27,.5);
495
+ --ks-color-positive-inverted-alpha-6-base: rgba(35,131,27,.37);
496
+ --ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
497
+ --ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
498
+ --ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
499
+ --ks-color-positive-inverted-to-bg-1-base: #2d8926;
500
+ --ks-color-positive-inverted-to-bg-2-base: #3e9137;
501
+ --ks-color-positive-inverted-to-bg-3-base: #549d4f;
502
+ --ks-color-positive-inverted-to-bg-4-base: #6fac6b;
503
+ --ks-color-positive-inverted-to-bg-5-base: #8aba87;
504
+ --ks-color-positive-inverted-to-bg-6-base: #a5c8a3;
505
+ --ks-color-positive-inverted-to-bg-7-base: #c0d7bf;
506
+ --ks-color-positive-inverted-to-bg-8-base: #d6e3d7;
507
+ --ks-color-positive-inverted-to-bg-9-base: #e7ece8;
508
+ --ks-color-positive-inverted-to-fg-1-base: #227d1b;
509
+ --ks-color-positive-inverted-to-fg-2-base: #1f731c;
510
+ --ks-color-positive-inverted-to-fg-3-base: #1c651c;
511
+ --ks-color-positive-inverted-to-fg-4-base: #18551c;
512
+ --ks-color-positive-inverted-to-fg-5-base: #15461d;
513
+ --ks-color-positive-inverted-to-fg-6-base: #11361e;
514
+ --ks-color-positive-inverted-to-fg-7-base: #0d261e;
515
+ --ks-color-positive-inverted-to-fg-8-base: #0a181e;
516
+ --ks-color-positive-inverted-to-fg-9-base: #070e1f;
517
+ --ks-color-informative-base: #64c2db;
518
+ --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
519
+ --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
520
+ --ks-color-informative-alpha-3-base: rgba(100,194,219,.76);
521
+ --ks-color-informative-alpha-4-base: rgba(100,194,219,.63);
522
+ --ks-color-informative-alpha-5-base: rgba(100,194,219,.5);
523
+ --ks-color-informative-alpha-6-base: rgba(100,194,219,.37);
524
+ --ks-color-informative-alpha-7-base: rgba(100,194,219,.24);
525
+ --ks-color-informative-alpha-8-base: rgba(100,194,219,.13);
526
+ --ks-color-informative-alpha-9-base: rgba(100,194,219,.05);
527
+ --ks-color-informative-to-bg-1-base: #5fb9d2;
528
+ --ks-color-informative-to-bg-2-base: #58aac3;
529
+ --ks-color-informative-to-bg-3-base: #4d95ae;
530
+ --ks-color-informative-to-bg-4-base: #417d95;
531
+ --ks-color-informative-to-bg-5-base: #35657d;
532
+ --ks-color-informative-to-bg-6-base: #294d65;
533
+ --ks-color-informative-to-bg-7-base: #1d354c;
534
+ --ks-color-informative-to-bg-8-base: #122037;
535
+ --ks-color-informative-to-bg-9-base: #0b1128;
536
+ --ks-color-informative-to-fg-1-base: #6cc5dd;
537
+ --ks-color-informative-to-fg-2-base: #78cae0;
538
+ --ks-color-informative-to-fg-3-base: #89d1e4;
539
+ --ks-color-informative-to-fg-4-base: #9dd9e8;
540
+ --ks-color-informative-to-fg-5-base: #b2e1ed;
541
+ --ks-color-informative-to-fg-6-base: #c6e8f2;
542
+ --ks-color-informative-to-fg-7-base: #daf0f6;
543
+ --ks-color-informative-to-fg-8-base: #ebf7fa;
544
+ --ks-color-informative-to-fg-9-base: #f7fcfd;
545
+ --ks-color-informative-inverted-base: #00718f;
546
+ --ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
547
+ --ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
548
+ --ks-color-informative-inverted-alpha-3-base: rgba(0,113,143,.76);
549
+ --ks-color-informative-inverted-alpha-4-base: rgba(0,113,143,.63);
550
+ --ks-color-informative-inverted-alpha-5-base: rgba(0,113,143,.5);
551
+ --ks-color-informative-inverted-alpha-6-base: rgba(0,113,143,.37);
552
+ --ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
553
+ --ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
554
+ --ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
555
+ --ks-color-informative-inverted-to-bg-1-base: #0c7794;
556
+ --ks-color-informative-inverted-to-bg-2-base: #1f829c;
557
+ --ks-color-informative-inverted-to-bg-3-base: #3a90a7;
558
+ --ks-color-informative-inverted-to-bg-4-base: #59a0b4;
559
+ --ks-color-informative-inverted-to-bg-5-base: #79b1c1;
560
+ --ks-color-informative-inverted-to-bg-6-base: #98c2ce;
561
+ --ks-color-informative-inverted-to-bg-7-base: #b7d2db;
562
+ --ks-color-informative-inverted-to-bg-8-base: #d2e0e6;
563
+ --ks-color-informative-inverted-to-bg-9-base: #e5ebee;
564
+ --ks-color-informative-inverted-to-fg-1-base: #006c89;
565
+ --ks-color-informative-inverted-to-fg-2-base: #016380;
566
+ --ks-color-informative-inverted-to-fg-3-base: #015874;
567
+ --ks-color-informative-inverted-to-fg-4-base: #024a66;
568
+ --ks-color-informative-inverted-to-fg-5-base: #033d57;
569
+ --ks-color-informative-inverted-to-fg-6-base: #042f48;
570
+ --ks-color-informative-inverted-to-fg-7-base: #05213a;
571
+ --ks-color-informative-inverted-to-fg-8-base: #05162e;
572
+ --ks-color-informative-inverted-to-fg-9-base: #060d25;
573
+ --ks-color-notice-base: #f9de55;
574
+ --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
575
+ --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
576
+ --ks-color-notice-alpha-3-base: rgba(249,222,85,.76);
577
+ --ks-color-notice-alpha-4-base: rgba(249,222,85,.63);
578
+ --ks-color-notice-alpha-5-base: rgba(249,222,85,.5);
579
+ --ks-color-notice-alpha-6-base: rgba(249,222,85,.37);
580
+ --ks-color-notice-alpha-7-base: rgba(249,222,85,.24);
581
+ --ks-color-notice-alpha-8-base: rgba(249,222,85,.13);
582
+ --ks-color-notice-alpha-9-base: rgba(249,222,85,.05);
583
+ --ks-color-notice-to-bg-1-base: #edd352;
584
+ --ks-color-notice-to-bg-2-base: #d9c24e;
585
+ --ks-color-notice-to-bg-3-base: #bfab48;
586
+ --ks-color-notice-to-bg-4-base: #9f8f41;
587
+ --ks-color-notice-to-bg-5-base: #80733a;
588
+ --ks-color-notice-to-bg-6-base: #605733;
589
+ --ks-color-notice-to-bg-7-base: #403b2c;
590
+ --ks-color-notice-to-bg-8-base: #262426;
591
+ --ks-color-notice-to-bg-9-base: #121322;
592
+ --ks-color-notice-to-fg-1-base: #f9e05e;
593
+ --ks-color-notice-to-fg-2-base: #fae26b;
594
+ --ks-color-notice-to-fg-3-base: #fae67e;
595
+ --ks-color-notice-to-fg-4-base: #fbea94;
596
+ --ks-color-notice-to-fg-5-base: #fcefaa;
597
+ --ks-color-notice-to-fg-6-base: #fdf3c0;
598
+ --ks-color-notice-to-fg-7-base: #fef7d6;
599
+ --ks-color-notice-to-fg-8-base: #fefbe9;
600
+ --ks-color-notice-to-fg-9-base: #fffdf7;
601
+ --ks-color-notice-inverted-base: #ff5d53;
602
+ --ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
603
+ --ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
604
+ --ks-color-notice-inverted-alpha-3-base: rgba(255,93,83,.76);
605
+ --ks-color-notice-inverted-alpha-4-base: rgba(255,93,83,.63);
606
+ --ks-color-notice-inverted-alpha-5-base: rgba(255,93,83,.5);
607
+ --ks-color-notice-inverted-alpha-6-base: rgba(255,93,83,.37);
608
+ --ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
609
+ --ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
610
+ --ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
611
+ --ks-color-notice-inverted-to-bg-1-base: #fe645b;
612
+ --ks-color-notice-inverted-to-bg-2-base: #fd7068;
613
+ --ks-color-notice-inverted-to-bg-3-base: #fc8179;
614
+ --ks-color-notice-inverted-to-bg-4-base: #fa948e;
615
+ --ks-color-notice-inverted-to-bg-5-base: #f8a7a3;
616
+ --ks-color-notice-inverted-to-bg-6-base: #f6bab8;
617
+ --ks-color-notice-inverted-to-bg-7-base: #f4cdcd;
618
+ --ks-color-notice-inverted-to-bg-8-base: #f3dede;
619
+ --ks-color-notice-inverted-to-bg-9-base: #f2eaeb;
620
+ --ks-color-notice-inverted-to-fg-1-base: #f35950;
621
+ --ks-color-notice-inverted-to-fg-2-base: #df524c;
622
+ --ks-color-notice-inverted-to-fg-3-base: #c34947;
623
+ --ks-color-notice-inverted-to-fg-4-base: #a33e40;
624
+ --ks-color-notice-inverted-to-fg-5-base: #833339;
625
+ --ks-color-notice-inverted-to-fg-6-base: #622732;
626
+ --ks-color-notice-inverted-to-fg-7-base: #421c2b;
627
+ --ks-color-notice-inverted-to-fg-8-base: #261326;
628
+ --ks-color-notice-inverted-to-fg-9-base: #120c22;
629
+ --ks-color-negative-base: #ff1a57;
630
+ --ks-color-negative-alpha-1-base: rgba(255,26,87,.95);
631
+ --ks-color-negative-alpha-2-base: rgba(255,26,87,.87);
632
+ --ks-color-negative-alpha-3-base: rgba(255,26,87,.76);
633
+ --ks-color-negative-alpha-4-base: rgba(255,26,87,.63);
634
+ --ks-color-negative-alpha-5-base: rgba(255,26,87,.5);
635
+ --ks-color-negative-alpha-6-base: rgba(255,26,87,.37);
636
+ --ks-color-negative-alpha-7-base: rgba(255,26,87,.24);
637
+ --ks-color-negative-alpha-8-base: rgba(255,26,87,.13);
638
+ --ks-color-negative-alpha-9-base: rgba(255,26,87,.05);
639
+ --ks-color-negative-to-bg-1-base: #f31954;
640
+ --ks-color-negative-to-bg-2-base: #df1850;
641
+ --ks-color-negative-to-bg-3-base: #c3164a;
642
+ --ks-color-negative-to-bg-4-base: #a31342;
643
+ --ks-color-negative-to-bg-5-base: #83113b;
644
+ --ks-color-negative-to-bg-6-base: #620f34;
645
+ --ks-color-negative-to-bg-7-base: #420c2c;
646
+ --ks-color-negative-to-bg-8-base: #260a26;
647
+ --ks-color-negative-to-bg-9-base: #120922;
648
+ --ks-color-negative-to-fg-1-base: #ff255f;
649
+ --ks-color-negative-to-fg-2-base: #ff386d;
650
+ --ks-color-negative-to-fg-3-base: #ff517f;
651
+ --ks-color-negative-to-fg-4-base: #ff6f95;
652
+ --ks-color-negative-to-fg-5-base: #ff8dab;
653
+ --ks-color-negative-to-fg-6-base: #ffaac1;
654
+ --ks-color-negative-to-fg-7-base: #ffc8d7;
655
+ --ks-color-negative-to-fg-8-base: #ffe1e9;
656
+ --ks-color-negative-to-fg-9-base: #fff4f7;
657
+ --ks-color-negative-inverted-base: #d21d48;
658
+ --ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
659
+ --ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
660
+ --ks-color-negative-inverted-alpha-3-base: rgba(210,29,72,.76);
661
+ --ks-color-negative-inverted-alpha-4-base: rgba(210,29,72,.63);
662
+ --ks-color-negative-inverted-alpha-5-base: rgba(210,29,72,.5);
663
+ --ks-color-negative-inverted-alpha-6-base: rgba(210,29,72,.37);
664
+ --ks-color-negative-inverted-alpha-7-base: rgba(210,29,72,.24);
665
+ --ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
666
+ --ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
667
+ --ks-color-negative-inverted-to-bg-1-base: #d42851;
668
+ --ks-color-negative-inverted-to-bg-2-base: #d6395e;
669
+ --ks-color-negative-inverted-to-bg-3-base: #d95071;
670
+ --ks-color-negative-inverted-to-bg-4-base: #dd6b87;
671
+ --ks-color-negative-inverted-to-bg-5-base: #e2879e;
672
+ --ks-color-negative-inverted-to-bg-6-base: #e6a3b4;
673
+ --ks-color-negative-inverted-to-bg-7-base: #eabeca;
674
+ --ks-color-negative-inverted-to-bg-8-base: #edd5dd;
675
+ --ks-color-negative-inverted-to-bg-9-base: #efe6ea;
676
+ --ks-color-negative-inverted-to-fg-1-base: #c81c46;
677
+ --ks-color-negative-inverted-to-fg-2-base: #b71a43;
678
+ --ks-color-negative-inverted-to-fg-3-base: #a1183e;
679
+ --ks-color-negative-inverted-to-fg-4-base: #871539;
680
+ --ks-color-negative-inverted-to-fg-5-base: #6c1334;
681
+ --ks-color-negative-inverted-to-fg-6-base: #51102e;
682
+ --ks-color-negative-inverted-to-fg-7-base: #370d29;
683
+ --ks-color-negative-inverted-to-fg-8-base: #210b24;
684
+ --ks-color-negative-inverted-to-fg-9-base: #100921;
685
+ --ks-color-secondary-base: #4d25ef;
686
+ --ks-color-secondary-alpha-1-base: rgba(77,37,239,.95);
687
+ --ks-color-secondary-alpha-2-base: rgba(77,37,239,.87);
688
+ --ks-color-secondary-alpha-3-base: rgba(77,37,239,.76);
689
+ --ks-color-secondary-alpha-4-base: rgba(77,37,239,.63);
690
+ --ks-color-secondary-alpha-5-base: rgba(77,37,239,.5);
691
+ --ks-color-secondary-alpha-6-base: rgba(77,37,239,.37);
692
+ --ks-color-secondary-alpha-7-base: rgba(77,37,239,.24);
693
+ --ks-color-secondary-alpha-8-base: rgba(77,37,239,.13);
694
+ --ks-color-secondary-alpha-9-base: rgba(77,37,239,.05);
695
+ --ks-color-secondary-to-bg-1-base: #4924e5;
696
+ --ks-color-secondary-to-bg-2-base: #4421d4;
697
+ --ks-color-secondary-to-bg-3-base: #3c1ebd;
698
+ --ks-color-secondary-to-bg-4-base: #331aa2;
699
+ --ks-color-secondary-to-bg-5-base: #2a1787;
700
+ --ks-color-secondary-to-bg-6-base: #20136c;
701
+ --ks-color-secondary-to-bg-7-base: #170f51;
702
+ --ks-color-secondary-to-bg-8-base: #0f0c3a;
703
+ --ks-color-secondary-to-bg-9-base: #0a0929;
704
+ --ks-color-secondary-to-fg-1-base: #5630f0;
705
+ --ks-color-secondary-to-fg-2-base: #6441f1;
706
+ --ks-color-secondary-to-fg-3-base: #7859f3;
707
+ --ks-color-secondary-to-fg-4-base: #8f76f5;
708
+ --ks-color-secondary-to-fg-5-base: #a692f7;
709
+ --ks-color-secondary-to-fg-6-base: #bdaef9;
710
+ --ks-color-secondary-to-fg-7-base: #d4cbfb;
711
+ --ks-color-secondary-to-fg-8-base: #e8e3fd;
712
+ --ks-color-secondary-to-fg-9-base: #f6f4fe;
713
+ --ks-color-secondary-inverted-base: #e21879;
714
+ --ks-color-secondary-inverted-alpha-1-base: rgba(226,24,121,.95);
715
+ --ks-color-secondary-inverted-alpha-2-base: rgba(226,24,121,.87);
716
+ --ks-color-secondary-inverted-alpha-3-base: rgba(226,24,121,.76);
717
+ --ks-color-secondary-inverted-alpha-4-base: rgba(226,24,121,.63);
718
+ --ks-color-secondary-inverted-alpha-5-base: rgba(226,24,121,.5);
719
+ --ks-color-secondary-inverted-alpha-6-base: rgba(226,24,121,.37);
720
+ --ks-color-secondary-inverted-alpha-7-base: rgba(226,24,121,.24);
721
+ --ks-color-secondary-inverted-alpha-8-base: rgba(226,24,121,.13);
722
+ --ks-color-secondary-inverted-alpha-9-base: rgba(226,24,121,.05);
723
+ --ks-color-secondary-inverted-to-bg-1-base: #e3237f;
724
+ --ks-color-secondary-inverted-to-bg-2-base: #e43489;
725
+ --ks-color-secondary-inverted-to-bg-3-base: #e64c96;
726
+ --ks-color-secondary-inverted-to-bg-4-base: #e868a6;
727
+ --ks-color-secondary-inverted-to-bg-5-base: #ea85b6;
728
+ --ks-color-secondary-inverted-to-bg-6-base: #eba1c6;
729
+ --ks-color-secondary-inverted-to-bg-7-base: #edbdd6;
730
+ --ks-color-secondary-inverted-to-bg-8-base: #efd5e3;
731
+ --ks-color-secondary-inverted-to-bg-9-base: #f0e6ed;
732
+ --ks-color-secondary-inverted-to-fg-1-base: #d71775;
733
+ --ks-color-secondary-inverted-to-fg-2-base: #c5166d;
734
+ --ks-color-secondary-inverted-to-fg-3-base: #ad1463;
735
+ --ks-color-secondary-inverted-to-fg-4-base: #911258;
736
+ --ks-color-secondary-inverted-to-fg-5-base: #74104c;
737
+ --ks-color-secondary-inverted-to-fg-6-base: #570e40;
738
+ --ks-color-secondary-inverted-to-fg-7-base: #3b0c35;
739
+ --ks-color-secondary-inverted-to-fg-8-base: #230a2b;
740
+ --ks-color-secondary-inverted-to-fg-9-base: #110924;
660
741
  --ks-depth-modal: 1000;
661
742
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
662
- --ks-spacing-xxs-base: 0.3366rem;
743
+ --ks-spacing-xxs-base: 0.3024rem;
663
744
  --ks-spacing-xxs-bp-factor-phone: 1.225;
664
745
  --ks-spacing-xxs-bp-factor-tablet: 1.5006;
665
746
  --ks-spacing-xxs-bp-factor-laptop: 1.8383;
666
747
  --ks-spacing-xxs-bp-factor-desktop: 2.2519;
667
- --ks-spacing-xxs-bp-factor-tv: 2.7585;
748
+ --ks-spacing-xxs-bp-factor-widescreen: 2.5;
749
+ --ks-spacing-xxs-bp-factor-tv: 3;
668
750
  --ks-spacing-xs: var(--ks-spacing-xs-base);
669
- --ks-spacing-xs-base: 0.4628rem;
751
+ --ks-spacing-xs-base: 0.4309rem;
670
752
  --ks-spacing-xs-bp-factor-phone: 1.225;
671
753
  --ks-spacing-xs-bp-factor-tablet: 1.5006;
672
754
  --ks-spacing-xs-bp-factor-laptop: 1.8383;
673
755
  --ks-spacing-xs-bp-factor-desktop: 2.2519;
674
- --ks-spacing-xs-bp-factor-tv: 2.7585;
756
+ --ks-spacing-xs-bp-factor-widescreen: 2.5;
757
+ --ks-spacing-xs-bp-factor-tv: 3;
675
758
  --ks-spacing-s: var(--ks-spacing-s-base);
676
- --ks-spacing-s-base: 0.6364rem;
759
+ --ks-spacing-s-base: 0.614rem;
677
760
  --ks-spacing-s-bp-factor-phone: 1.225;
678
761
  --ks-spacing-s-bp-factor-tablet: 1.5006;
679
762
  --ks-spacing-s-bp-factor-laptop: 1.8383;
680
763
  --ks-spacing-s-bp-factor-desktop: 2.2519;
681
- --ks-spacing-s-bp-factor-tv: 2.7585;
764
+ --ks-spacing-s-bp-factor-widescreen: 2.5;
765
+ --ks-spacing-s-bp-factor-tv: 3;
682
766
  --ks-spacing-m: var(--ks-spacing-m-base);
683
767
  --ks-spacing-m-base: 0.875rem;
684
768
  --ks-spacing-m-bp-factor-phone: 1.225;
685
769
  --ks-spacing-m-bp-factor-tablet: 1.5006;
686
770
  --ks-spacing-m-bp-factor-laptop: 1.8383;
687
771
  --ks-spacing-m-bp-factor-desktop: 2.2519;
688
- --ks-spacing-m-bp-factor-tv: 2.7585;
772
+ --ks-spacing-m-bp-factor-widescreen: 2.5;
773
+ --ks-spacing-m-bp-factor-tv: 3;
689
774
  --ks-spacing-l: var(--ks-spacing-l-base);
690
- --ks-spacing-l-base: 1.2031rem;
775
+ --ks-spacing-l-base: 1.2469rem;
691
776
  --ks-spacing-l-bp-factor-phone: 1.225;
692
777
  --ks-spacing-l-bp-factor-tablet: 1.5006;
693
778
  --ks-spacing-l-bp-factor-laptop: 1.8383;
694
779
  --ks-spacing-l-bp-factor-desktop: 2.2519;
695
- --ks-spacing-l-bp-factor-tv: 2.7585;
780
+ --ks-spacing-l-bp-factor-widescreen: 2.5;
781
+ --ks-spacing-l-bp-factor-tv: 3;
696
782
  --ks-spacing-xl: var(--ks-spacing-xl-base);
697
- --ks-spacing-xl-base: 1.6543rem;
783
+ --ks-spacing-xl-base: 1.7768rem;
698
784
  --ks-spacing-xl-bp-factor-phone: 1.225;
699
785
  --ks-spacing-xl-bp-factor-tablet: 1.5006;
700
786
  --ks-spacing-xl-bp-factor-laptop: 1.8383;
701
787
  --ks-spacing-xl-bp-factor-desktop: 2.2519;
702
- --ks-spacing-xl-bp-factor-tv: 2.7585;
788
+ --ks-spacing-xl-bp-factor-tv: 2.7;
703
789
  --ks-spacing-xxl: var(--ks-spacing-xxl-base);
704
- --ks-spacing-xxl-base: 2.2747rem;
790
+ --ks-spacing-xxl-base: 2.5319rem;
705
791
  --ks-spacing-xxl-bp-factor-phone: 1.225;
706
792
  --ks-spacing-xxl-bp-factor-tablet: 1.5006;
707
793
  --ks-spacing-xxl-bp-factor-laptop: 1.8383;
708
794
  --ks-spacing-xxl-bp-factor-desktop: 2.2519;
709
- --ks-spacing-xxl-bp-factor-tv: 2.7585;
795
+ --ks-spacing-xxl-bp-factor-widescreen: 2.5;
796
+ --ks-spacing-xxl-bp-factor-tv: 3;
710
797
  --ks-spacing-stack-xs: var(--ks-spacing-xs);
711
798
  --ks-spacing-stack-s: var(--ks-spacing-s);
712
799
  --ks-spacing-stack-m: var(--ks-spacing-m);
@@ -734,14 +821,14 @@
734
821
  --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
735
822
  --ks-text-color-default-base: var(--ks-color-fg-base);
736
823
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
737
- --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
738
- --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
739
- --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
824
+ --ks-text-color-default-interactive-hover-base: var(--ks-color-link-to-fg-5-base);
825
+ --ks-text-color-default-interactive-active-base: var(--ks-color-link-to-fg-5-base);
826
+ --ks-text-color-default-interactive-selected-base: var(--ks-color-link-to-fg-5-base);
740
827
  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
741
828
  --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
742
- --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
743
- --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
744
- --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
829
+ --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-5-base);
830
+ --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-5-base);
831
+ --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-5-base);
745
832
  --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
746
833
  --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
747
834
  --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
@@ -832,6 +919,16 @@
832
919
  --ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
833
920
  --ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
834
921
  --ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
922
+ --ks-text-color-secondary-base: var(--ks-color-secondary-base);
923
+ --ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
924
+ --ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
925
+ --ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
926
+ --ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
927
+ --ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
928
+ --ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
929
+ --ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
930
+ --ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
931
+ --ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
835
932
  --ks-duration-immediate: 50ms;
836
933
  --ks-duration-fast: 100ms;
837
934
  --ks-duration-medium: 150ms;
@@ -843,58 +940,66 @@
843
940
  --ks-timing-function-linear: linear;
844
941
  --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
845
942
  --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
846
- --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
847
- --ks-font-family-display: "Wix Madefor Display", Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
848
- --ks-font-family-copy: "Wix Madefor Text", system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
849
- --ks-font-family-interface: "Wix Madefor Text", system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
943
+ --ks-transition-fade: var(--ks-duration-fast) var(--ks-timing-function-ease-out);
944
+ --ks-font-family-display: Fredoka, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
945
+ --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;
946
+ --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;
850
947
  --ks-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
851
948
  --ks-font-weight-light: 300;
852
949
  --ks-font-weight-regular: 400;
853
950
  --ks-font-weight-medium: 500;
854
951
  --ks-font-weight-semi-bold: 600;
855
952
  --ks-font-weight-bold: 700;
856
- --ks-font-size-display-bp-factor-phone: 1;
857
- --ks-font-size-display-bp-factor-tablet: 1.125;
858
- --ks-font-size-display-bp-factor-laptop: 1.25;
859
- --ks-font-size-display-bp-factor-desktop: 1.35;
860
- --ks-font-size-display-xxs-base: 0.512rem;
861
- --ks-font-size-display-xs-base: 0.64rem;
862
- --ks-font-size-display-s-base: 0.8rem;
863
- --ks-font-size-display-m-base: 1rem;
864
- --ks-font-size-display-l-base: 1.25rem;
865
- --ks-font-size-display-xl-base: 1.5625rem;
866
- --ks-font-size-display-xxl-base: 1.9531rem;
953
+ --ks-font-size-display-bp-factor-phone: 1.125;
954
+ --ks-font-size-display-bp-factor-tablet: 1.5;
955
+ --ks-font-size-display-bp-factor-laptop: 1.5;
956
+ --ks-font-size-display-bp-factor-desktop: 1.75;
957
+ --ks-font-size-display-bp-factor-widescreen: 2.25;
958
+ --ks-font-size-display-bp-factor-tv: 2.75;
959
+ --ks-font-size-display-xxs-base: 0.68rem;
960
+ --ks-font-size-display-xs-base: 0.833rem;
961
+ --ks-font-size-display-s-base: 1.0204rem;
962
+ --ks-font-size-display-m-base: 1.25rem;
963
+ --ks-font-size-display-l-base: 1.5313rem;
964
+ --ks-font-size-display-xl-base: 1.8758rem;
965
+ --ks-font-size-display-xxl-base: 2.2978rem;
867
966
  --ks-font-size-copy-bp-factor-tablet: 1.125;
868
- --ks-font-size-copy-xxs-base: 0.6164rem;
869
- --ks-font-size-copy-xs-base: 0.7243rem;
870
- --ks-font-size-copy-s-base: 0.8511rem;
871
- --ks-font-size-copy-m-base: 1rem;
872
- --ks-font-size-copy-l-base: 1.175rem;
873
- --ks-font-size-copy-xl-base: 1.3806rem;
874
- --ks-font-size-copy-xxl-base: 1.6222rem;
967
+ --ks-font-size-copy-bp-factor-widescreen: 1.35;
968
+ --ks-font-size-copy-bp-factor-tv: 1.65;
969
+ --ks-font-size-copy-xxs-base: 0.612rem;
970
+ --ks-font-size-copy-xs-base: 0.7497rem;
971
+ --ks-font-size-copy-s-base: 0.9184rem;
972
+ --ks-font-size-copy-m-base: 1.125rem;
973
+ --ks-font-size-copy-l-base: 1.3781rem;
974
+ --ks-font-size-copy-xl-base: 1.6882rem;
975
+ --ks-font-size-copy-xxl-base: 2.068rem;
875
976
  --ks-font-size-interface-bp-factor-tablet: 1.125;
876
- --ks-font-size-interface-xxs-base: 0.6164rem;
877
- --ks-font-size-interface-xs-base: 0.7243rem;
878
- --ks-font-size-interface-s-base: 0.8511rem;
977
+ --ks-font-size-interface-bp-factor-widescreen: 1.35;
978
+ --ks-font-size-interface-bp-factor-tv: 1.65;
979
+ --ks-font-size-interface-xxs-base: 0.544rem;
980
+ --ks-font-size-interface-xs-base: 0.6664rem;
981
+ --ks-font-size-interface-s-base: 0.8163rem;
879
982
  --ks-font-size-interface-m-base: 1rem;
880
- --ks-font-size-interface-l-base: 1.175rem;
881
- --ks-font-size-interface-xl-base: 1.3806rem;
882
- --ks-font-size-interface-xxl-base: 1.6222rem;
983
+ --ks-font-size-interface-l-base: 1.225rem;
984
+ --ks-font-size-interface-xl-base: 1.5006rem;
985
+ --ks-font-size-interface-xxl-base: 1.8383rem;
883
986
  --ks-font-size-mono-bp-factor-tablet: 1.125;
884
- --ks-font-size-mono-xxs-base: 0.6164rem;
885
- --ks-font-size-mono-xs-base: 0.7243rem;
886
- --ks-font-size-mono-s-base: 0.8511rem;
887
- --ks-font-size-mono-m-base: 1rem;
888
- --ks-font-size-mono-l-base: 1.175rem;
889
- --ks-font-size-mono-xl-base: 1.3806rem;
890
- --ks-font-size-mono-xxl-base: 1.6222rem;
891
- --ks-line-height-display-xxs: 1.5;
892
- --ks-line-height-display-xs: 1.5;
893
- --ks-line-height-display-s: 1.5;
894
- --ks-line-height-display-m: 1.5;
895
- --ks-line-height-display-l: 1.5;
896
- --ks-line-height-display-xl: 1.5;
897
- --ks-line-height-display-xxl: 1.5;
987
+ --ks-font-size-mono-bp-factor-widescreen: 1.35;
988
+ --ks-font-size-mono-bp-factor-tv: 1.65;
989
+ --ks-font-size-mono-xxs-base: 0.612rem;
990
+ --ks-font-size-mono-xs-base: 0.7497rem;
991
+ --ks-font-size-mono-s-base: 0.9184rem;
992
+ --ks-font-size-mono-m-base: 1.125rem;
993
+ --ks-font-size-mono-l-base: 1.3781rem;
994
+ --ks-font-size-mono-xl-base: 1.6882rem;
995
+ --ks-font-size-mono-xxl-base: 2.068rem;
996
+ --ks-line-height-display-xxs: 1.15;
997
+ --ks-line-height-display-xs: 1.15;
998
+ --ks-line-height-display-s: 1.15;
999
+ --ks-line-height-display-m: 1.15;
1000
+ --ks-line-height-display-l: 1.15;
1001
+ --ks-line-height-display-xl: 1.15;
1002
+ --ks-line-height-display-xxl: 1.15;
898
1003
  --ks-line-height-copy-xxs: 1.5;
899
1004
  --ks-line-height-copy-xs: 1.5;
900
1005
  --ks-line-height-copy-s: 1.5;
@@ -986,7 +1091,7 @@
986
1091
  --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
987
1092
  --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
988
1093
  --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
989
- --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","tv":"122em"}';
1094
+ --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","widescreen":"122em","tv":"162em"}';
990
1095
  }
991
1096
 
992
1097
  :root, [ks-theme], [ks-inverted=false] {
@@ -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
 
1706
1901
  [ks-inverted=true] {
@@ -1804,6 +1999,18 @@
1804
1999
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
1805
2000
  --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
1806
2001
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
2002
+ --ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
2003
+ --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
2004
+ --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
2005
+ --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
2006
+ --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
2007
+ --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
2008
+ --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
2009
+ --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
2010
+ --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
2011
+ --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
2012
+ --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
2013
+ --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
1807
2014
  --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
1808
2015
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
1809
2016
  --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
@@ -1902,6 +2109,18 @@
1902
2109
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
1903
2110
  --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
1904
2111
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
2112
+ --ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
2113
+ --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
2114
+ --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
2115
+ --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
2116
+ --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
2117
+ --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
2118
+ --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
2119
+ --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
2120
+ --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
2121
+ --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
2122
+ --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
2123
+ --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
1905
2124
  --ks-color-fg: var(--ks-color-fg-inverted-base);
1906
2125
  --ks-color-fg-inverted: var(--ks-color-fg-base);
1907
2126
  --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
@@ -2314,6 +2533,62 @@
2314
2533
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
2315
2534
  --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
2316
2535
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
2536
+ --ks-color-secondary: var(--ks-color-secondary-inverted-base);
2537
+ --ks-color-secondary-inverted: var(--ks-color-secondary-base);
2538
+ --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
2539
+ --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-alpha-1-base);
2540
+ --ks-color-secondary-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
2541
+ --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-alpha-2-base);
2542
+ --ks-color-secondary-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
2543
+ --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-alpha-3-base);
2544
+ --ks-color-secondary-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
2545
+ --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-alpha-4-base);
2546
+ --ks-color-secondary-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
2547
+ --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-alpha-5-base);
2548
+ --ks-color-secondary-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
2549
+ --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-alpha-6-base);
2550
+ --ks-color-secondary-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
2551
+ --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-alpha-7-base);
2552
+ --ks-color-secondary-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
2553
+ --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-alpha-8-base);
2554
+ --ks-color-secondary-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
2555
+ --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-alpha-9-base);
2556
+ --ks-color-secondary-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
2557
+ --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
2558
+ --ks-color-secondary-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
2559
+ --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
2560
+ --ks-color-secondary-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
2561
+ --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
2562
+ --ks-color-secondary-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
2563
+ --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
2564
+ --ks-color-secondary-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
2565
+ --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
2566
+ --ks-color-secondary-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
2567
+ --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
2568
+ --ks-color-secondary-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
2569
+ --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
2570
+ --ks-color-secondary-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
2571
+ --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
2572
+ --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
2573
+ --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
2574
+ --ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
2575
+ --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
2576
+ --ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
2577
+ --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
2578
+ --ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
2579
+ --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
2580
+ --ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
2581
+ --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
2582
+ --ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
2583
+ --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
2584
+ --ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
2585
+ --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
2586
+ --ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
2587
+ --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
2588
+ --ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
2589
+ --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
2590
+ --ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
2591
+ --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
2317
2592
  --ks-text-color-default: var(--ks-text-color-default-inverted-base);
2318
2593
  --ks-text-color-default-inverted: var(--ks-text-color-default-base);
2319
2594
  --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
@@ -2414,6 +2689,16 @@
2414
2689
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
2415
2690
  --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
2416
2691
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
2692
+ --ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
2693
+ --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
2694
+ --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
2695
+ --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
2696
+ --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
2697
+ --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
2698
+ --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
2699
+ --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
2700
+ --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
2701
+ --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
2417
2702
  }
2418
2703
 
2419
2704
  @media (min-width: 36em) {
@@ -2469,6 +2754,24 @@
2469
2754
  }
2470
2755
  @media (min-width: 122em) {
2471
2756
  :root {
2757
+ --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-widescreen);
2758
+ --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-widescreen);
2759
+ --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-widescreen);
2760
+ --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-widescreen);
2761
+ --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-widescreen);
2762
+ --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-widescreen);
2763
+ --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-widescreen);
2764
+ --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-widescreen);
2765
+ --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-widescreen);
2766
+ --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-widescreen);
2767
+ }
2768
+ }
2769
+ @media (min-width: 162em) {
2770
+ :root {
2771
+ --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tv);
2772
+ --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tv);
2773
+ --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tv);
2774
+ --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tv);
2472
2775
  --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tv);
2473
2776
  --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tv);
2474
2777
  --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tv);