@dta-au/civictheme-twig 1.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (667) hide show
  1. package/assets/backgrounds/civictheme_background_1.png +0 -0
  2. package/assets/backgrounds/civictheme_background_2.png +0 -0
  3. package/assets/backgrounds/civictheme_background_3.png +0 -0
  4. package/assets/backgrounds/civictheme_background_4.png +0 -0
  5. package/assets/backgrounds/civictheme_background_5.png +0 -0
  6. package/assets/backgrounds/civictheme_background_6.png +0 -0
  7. package/assets/backgrounds/civictheme_background_7.png +0 -0
  8. package/assets/fonts/.gitkeep +0 -0
  9. package/assets/icons/account.svg +3 -0
  10. package/assets/icons/approve.svg +3 -0
  11. package/assets/icons/bars.svg +3 -0
  12. package/assets/icons/bullet.svg +3 -0
  13. package/assets/icons/calendar-1.svg +3 -0
  14. package/assets/icons/calendar-2.svg +3 -0
  15. package/assets/icons/call.svg +3 -0
  16. package/assets/icons/cancel.svg +3 -0
  17. package/assets/icons/checked.svg +4 -0
  18. package/assets/icons/close-outline.svg +3 -0
  19. package/assets/icons/close.svg +3 -0
  20. package/assets/icons/document.svg +4 -0
  21. package/assets/icons/down-arrow-1.svg +3 -0
  22. package/assets/icons/down-arrow-2.svg +3 -0
  23. package/assets/icons/download-file.svg +3 -0
  24. package/assets/icons/download.svg +3 -0
  25. package/assets/icons/exclamation-mark-1.svg +3 -0
  26. package/assets/icons/exclamation-mark-2.svg +3 -0
  27. package/assets/icons/exclamation-mark-3.svg +3 -0
  28. package/assets/icons/eye.svg +3 -0
  29. package/assets/icons/facebook.svg +3 -0
  30. package/assets/icons/help.svg +3 -0
  31. package/assets/icons/image.svg +5 -0
  32. package/assets/icons/information-mark.svg +3 -0
  33. package/assets/icons/instagram.svg +3 -0
  34. package/assets/icons/layer.svg +4 -0
  35. package/assets/icons/layers.svg +4 -0
  36. package/assets/icons/left-arrow-outline.svg +3 -0
  37. package/assets/icons/left-arrow.svg +3 -0
  38. package/assets/icons/linkedin.svg +3 -0
  39. package/assets/icons/lock-file.svg +4 -0
  40. package/assets/icons/lock-gallery.svg +4 -0
  41. package/assets/icons/magnifier.svg +3 -0
  42. package/assets/icons/map.svg +3 -0
  43. package/assets/icons/megaphone.svg +3 -0
  44. package/assets/icons/message.svg +3 -0
  45. package/assets/icons/mobile.svg +4 -0
  46. package/assets/icons/mortarboard.svg +3 -0
  47. package/assets/icons/newspaper.svg +3 -0
  48. package/assets/icons/open-source.svg +3 -0
  49. package/assets/icons/pdf-file.svg +4 -0
  50. package/assets/icons/progress.svg +3 -0
  51. package/assets/icons/right-arrow-1.svg +3 -0
  52. package/assets/icons/right-arrow-2.svg +3 -0
  53. package/assets/icons/select-box.svg +4 -0
  54. package/assets/icons/share.svg +3 -0
  55. package/assets/icons/square.svg +3 -0
  56. package/assets/icons/to-do.svg +3 -0
  57. package/assets/icons/twitter.svg +3 -0
  58. package/assets/icons/up-arrow.svg +3 -0
  59. package/assets/icons/upper-arrow.svg +3 -0
  60. package/assets/icons/upper-right-arrow.svg +3 -0
  61. package/assets/icons/users.svg +4 -0
  62. package/assets/icons/watch.svg +3 -0
  63. package/assets/icons/water-drop.svg +4 -0
  64. package/assets/icons/web.svg +4 -0
  65. package/assets/icons/word-file.svg +4 -0
  66. package/assets/icons/x.svg +3 -0
  67. package/assets/icons/youtube.svg +3 -0
  68. package/assets/logos/logo_custom_light_desktop_civictheme.svg +32 -0
  69. package/assets/logos/logo_custom_light_mobile_civictheme.svg +32 -0
  70. package/assets/logos/logo_primary_dark_desktop.png +0 -0
  71. package/assets/logos/logo_primary_dark_mobile.png +0 -0
  72. package/assets/logos/logo_primary_light_desktop.png +0 -0
  73. package/assets/logos/logo_primary_light_mobile.png +0 -0
  74. package/assets/logos/logo_secondary_dark_desktop.png +0 -0
  75. package/assets/logos/logo_secondary_dark_mobile.png +0 -0
  76. package/assets/logos/logo_secondary_light_desktop.png +0 -0
  77. package/assets/logos/logo_secondary_light_mobile.png +0 -0
  78. package/components/00-base/_variables.base.scss +482 -0
  79. package/components/00-base/_variables.components.scss +1315 -0
  80. package/components/00-base/about-civictheme/about-civictheme.stories.js +37 -0
  81. package/components/00-base/about-civictheme/about-civictheme.stories.scss +37 -0
  82. package/components/00-base/about-civictheme/about-civictheme.stories.twig +219 -0
  83. package/components/00-base/background/background.scss +12 -0
  84. package/components/00-base/background/background.stories.js +33 -0
  85. package/components/00-base/background/background.stories.scss +16 -0
  86. package/components/00-base/background/background.stories.twig +6 -0
  87. package/components/00-base/background/background.utils.js +23 -0
  88. package/components/00-base/collapsible/collapsible.js +452 -0
  89. package/components/00-base/collapsible/collapsible.scss +80 -0
  90. package/components/00-base/collapsible/collapsible.stories.js +17 -0
  91. package/components/00-base/collapsible/collapsible.stories.scss +38 -0
  92. package/components/00-base/collapsible/collapsible.stories.twig +497 -0
  93. package/components/00-base/collapsible/collapsible.test.js +186 -0
  94. package/components/00-base/colors/colors.stories.js +142 -0
  95. package/components/00-base/colors/colors.stories.scss +78 -0
  96. package/components/00-base/colors/colors.stories.twig +42 -0
  97. package/components/00-base/datetime/__snapshots__/datetime.test.js.snap +114 -0
  98. package/components/00-base/datetime/datetime.stories.js +47 -0
  99. package/components/00-base/datetime/datetime.test.js +75 -0
  100. package/components/00-base/datetime/datetime.twig +24 -0
  101. package/components/00-base/debug/_index.scss +24 -0
  102. package/components/00-base/elevation/elevation.stories.js +14 -0
  103. package/components/00-base/elevation/elevation.stories.scss +21 -0
  104. package/components/00-base/elevation/elevation.stories.twig +8 -0
  105. package/components/00-base/flex/_index.scss +37 -0
  106. package/components/00-base/flyout/flyout.js +207 -0
  107. package/components/00-base/flyout/flyout.scss +47 -0
  108. package/components/00-base/flyout/flyout.stories.js +34 -0
  109. package/components/00-base/flyout/flyout.stories.scss +38 -0
  110. package/components/00-base/flyout/flyout.stories.twig +101 -0
  111. package/components/00-base/fonts/_index.scss +15 -0
  112. package/components/00-base/fonts/fonts.stories.js +40 -0
  113. package/components/00-base/fonts/fonts.stories.scss +28 -0
  114. package/components/00-base/fonts/fonts.stories.twig +15 -0
  115. package/components/00-base/grid/__snapshots__/grid.test.js.snap +2113 -0
  116. package/components/00-base/grid/grid.scss +164 -0
  117. package/components/00-base/grid/grid.stories.js +570 -0
  118. package/components/00-base/grid/grid.stories.scss +184 -0
  119. package/components/00-base/grid/grid.test.js +386 -0
  120. package/components/00-base/grid/grid.twig +96 -0
  121. package/components/00-base/icon/__snapshots__/icon.test.js.snap +76 -0
  122. package/components/00-base/icon/icon.scss +21 -0
  123. package/components/00-base/icon/icon.stories.js +46 -0
  124. package/components/00-base/icon/icon.test.js +53 -0
  125. package/components/00-base/icon/icon.twig +35 -0
  126. package/components/00-base/icon/icon.utils.js +35 -0
  127. package/components/00-base/item-list/__snapshots__/item-list.test.js.snap +255 -0
  128. package/components/00-base/item-list/item-list.scss +66 -0
  129. package/components/00-base/item-list/item-list.stories.js +49 -0
  130. package/components/00-base/item-list/item-list.test.js +96 -0
  131. package/components/00-base/item-list/item-list.twig +35 -0
  132. package/components/00-base/layout/__snapshots__/layout.test.js.snap +520 -0
  133. package/components/00-base/layout/layout.js +97 -0
  134. package/components/00-base/layout/layout.scss +329 -0
  135. package/components/00-base/layout/layout.stories.data.js +22 -0
  136. package/components/00-base/layout/layout.stories.js +120 -0
  137. package/components/00-base/layout/layout.stories.scss +55 -0
  138. package/components/00-base/layout/layout.test.js +166 -0
  139. package/components/00-base/layout/layout.twig +115 -0
  140. package/components/00-base/menu/__snapshots__/menu.test.js.snap +1028 -0
  141. package/components/00-base/menu/menu.stories.js +107 -0
  142. package/components/00-base/menu/menu.stories.scss +11 -0
  143. package/components/00-base/menu/menu.test.js +231 -0
  144. package/components/00-base/menu/menu.twig +133 -0
  145. package/components/00-base/mixins/_background.scss +11 -0
  146. package/components/00-base/mixins/_breakpoint.scss +75 -0
  147. package/components/00-base/mixins/_button.scss +312 -0
  148. package/components/00-base/mixins/_color.scss +137 -0
  149. package/components/00-base/mixins/_component.scss +39 -0
  150. package/components/00-base/mixins/_content-link.scss +58 -0
  151. package/components/00-base/mixins/_content.scss +369 -0
  152. package/components/00-base/mixins/_cssgrid.scss +106 -0
  153. package/components/00-base/mixins/_debug.scss +29 -0
  154. package/components/00-base/mixins/_deprecations.scss +21 -0
  155. package/components/00-base/mixins/_disabled.scss +11 -0
  156. package/components/00-base/mixins/_elevation.scss +37 -0
  157. package/components/00-base/mixins/_font.scss +140 -0
  158. package/components/00-base/mixins/_form.scss +30 -0
  159. package/components/00-base/mixins/_generator.scss +35 -0
  160. package/components/00-base/mixins/_grid.scss +223 -0
  161. package/components/00-base/mixins/_highlight.scss +84 -0
  162. package/components/00-base/mixins/_icon.scss +118 -0
  163. package/components/00-base/mixins/_image.scss +149 -0
  164. package/components/00-base/mixins/_index.scss +25 -0
  165. package/components/00-base/mixins/_link.scss +163 -0
  166. package/components/00-base/mixins/_map.scss +90 -0
  167. package/components/00-base/mixins/_message.scss +11 -0
  168. package/components/00-base/mixins/_outline.scss +32 -0
  169. package/components/00-base/mixins/_particle.scss +40 -0
  170. package/components/00-base/mixins/_print.scss +26 -0
  171. package/components/00-base/mixins/_rem.scss +20 -0
  172. package/components/00-base/mixins/_reset.scss +85 -0
  173. package/components/00-base/mixins/_spacing.scss +57 -0
  174. package/components/00-base/mixins/_string.scss +76 -0
  175. package/components/00-base/mixins/_table.scss +254 -0
  176. package/components/00-base/mixins/_typography.scss +193 -0
  177. package/components/00-base/mixins/_visibility.scss +27 -0
  178. package/components/00-base/platform/platform.js +27 -0
  179. package/components/00-base/responsive/responsive.js +186 -0
  180. package/components/00-base/responsive/responsive.stories.js +17 -0
  181. package/components/00-base/responsive/responsive.stories.twig +121 -0
  182. package/components/00-base/scrollspy/scrollspy.js +36 -0
  183. package/components/00-base/scrollspy/scrollspy.scss +11 -0
  184. package/components/00-base/scrollspy/scrollspy.stories.js +18 -0
  185. package/components/00-base/scrollspy/scrollspy.stories.scss +51 -0
  186. package/components/00-base/scrollspy/scrollspy.stories.twig +9 -0
  187. package/components/00-base/skip-to-target/skip-to-target.js +27 -0
  188. package/components/00-base/spacing/spacing.scss +29 -0
  189. package/components/00-base/spacing/spacing.stories.js +16 -0
  190. package/components/00-base/spacing/spacing.stories.scss +51 -0
  191. package/components/00-base/spacing/spacing.stories.twig +64 -0
  192. package/components/00-base/storybook/storybook.container.utils.stories.scss +105 -0
  193. package/components/00-base/storybook/storybook.docs.utils.js +37 -0
  194. package/components/00-base/storybook/storybook.docs.utils.stories.scss +70 -0
  195. package/components/00-base/storybook/storybook.generators.utils.js +19 -0
  196. package/components/00-base/storybook/storybook.layout.utils.stories.scss +90 -0
  197. package/components/00-base/storybook/storybook.placeholder.utils.stories.scss +75 -0
  198. package/components/00-base/storybook/storybook.stories.scss +8 -0
  199. package/components/00-base/text-icon/text-icon.scss +9 -0
  200. package/components/00-base/text-icon/text-icon.stories.js +57 -0
  201. package/components/00-base/text-icon/text-icon.twig +81 -0
  202. package/components/00-base/typography/typography.scss +81 -0
  203. package/components/00-base/typography/typography.stories.js +17 -0
  204. package/components/00-base/typography/typography.stories.twig +228 -0
  205. package/components/00-base/variables.scss +41 -0
  206. package/components/00-base/visibility/_index.scss +42 -0
  207. package/components/00-base/welcome/welcome.stories.js +37 -0
  208. package/components/00-base/welcome/welcome.stories.scss +30 -0
  209. package/components/00-base/welcome/welcome.stories.twig +41 -0
  210. package/components/01-atoms/button/__snapshots__/button.test.js.snap +205 -0
  211. package/components/01-atoms/button/button.js +127 -0
  212. package/components/01-atoms/button/button.scss +82 -0
  213. package/components/01-atoms/button/button.stories.js +86 -0
  214. package/components/01-atoms/button/button.test.js +103 -0
  215. package/components/01-atoms/button/button.twig +82 -0
  216. package/components/01-atoms/checkbox/__snapshots__/checkbox.test.js.snap +65 -0
  217. package/components/01-atoms/checkbox/checkbox.scss +176 -0
  218. package/components/01-atoms/checkbox/checkbox.stories.js +63 -0
  219. package/components/01-atoms/checkbox/checkbox.test.js +67 -0
  220. package/components/01-atoms/checkbox/checkbox.twig +47 -0
  221. package/components/01-atoms/chip/__snapshots__/chip.test.js.snap +90 -0
  222. package/components/01-atoms/chip/chip.event.stories.js +25 -0
  223. package/components/01-atoms/chip/chip.js +104 -0
  224. package/components/01-atoms/chip/chip.scss +144 -0
  225. package/components/01-atoms/chip/chip.stories.js +74 -0
  226. package/components/01-atoms/chip/chip.test.js +53 -0
  227. package/components/01-atoms/chip/chip.twig +73 -0
  228. package/components/01-atoms/content-link/__snapshots__/content-link.test.js.snap +91 -0
  229. package/components/01-atoms/content-link/content-link.scss +16 -0
  230. package/components/01-atoms/content-link/content-link.stories.js +50 -0
  231. package/components/01-atoms/content-link/content-link.test.js +50 -0
  232. package/components/01-atoms/content-link/content-link.twig +40 -0
  233. package/components/01-atoms/field-description/__snapshots__/field-description.test.js.snap +49 -0
  234. package/components/01-atoms/field-description/field-description.scss +24 -0
  235. package/components/01-atoms/field-description/field-description.stories.js +41 -0
  236. package/components/01-atoms/field-description/field-description.test.js +51 -0
  237. package/components/01-atoms/field-description/field-description.twig +24 -0
  238. package/components/01-atoms/field-message/__snapshots__/field-message.test.js.snap +142 -0
  239. package/components/01-atoms/field-message/field-message.scss +108 -0
  240. package/components/01-atoms/field-message/field-message.stories.js +41 -0
  241. package/components/01-atoms/field-message/field-message.test.js +64 -0
  242. package/components/01-atoms/field-message/field-message.twig +37 -0
  243. package/components/01-atoms/fieldset/__snapshots__/fieldset.test.js.snap +358 -0
  244. package/components/01-atoms/fieldset/fieldset.scss +44 -0
  245. package/components/01-atoms/fieldset/fieldset.stories.js +79 -0
  246. package/components/01-atoms/fieldset/fieldset.test.js +102 -0
  247. package/components/01-atoms/fieldset/fieldset.twig +91 -0
  248. package/components/01-atoms/heading/__snapshots__/heading.test.js.snap +43 -0
  249. package/components/01-atoms/heading/heading.scss +13 -0
  250. package/components/01-atoms/heading/heading.stories.js +41 -0
  251. package/components/01-atoms/heading/heading.test.js +42 -0
  252. package/components/01-atoms/heading/heading.twig +24 -0
  253. package/components/01-atoms/iframe/__snapshots__/iframe.test.js.snap +34 -0
  254. package/components/01-atoms/iframe/iframe.scss +29 -0
  255. package/components/01-atoms/iframe/iframe.stories.js +53 -0
  256. package/components/01-atoms/iframe/iframe.test.js +37 -0
  257. package/components/01-atoms/iframe/iframe.twig +29 -0
  258. package/components/01-atoms/image/__snapshots__/image.test.js.snap +45 -0
  259. package/components/01-atoms/image/image.stories.js +48 -0
  260. package/components/01-atoms/image/image.test.js +45 -0
  261. package/components/01-atoms/image/image.twig +31 -0
  262. package/components/01-atoms/input/__snapshots__/input.test.js.snap +64 -0
  263. package/components/01-atoms/input/input.scss +112 -0
  264. package/components/01-atoms/input/input.stories.js +81 -0
  265. package/components/01-atoms/input/input.test.js +71 -0
  266. package/components/01-atoms/input/input.twig +38 -0
  267. package/components/01-atoms/label/__snapshots__/label.test.js.snap +69 -0
  268. package/components/01-atoms/label/label.scss +34 -0
  269. package/components/01-atoms/label/label.stories.js +65 -0
  270. package/components/01-atoms/label/label.test.js +76 -0
  271. package/components/01-atoms/label/label.twig +35 -0
  272. package/components/01-atoms/link/__snapshots__/link.test.js.snap +138 -0
  273. package/components/01-atoms/link/link.scss +53 -0
  274. package/components/01-atoms/link/link.stories.js +82 -0
  275. package/components/01-atoms/link/link.test.js +84 -0
  276. package/components/01-atoms/link/link.twig +62 -0
  277. package/components/01-atoms/paragraph/__snapshots__/paragraph.test.js.snap +36 -0
  278. package/components/01-atoms/paragraph/paragraph.scss +31 -0
  279. package/components/01-atoms/paragraph/paragraph.stories.js +45 -0
  280. package/components/01-atoms/paragraph/paragraph.test.js +40 -0
  281. package/components/01-atoms/paragraph/paragraph.twig +25 -0
  282. package/components/01-atoms/popover/__snapshots__/popover.test.js.snap +129 -0
  283. package/components/01-atoms/popover/popover.scss +44 -0
  284. package/components/01-atoms/popover/popover.stories.js +52 -0
  285. package/components/01-atoms/popover/popover.test.js +57 -0
  286. package/components/01-atoms/popover/popover.twig +69 -0
  287. package/components/01-atoms/radio/__snapshots__/radio.test.js.snap +83 -0
  288. package/components/01-atoms/radio/radio.scss +176 -0
  289. package/components/01-atoms/radio/radio.stories.js +64 -0
  290. package/components/01-atoms/radio/radio.test.js +76 -0
  291. package/components/01-atoms/radio/radio.twig +47 -0
  292. package/components/01-atoms/select/__snapshots__/select.test.js.snap +165 -0
  293. package/components/01-atoms/select/select.scss +105 -0
  294. package/components/01-atoms/select/select.stories.js +81 -0
  295. package/components/01-atoms/select/select.test.js +117 -0
  296. package/components/01-atoms/select/select.twig +63 -0
  297. package/components/01-atoms/table/__snapshots__/table.test.js.snap +206 -0
  298. package/components/01-atoms/table/table.js +79 -0
  299. package/components/01-atoms/table/table.scss +18 -0
  300. package/components/01-atoms/table/table.stories.js +129 -0
  301. package/components/01-atoms/table/table.test.js +60 -0
  302. package/components/01-atoms/table/table.twig +104 -0
  303. package/components/01-atoms/tag/__snapshots__/tag.test.js.snap +97 -0
  304. package/components/01-atoms/tag/tag.scss +63 -0
  305. package/components/01-atoms/tag/tag.stories.js +55 -0
  306. package/components/01-atoms/tag/tag.test.js +49 -0
  307. package/components/01-atoms/tag/tag.twig +74 -0
  308. package/components/01-atoms/textarea/__snapshots__/textarea.test.js.snap +64 -0
  309. package/components/01-atoms/textarea/textarea.scss +72 -0
  310. package/components/01-atoms/textarea/textarea.stories.js +64 -0
  311. package/components/01-atoms/textarea/textarea.test.js +68 -0
  312. package/components/01-atoms/textarea/textarea.twig +37 -0
  313. package/components/01-atoms/textfield/__snapshots__/textfield.test.js.snap +63 -0
  314. package/components/01-atoms/textfield/textfield.scss +70 -0
  315. package/components/01-atoms/textfield/textfield.stories.js +60 -0
  316. package/components/01-atoms/textfield/textfield.test.js +64 -0
  317. package/components/01-atoms/textfield/textfield.twig +37 -0
  318. package/components/01-atoms/video/__snapshots__/video.test.js.snap +75 -0
  319. package/components/01-atoms/video/video.stories.js +69 -0
  320. package/components/01-atoms/video/video.test.js +57 -0
  321. package/components/01-atoms/video/video.twig +59 -0
  322. package/components/02-molecules/accordion/__snapshots__/accordion.test.js.snap +651 -0
  323. package/components/02-molecules/accordion/accordion.scss +109 -0
  324. package/components/02-molecules/accordion/accordion.stories.js +73 -0
  325. package/components/02-molecules/accordion/accordion.test.js +84 -0
  326. package/components/02-molecules/accordion/accordion.twig +86 -0
  327. package/components/02-molecules/attachment/__snapshots__/attachment.test.js.snap +694 -0
  328. package/components/02-molecules/attachment/attachment.scss +54 -0
  329. package/components/02-molecules/attachment/attachment.stories.js +125 -0
  330. package/components/02-molecules/attachment/attachment.test.js +84 -0
  331. package/components/02-molecules/attachment/attachment.twig +139 -0
  332. package/components/02-molecules/back-to-top/__snapshots__/back-to-top.test.js.snap +172 -0
  333. package/components/02-molecules/back-to-top/back-to-top.scss +39 -0
  334. package/components/02-molecules/back-to-top/back-to-top.stories.js +26 -0
  335. package/components/02-molecules/back-to-top/back-to-top.stories.scss +20 -0
  336. package/components/02-molecules/back-to-top/back-to-top.stories.twig +6 -0
  337. package/components/02-molecules/back-to-top/back-to-top.test.js +31 -0
  338. package/components/02-molecules/back-to-top/back-to-top.twig +32 -0
  339. package/components/02-molecules/basic-content/__snapshots__/basic-content.test.js.snap +110 -0
  340. package/components/02-molecules/basic-content/basic-content.scss +39 -0
  341. package/components/02-molecules/basic-content/basic-content.stories.data.js +157 -0
  342. package/components/02-molecules/basic-content/basic-content.stories.js +56 -0
  343. package/components/02-molecules/basic-content/basic-content.test.js +59 -0
  344. package/components/02-molecules/basic-content/basic-content.twig +42 -0
  345. package/components/02-molecules/breadcrumb/__snapshots__/breadcrumb.test.js.snap +553 -0
  346. package/components/02-molecules/breadcrumb/breadcrumb.scss +23 -0
  347. package/components/02-molecules/breadcrumb/breadcrumb.stories.js +53 -0
  348. package/components/02-molecules/breadcrumb/breadcrumb.test.js +82 -0
  349. package/components/02-molecules/breadcrumb/breadcrumb.twig +85 -0
  350. package/components/02-molecules/callout/__snapshots__/callout.test.js.snap +384 -0
  351. package/components/02-molecules/callout/callout.scss +35 -0
  352. package/components/02-molecules/callout/callout.stories.js +70 -0
  353. package/components/02-molecules/callout/callout.test.js +73 -0
  354. package/components/02-molecules/callout/callout.twig +108 -0
  355. package/components/02-molecules/event-card/__snapshots__/event-card.test.js.snap +382 -0
  356. package/components/02-molecules/event-card/event-card.scss +153 -0
  357. package/components/02-molecules/event-card/event-card.stories.data.js +31 -0
  358. package/components/02-molecules/event-card/event-card.stories.js +68 -0
  359. package/components/02-molecules/event-card/event-card.test.js +74 -0
  360. package/components/02-molecules/event-card/event-card.twig +195 -0
  361. package/components/02-molecules/fast-fact-card/__snapshots__/fast-fact-card.test.js.snap +186 -0
  362. package/components/02-molecules/fast-fact-card/fast-fact-card.scss +104 -0
  363. package/components/02-molecules/fast-fact-card/fast-fact-card.stories.data.js +18 -0
  364. package/components/02-molecules/fast-fact-card/fast-fact-card.stories.js +44 -0
  365. package/components/02-molecules/fast-fact-card/fast-fact-card.test.js +90 -0
  366. package/components/02-molecules/fast-fact-card/fast-fact-card.twig +74 -0
  367. package/components/02-molecules/field/__snapshots__/field.test.js.snap +1526 -0
  368. package/components/02-molecules/field/field.scss +92 -0
  369. package/components/02-molecules/field/field.stories.data.js +52 -0
  370. package/components/02-molecules/field/field.stories.js +117 -0
  371. package/components/02-molecules/field/field.test.js +530 -0
  372. package/components/02-molecules/field/field.twig +206 -0
  373. package/components/02-molecules/figure/__snapshots__/figure.test.js.snap +104 -0
  374. package/components/02-molecules/figure/figure.scss +27 -0
  375. package/components/02-molecules/figure/figure.stories.js +52 -0
  376. package/components/02-molecules/figure/figure.test.js +60 -0
  377. package/components/02-molecules/figure/figure.twig +43 -0
  378. package/components/02-molecules/group-filter/__snapshots__/group-filter.test.js.snap +1466 -0
  379. package/components/02-molecules/group-filter/group-filter.js +33 -0
  380. package/components/02-molecules/group-filter/group-filter.scss +111 -0
  381. package/components/02-molecules/group-filter/group-filter.stories.data.js +83 -0
  382. package/components/02-molecules/group-filter/group-filter.stories.js +81 -0
  383. package/components/02-molecules/group-filter/group-filter.test.js +104 -0
  384. package/components/02-molecules/group-filter/group-filter.twig +192 -0
  385. package/components/02-molecules/inline-filter/inline-filter.scss +58 -0
  386. package/components/02-molecules/inline-filter/inline-filter.stories.data.js +24 -0
  387. package/components/02-molecules/inline-filter/inline-filter.stories.js +52 -0
  388. package/components/02-molecules/inline-filter/inline-filter.twig +48 -0
  389. package/components/02-molecules/logo/__snapshots__/logo.test.js.snap +191 -0
  390. package/components/02-molecules/logo/logo.scss +60 -0
  391. package/components/02-molecules/logo/logo.stories.data.js +34 -0
  392. package/components/02-molecules/logo/logo.stories.js +56 -0
  393. package/components/02-molecules/logo/logo.test.js +111 -0
  394. package/components/02-molecules/logo/logo.twig +71 -0
  395. package/components/02-molecules/logo/logo.utils.js +57 -0
  396. package/components/02-molecules/map/__snapshots__/map.test.js.snap +310 -0
  397. package/components/02-molecules/map/map.scss +35 -0
  398. package/components/02-molecules/map/map.stories.js +65 -0
  399. package/components/02-molecules/map/map.test.js +78 -0
  400. package/components/02-molecules/map/map.twig +86 -0
  401. package/components/02-molecules/navigation-card/__snapshots__/navigation-card.test.js.snap +507 -0
  402. package/components/02-molecules/navigation-card/navigation-card.scss +164 -0
  403. package/components/02-molecules/navigation-card/navigation-card.stories.data.js +26 -0
  404. package/components/02-molecules/navigation-card/navigation-card.stories.js +64 -0
  405. package/components/02-molecules/navigation-card/navigation-card.test.js +146 -0
  406. package/components/02-molecules/navigation-card/navigation-card.twig +165 -0
  407. package/components/02-molecules/next-step/__snapshots__/next-step.test.js.snap +331 -0
  408. package/components/02-molecules/next-step/next-step.scss +46 -0
  409. package/components/02-molecules/next-step/next-step.stories.js +61 -0
  410. package/components/02-molecules/next-step/next-step.test.js +74 -0
  411. package/components/02-molecules/next-step/next-step.twig +104 -0
  412. package/components/02-molecules/pagination/__snapshots__/pagination.test.js.snap +863 -0
  413. package/components/02-molecules/pagination/pagination.scss +103 -0
  414. package/components/02-molecules/pagination/pagination.stories.data.js +55 -0
  415. package/components/02-molecules/pagination/pagination.stories.js +56 -0
  416. package/components/02-molecules/pagination/pagination.test.js +121 -0
  417. package/components/02-molecules/pagination/pagination.twig +177 -0
  418. package/components/02-molecules/promo-card/__snapshots__/promo-card.test.js.snap +407 -0
  419. package/components/02-molecules/promo-card/promo-card.scss +149 -0
  420. package/components/02-molecules/promo-card/promo-card.stories.data.js +32 -0
  421. package/components/02-molecules/promo-card/promo-card.stories.js +62 -0
  422. package/components/02-molecules/promo-card/promo-card.test.js +98 -0
  423. package/components/02-molecules/promo-card/promo-card.twig +198 -0
  424. package/components/02-molecules/publication-card/__snapshots__/publication-card.test.js.snap +342 -0
  425. package/components/02-molecules/publication-card/publication-card.scss +148 -0
  426. package/components/02-molecules/publication-card/publication-card.stories.js +83 -0
  427. package/components/02-molecules/publication-card/publication-card.test.js +113 -0
  428. package/components/02-molecules/publication-card/publication-card.twig +162 -0
  429. package/components/02-molecules/search/__snapshots__/search.test.js.snap +161 -0
  430. package/components/02-molecules/search/search.scss +74 -0
  431. package/components/02-molecules/search/search.stories.js +40 -0
  432. package/components/02-molecules/search/search.test.js +58 -0
  433. package/components/02-molecules/search/search.twig +33 -0
  434. package/components/02-molecules/service-card/__snapshots__/service-card.test.js.snap +324 -0
  435. package/components/02-molecules/service-card/service-card.scss +42 -0
  436. package/components/02-molecules/service-card/service-card.stories.js +65 -0
  437. package/components/02-molecules/service-card/service-card.test.js +91 -0
  438. package/components/02-molecules/service-card/service-card.twig +89 -0
  439. package/components/02-molecules/single-filter/__snapshots__/single-filter.test.js.snap +694 -0
  440. package/components/02-molecules/single-filter/single-filter.js +33 -0
  441. package/components/02-molecules/single-filter/single-filter.scss +70 -0
  442. package/components/02-molecules/single-filter/single-filter.stories.data.js +35 -0
  443. package/components/02-molecules/single-filter/single-filter.stories.js +53 -0
  444. package/components/02-molecules/single-filter/single-filter.test.js +102 -0
  445. package/components/02-molecules/single-filter/single-filter.twig +139 -0
  446. package/components/02-molecules/snippet/__snapshots__/snippet.test.js.snap +367 -0
  447. package/components/02-molecules/snippet/snippet.scss +60 -0
  448. package/components/02-molecules/snippet/snippet.stories.data.js +20 -0
  449. package/components/02-molecules/snippet/snippet.stories.js +50 -0
  450. package/components/02-molecules/snippet/snippet.test.js +108 -0
  451. package/components/02-molecules/snippet/snippet.twig +109 -0
  452. package/components/02-molecules/social-links/__snapshots__/social-links.test.js.snap +311 -0
  453. package/components/02-molecules/social-links/social-links.scss +23 -0
  454. package/components/02-molecules/social-links/social-links.stories.js +77 -0
  455. package/components/02-molecules/social-links/social-links.test.js +82 -0
  456. package/components/02-molecules/social-links/social-links.twig +58 -0
  457. package/components/02-molecules/subject-card/__snapshots__/subject-card.test.js.snap +219 -0
  458. package/components/02-molecules/subject-card/subject-card.scss +112 -0
  459. package/components/02-molecules/subject-card/subject-card.stories.js +58 -0
  460. package/components/02-molecules/subject-card/subject-card.test.js +102 -0
  461. package/components/02-molecules/subject-card/subject-card.twig +81 -0
  462. package/components/02-molecules/table-of-contents/table-of-contents.js +152 -0
  463. package/components/02-molecules/table-of-contents/table-of-contents.scss +115 -0
  464. package/components/02-molecules/table-of-contents/table-of-contents.stories.js +88 -0
  465. package/components/02-molecules/table-of-contents/table-of-contents.twig +63 -0
  466. package/components/02-molecules/tabs/__snapshots__/tabs.test.js.snap +346 -0
  467. package/components/02-molecules/tabs/tabs.js +75 -0
  468. package/components/02-molecules/tabs/tabs.scss +66 -0
  469. package/components/02-molecules/tabs/tabs.stories.js +80 -0
  470. package/components/02-molecules/tabs/tabs.test.js +75 -0
  471. package/components/02-molecules/tabs/tabs.twig +81 -0
  472. package/components/02-molecules/tag-list/__snapshots__/tag-list.test.js.snap +255 -0
  473. package/components/02-molecules/tag-list/tag-list.stories.js +53 -0
  474. package/components/02-molecules/tag-list/tag-list.test.js +64 -0
  475. package/components/02-molecules/tag-list/tag-list.twig +68 -0
  476. package/components/02-molecules/tooltip/__snapshots__/tooltip.test.js.snap +321 -0
  477. package/components/02-molecules/tooltip/tooltip.js +143 -0
  478. package/components/02-molecules/tooltip/tooltip.scss +165 -0
  479. package/components/02-molecules/tooltip/tooltip.stories.js +59 -0
  480. package/components/02-molecules/tooltip/tooltip.test.js +59 -0
  481. package/components/02-molecules/tooltip/tooltip.twig +48 -0
  482. package/components/02-molecules/video-player/__snapshots__/video-player.test.js.snap +244 -0
  483. package/components/02-molecules/video-player/video-player.scss +75 -0
  484. package/components/02-molecules/video-player/video-player.stories.js +180 -0
  485. package/components/02-molecules/video-player/video-player.test.js +81 -0
  486. package/components/02-molecules/video-player/video-player.twig +130 -0
  487. package/components/03-organisms/alert/__snapshots__/alert.test.js.snap +356 -0
  488. package/components/03-organisms/alert/alert.js +268 -0
  489. package/components/03-organisms/alert/alert.scss +90 -0
  490. package/components/03-organisms/alert/alert.stories.js +104 -0
  491. package/components/03-organisms/alert/alert.test.js +59 -0
  492. package/components/03-organisms/alert/alert.twig +76 -0
  493. package/components/03-organisms/banner/__snapshots__/banner.test.js.snap +621 -0
  494. package/components/03-organisms/banner/banner.scss +118 -0
  495. package/components/03-organisms/banner/banner.stories.data.js +88 -0
  496. package/components/03-organisms/banner/banner.stories.js +87 -0
  497. package/components/03-organisms/banner/banner.test.js +94 -0
  498. package/components/03-organisms/banner/banner.twig +218 -0
  499. package/components/03-organisms/campaign/__snapshots__/campaign.test.js.snap +489 -0
  500. package/components/03-organisms/campaign/campaign.scss +64 -0
  501. package/components/03-organisms/campaign/campaign.stories.js +92 -0
  502. package/components/03-organisms/campaign/campaign.test.js +81 -0
  503. package/components/03-organisms/campaign/campaign.twig +152 -0
  504. package/components/03-organisms/footer/__snapshots__/footer.test.js.snap +354 -0
  505. package/components/03-organisms/footer/footer.scss +114 -0
  506. package/components/03-organisms/footer/footer.stories.data.js +42 -0
  507. package/components/03-organisms/footer/footer.stories.js +75 -0
  508. package/components/03-organisms/footer/footer.test.js +85 -0
  509. package/components/03-organisms/footer/footer.twig +157 -0
  510. package/components/03-organisms/header/__snapshots__/header.test.js.snap +411 -0
  511. package/components/03-organisms/header/header.scss +59 -0
  512. package/components/03-organisms/header/header.stories.data.js +132 -0
  513. package/components/03-organisms/header/header.stories.js +78 -0
  514. package/components/03-organisms/header/header.test.js +72 -0
  515. package/components/03-organisms/header/header.twig +141 -0
  516. package/components/03-organisms/list/__snapshots__/list.test.js.snap +454 -0
  517. package/components/03-organisms/list/list.scss +83 -0
  518. package/components/03-organisms/list/list.stories.data.js +98 -0
  519. package/components/03-organisms/list/list.stories.js +223 -0
  520. package/components/03-organisms/list/list.test.js +93 -0
  521. package/components/03-organisms/list/list.twig +263 -0
  522. package/components/03-organisms/message/__snapshots__/message.test.js.snap +517 -0
  523. package/components/03-organisms/message/message.scss +69 -0
  524. package/components/03-organisms/message/message.stories.js +58 -0
  525. package/components/03-organisms/message/message.test.js +158 -0
  526. package/components/03-organisms/message/message.twig +69 -0
  527. package/components/03-organisms/mobile-navigation/__snapshots__/mobile-navigation.test.js.snap +928 -0
  528. package/components/03-organisms/mobile-navigation/mobile-navigation-close.twig +31 -0
  529. package/components/03-organisms/mobile-navigation/mobile-navigation-menu.twig +138 -0
  530. package/components/03-organisms/mobile-navigation/mobile-navigation-trigger.twig +28 -0
  531. package/components/03-organisms/mobile-navigation/mobile-navigation.scss +236 -0
  532. package/components/03-organisms/mobile-navigation/mobile-navigation.stories.js +123 -0
  533. package/components/03-organisms/mobile-navigation/mobile-navigation.stories.scss +21 -0
  534. package/components/03-organisms/mobile-navigation/mobile-navigation.test.js +143 -0
  535. package/components/03-organisms/mobile-navigation/mobile-navigation.twig +86 -0
  536. package/components/03-organisms/navigation/__snapshots__/navigation.test.js.snap +561 -0
  537. package/components/03-organisms/navigation/navigation.scss +433 -0
  538. package/components/03-organisms/navigation/navigation.stories.data.js +60 -0
  539. package/components/03-organisms/navigation/navigation.stories.js +58 -0
  540. package/components/03-organisms/navigation/navigation.test.js +122 -0
  541. package/components/03-organisms/navigation/navigation.twig +106 -0
  542. package/components/03-organisms/promo/__snapshots__/promo.test.js.snap +415 -0
  543. package/components/03-organisms/promo/promo.scss +65 -0
  544. package/components/03-organisms/promo/promo.stories.js +70 -0
  545. package/components/03-organisms/promo/promo.test.js +125 -0
  546. package/components/03-organisms/promo/promo.twig +113 -0
  547. package/components/03-organisms/side-navigation/__snapshots__/side-navigation.test.js.snap +393 -0
  548. package/components/03-organisms/side-navigation/side-navigation.scss +215 -0
  549. package/components/03-organisms/side-navigation/side-navigation.stories.data.js +54 -0
  550. package/components/03-organisms/side-navigation/side-navigation.stories.js +39 -0
  551. package/components/03-organisms/side-navigation/side-navigation.test.js +87 -0
  552. package/components/03-organisms/side-navigation/side-navigation.twig +54 -0
  553. package/components/03-organisms/skip-link/__snapshots__/skip-link.test.js.snap +94 -0
  554. package/components/03-organisms/skip-link/skip-link.scss +28 -0
  555. package/components/03-organisms/skip-link/skip-link.stories.js +42 -0
  556. package/components/03-organisms/skip-link/skip-link.test.js +48 -0
  557. package/components/03-organisms/skip-link/skip-link.twig +31 -0
  558. package/components/03-organisms/slider/__snapshots__/slide.test.js.snap +265 -0
  559. package/components/03-organisms/slider/__snapshots__/slider.test.js.snap +638 -0
  560. package/components/03-organisms/slider/slide.test.js +55 -0
  561. package/components/03-organisms/slider/slide.twig +168 -0
  562. package/components/03-organisms/slider/slider.js +159 -0
  563. package/components/03-organisms/slider/slider.scss +158 -0
  564. package/components/03-organisms/slider/slider.stories.js +90 -0
  565. package/components/03-organisms/slider/slider.test.js +84 -0
  566. package/components/03-organisms/slider/slider.twig +116 -0
  567. package/components/03-organisms/webform/__snapshots__/webform.test.js.snap +145 -0
  568. package/components/03-organisms/webform/webform.js +36 -0
  569. package/components/03-organisms/webform/webform.scss +17 -0
  570. package/components/03-organisms/webform/webform.stories.js +45 -0
  571. package/components/03-organisms/webform/webform.test.js +63 -0
  572. package/components/03-organisms/webform/webform.twig +33 -0
  573. package/components/04-templates/event/.gitkeep +0 -0
  574. package/components/04-templates/page/__snapshots__/page.test.js.snap +1503 -0
  575. package/components/04-templates/page/page.scss +11 -0
  576. package/components/04-templates/page/page.stories.data.js +166 -0
  577. package/components/04-templates/page/page.stories.js +163 -0
  578. package/components/04-templates/page/page.test.js +170 -0
  579. package/components/04-templates/page/page.twig +138 -0
  580. package/components/style.css_variables.scss +129 -0
  581. package/components/style.scss +13 -0
  582. package/components/style.stories.scss +15 -0
  583. package/components/variables.base.scss +33 -0
  584. package/components/variables.components.scss +6 -0
  585. package/dist/assets/backgrounds/civictheme_background_1.png +0 -0
  586. package/dist/assets/backgrounds/civictheme_background_2.png +0 -0
  587. package/dist/assets/backgrounds/civictheme_background_3.png +0 -0
  588. package/dist/assets/backgrounds/civictheme_background_4.png +0 -0
  589. package/dist/assets/backgrounds/civictheme_background_5.png +0 -0
  590. package/dist/assets/backgrounds/civictheme_background_6.png +0 -0
  591. package/dist/assets/backgrounds/civictheme_background_7.png +0 -0
  592. package/dist/assets/icons/account.svg +3 -0
  593. package/dist/assets/icons/approve.svg +3 -0
  594. package/dist/assets/icons/bars.svg +3 -0
  595. package/dist/assets/icons/bullet.svg +3 -0
  596. package/dist/assets/icons/calendar-1.svg +3 -0
  597. package/dist/assets/icons/calendar-2.svg +3 -0
  598. package/dist/assets/icons/call.svg +3 -0
  599. package/dist/assets/icons/cancel.svg +3 -0
  600. package/dist/assets/icons/checked.svg +4 -0
  601. package/dist/assets/icons/close-outline.svg +3 -0
  602. package/dist/assets/icons/close.svg +3 -0
  603. package/dist/assets/icons/document.svg +4 -0
  604. package/dist/assets/icons/down-arrow-1.svg +3 -0
  605. package/dist/assets/icons/down-arrow-2.svg +3 -0
  606. package/dist/assets/icons/download-file.svg +3 -0
  607. package/dist/assets/icons/download.svg +3 -0
  608. package/dist/assets/icons/exclamation-mark-1.svg +3 -0
  609. package/dist/assets/icons/exclamation-mark-2.svg +3 -0
  610. package/dist/assets/icons/exclamation-mark-3.svg +3 -0
  611. package/dist/assets/icons/eye.svg +3 -0
  612. package/dist/assets/icons/facebook.svg +3 -0
  613. package/dist/assets/icons/help.svg +3 -0
  614. package/dist/assets/icons/image.svg +5 -0
  615. package/dist/assets/icons/information-mark.svg +3 -0
  616. package/dist/assets/icons/instagram.svg +3 -0
  617. package/dist/assets/icons/layer.svg +4 -0
  618. package/dist/assets/icons/layers.svg +4 -0
  619. package/dist/assets/icons/left-arrow-outline.svg +3 -0
  620. package/dist/assets/icons/left-arrow.svg +3 -0
  621. package/dist/assets/icons/linkedin.svg +3 -0
  622. package/dist/assets/icons/lock-file.svg +4 -0
  623. package/dist/assets/icons/lock-gallery.svg +4 -0
  624. package/dist/assets/icons/magnifier.svg +3 -0
  625. package/dist/assets/icons/map.svg +3 -0
  626. package/dist/assets/icons/megaphone.svg +3 -0
  627. package/dist/assets/icons/message.svg +3 -0
  628. package/dist/assets/icons/mobile.svg +4 -0
  629. package/dist/assets/icons/mortarboard.svg +3 -0
  630. package/dist/assets/icons/newspaper.svg +3 -0
  631. package/dist/assets/icons/open-source.svg +3 -0
  632. package/dist/assets/icons/pdf-file.svg +4 -0
  633. package/dist/assets/icons/progress.svg +3 -0
  634. package/dist/assets/icons/right-arrow-1.svg +3 -0
  635. package/dist/assets/icons/right-arrow-2.svg +3 -0
  636. package/dist/assets/icons/select-box.svg +4 -0
  637. package/dist/assets/icons/share.svg +3 -0
  638. package/dist/assets/icons/square.svg +3 -0
  639. package/dist/assets/icons/to-do.svg +3 -0
  640. package/dist/assets/icons/twitter.svg +3 -0
  641. package/dist/assets/icons/up-arrow.svg +3 -0
  642. package/dist/assets/icons/upper-arrow.svg +3 -0
  643. package/dist/assets/icons/upper-right-arrow.svg +3 -0
  644. package/dist/assets/icons/users.svg +4 -0
  645. package/dist/assets/icons/watch.svg +3 -0
  646. package/dist/assets/icons/water-drop.svg +4 -0
  647. package/dist/assets/icons/web.svg +4 -0
  648. package/dist/assets/icons/word-file.svg +4 -0
  649. package/dist/assets/icons/x.svg +3 -0
  650. package/dist/assets/icons/youtube.svg +3 -0
  651. package/dist/assets/logos/logo_custom_light_desktop_civictheme.svg +32 -0
  652. package/dist/assets/logos/logo_custom_light_mobile_civictheme.svg +32 -0
  653. package/dist/assets/logos/logo_primary_dark_desktop.png +0 -0
  654. package/dist/assets/logos/logo_primary_dark_mobile.png +0 -0
  655. package/dist/assets/logos/logo_primary_light_desktop.png +0 -0
  656. package/dist/assets/logos/logo_primary_light_mobile.png +0 -0
  657. package/dist/assets/logos/logo_secondary_dark_desktop.png +0 -0
  658. package/dist/assets/logos/logo_secondary_dark_mobile.png +0 -0
  659. package/dist/assets/logos/logo_secondary_light_desktop.png +0 -0
  660. package/dist/assets/logos/logo_secondary_light_mobile.png +0 -0
  661. package/dist/civictheme.css +12303 -0
  662. package/dist/civictheme.stories.css +2807 -0
  663. package/dist/civictheme.storybook.css +12303 -0
  664. package/dist/civictheme.storybook.js +4122 -0
  665. package/dist/civictheme.variables.css +1148 -0
  666. package/dist/constants.json +1562 -0
  667. package/package.json +80 -0
package/dist/civictheme.variables.css ADDED
@@ -0,0 +1,1148 @@
1
+ html {
2
+ --ct-color-light-heading: #002a39;
3
+ --ct-color-light-body: #33444a;
4
+ --ct-color-light-background-light: #fdfdfd;
5
+ --ct-color-light-background: #e6e9eb;
6
+ --ct-color-light-background-dark: #b8babc;
7
+ --ct-color-light-border-light: #adafb0;
8
+ --ct-color-light-border: #5c5d5e;
9
+ --ct-color-light-border-dark: #171718;
10
+ --ct-color-light-interaction-text: #fafbfb;
11
+ --ct-color-light-interaction-background: #00698f;
12
+ --ct-color-light-interaction-hover-text: #fafbfb;
13
+ --ct-color-light-interaction-hover-background: #003f56;
14
+ --ct-color-light-interaction-focus: #8b5cd7;
15
+ --ct-color-light-highlight: #121313;
16
+ --ct-color-light-information: #007cbf;
17
+ --ct-color-light-warning: #c95100;
18
+ --ct-color-light-error: #ce3836;
19
+ --ct-color-light-success: #008482;
20
+ --ct-color-light-brand1: #00698f;
21
+ --ct-color-light-brand2: #e6e9eb;
22
+ --ct-color-light-brand3: #121313;
23
+ --ct-color-dark-heading: #f7fdff;
24
+ --ct-color-dark-body: #e7f9ff;
25
+ --ct-color-dark-background-light: #0d4458;
26
+ --ct-color-dark-background: #003a4f;
27
+ --ct-color-dark-background-dark: #002937;
28
+ --ct-color-dark-border-light: #a6bac1;
29
+ --ct-color-dark-border: #1a4e61;
30
+ --ct-color-dark-border-dark: #002937;
31
+ --ct-color-dark-interaction-text: #003a4f;
32
+ --ct-color-dark-interaction-background: #61daff;
33
+ --ct-color-dark-interaction-hover-text: #002937;
34
+ --ct-color-dark-interaction-hover-background: #a0e9ff;
35
+ --ct-color-dark-interaction-focus: #8b5cd7;
36
+ --ct-color-dark-highlight: #00698f;
37
+ --ct-color-dark-information: #4cc4fc;
38
+ --ct-color-dark-warning: #e38444;
39
+ --ct-color-dark-error: #e85653;
40
+ --ct-color-dark-success: #12b0ae;
41
+ --ct-color-dark-brand1: #61daff;
42
+ --ct-color-dark-brand2: #003a4f;
43
+ --ct-color-dark-brand3: #00698f;
44
+ --ct-typography-display-font-size: 2rem;
45
+ --ct-typography-display-line-height: 2.5rem;
46
+ --ct-typography-display-font-name: "Lexend", sans-serif;
47
+ --ct-typography-display-font-weight: 700;
48
+ --ct-typography-display-letter-spacing: -0.03px;
49
+ --ct-typography-heading-1-font-size: 2rem;
50
+ --ct-typography-heading-1-line-height: 2.5rem;
51
+ --ct-typography-heading-1-font-name: "Lexend", sans-serif;
52
+ --ct-typography-heading-1-font-weight: 700;
53
+ --ct-typography-heading-1-letter-spacing: -0.6px;
54
+ --ct-typography-heading-2-font-size: 1.75rem;
55
+ --ct-typography-heading-2-line-height: 2.25rem;
56
+ --ct-typography-heading-2-font-name: "Lexend", sans-serif;
57
+ --ct-typography-heading-2-font-weight: 700;
58
+ --ct-typography-heading-2-letter-spacing: -0.5px;
59
+ --ct-typography-heading-3-font-size: 1.5rem;
60
+ --ct-typography-heading-3-line-height: 2rem;
61
+ --ct-typography-heading-3-font-name: "Lexend", sans-serif;
62
+ --ct-typography-heading-3-font-weight: 700;
63
+ --ct-typography-heading-3-letter-spacing: -0.35px;
64
+ --ct-typography-heading-4-font-size: 1.25rem;
65
+ --ct-typography-heading-4-line-height: 1.5rem;
66
+ --ct-typography-heading-4-font-name: "Lexend", sans-serif;
67
+ --ct-typography-heading-4-font-weight: 700;
68
+ --ct-typography-heading-4-letter-spacing: -0.25px;
69
+ --ct-typography-heading-5-font-size: 1rem;
70
+ --ct-typography-heading-5-line-height: 1.375rem;
71
+ --ct-typography-heading-5-font-name: "Lexend", sans-serif;
72
+ --ct-typography-heading-5-font-weight: 700;
73
+ --ct-typography-heading-5-letter-spacing: 0;
74
+ --ct-typography-heading-6-font-size: 1rem;
75
+ --ct-typography-heading-6-line-height: 1.625rem;
76
+ --ct-typography-heading-6-font-name: "Lexend", sans-serif;
77
+ --ct-typography-heading-6-font-weight: 700;
78
+ --ct-typography-heading-6-letter-spacing: 0;
79
+ --ct-typography-text-extra-large-font-size: 1.25rem;
80
+ --ct-typography-text-extra-large-line-height: 1.5rem;
81
+ --ct-typography-text-extra-large-font-name: "Lexend", sans-serif;
82
+ --ct-typography-text-extra-large-font-weight: 400;
83
+ --ct-typography-text-extra-large-letter-spacing: -0.1px;
84
+ --ct-typography-text-large-font-size: 1.125rem;
85
+ --ct-typography-text-large-line-height: 1.75rem;
86
+ --ct-typography-text-large-font-name: "Lexend", sans-serif;
87
+ --ct-typography-text-large-font-weight: 400;
88
+ --ct-typography-text-large-letter-spacing: 0;
89
+ --ct-typography-text-regular-font-size: 0.875rem;
90
+ --ct-typography-text-regular-line-height: 1.5rem;
91
+ --ct-typography-text-regular-font-name: "Lexend", sans-serif;
92
+ --ct-typography-text-regular-font-weight: 400;
93
+ --ct-typography-text-regular-letter-spacing: 0;
94
+ --ct-typography-text-small-font-size: 0.75rem;
95
+ --ct-typography-text-small-line-height: 1.25rem;
96
+ --ct-typography-text-small-font-name: "Lexend", sans-serif;
97
+ --ct-typography-text-small-font-weight: 400;
98
+ --ct-typography-text-small-letter-spacing: 0;
99
+ --ct-typography-label-extra-large-font-size: 1.25rem;
100
+ --ct-typography-label-extra-large-line-height: 1.5rem;
101
+ --ct-typography-label-extra-large-font-name: "Lexend", sans-serif;
102
+ --ct-typography-label-extra-large-font-weight: 600;
103
+ --ct-typography-label-extra-large-letter-spacing: -0.1px;
104
+ --ct-typography-label-large-font-size: 1.125rem;
105
+ --ct-typography-label-large-line-height: 1.5rem;
106
+ --ct-typography-label-large-font-name: "Lexend", sans-serif;
107
+ --ct-typography-label-large-font-weight: 600;
108
+ --ct-typography-label-large-letter-spacing: -0.1px;
109
+ --ct-typography-label-regular-font-size: 1rem;
110
+ --ct-typography-label-regular-line-height: 1.25rem;
111
+ --ct-typography-label-regular-font-name: "Lexend", sans-serif;
112
+ --ct-typography-label-regular-font-weight: 600;
113
+ --ct-typography-label-regular-letter-spacing: -0.1px;
114
+ --ct-typography-label-small-font-size: 1rem;
115
+ --ct-typography-label-small-line-height: 1.25rem;
116
+ --ct-typography-label-small-font-name: "Lexend", sans-serif;
117
+ --ct-typography-label-small-font-weight: 400;
118
+ --ct-typography-label-small-letter-spacing: -0.1px;
119
+ --ct-typography-label-extra-small-font-size: 0.875rem;
120
+ --ct-typography-label-extra-small-line-height: 1.25rem;
121
+ --ct-typography-label-extra-small-font-name: "Lexend", sans-serif;
122
+ --ct-typography-label-extra-small-font-weight: 400;
123
+ --ct-typography-label-extra-small-letter-spacing: -0.1px;
124
+ --ct-typography-quote-font-size: 1.125rem;
125
+ --ct-typography-quote-line-height: 1.815rem;
126
+ --ct-typography-quote-font-name: "Lexend", sans-serif;
127
+ --ct-typography-quote-font-weight: 400;
128
+ --ct-typography-quote-letter-spacing: -0.15px;
129
+ --ct-font-average-character-width: 0.25;
130
+ --ct-flyout-duration: 0.5s;
131
+ --ct-flyout-zindex: 1000;
132
+ --ct-border-radius: 0.25rem;
133
+ --ct-stripe-size: 0.375rem;
134
+ --ct-outline-offset: 0;
135
+ --ct-outline-width: 0.1875rem;
136
+ --ct-outline-border-radius: 0.25rem;
137
+ --ct-outline-light: var(--ct-color-light-interaction-focus);
138
+ --ct-outline-dark: var(--ct-color-dark-interaction-focus);
139
+ --ct-chip-border-width: 0.0625rem;
140
+ --ct-chip-light-background-color: var(--ct-color-light-interaction-text);
141
+ --ct-chip-light-border-color: var(--ct-color-light-interaction-background);
142
+ --ct-chip-light-color: var(--ct-color-light-interaction-background);
143
+ --ct-chip-light-selected-background-color: var(--ct-color-light-interaction-background);
144
+ --ct-chip-light-selected-border-color: var(--ct-color-light-interaction-background);
145
+ --ct-chip-light-selected-color: var(--ct-color-light-interaction-hover-text);
146
+ --ct-chip-light-selected-hover-color: var(--ct-color-light-interaction-text);
147
+ --ct-chip-light-selected-hover-background-color: var(--ct-color-light-interaction-hover-background);
148
+ --ct-chip-light-selected-hover-border-color: var(--ct-color-light-interaction-hover-background);
149
+ --ct-chip-light-hover-background-color: var(--ct-color-light-interaction-text);
150
+ --ct-chip-light-hover-color: var(--ct-color-light-interaction-hover-background);
151
+ --ct-chip-light-hover-border-color: var(--ct-color-light-interaction-hover-background);
152
+ --ct-chip-light-focus-outline-color: var(--ct-color-light-interaction-focus);
153
+ --ct-chip-dark-background-color: var(--ct-color-dark-interaction-text);
154
+ --ct-chip-dark-border-color: var(--ct-color-dark-interaction-background);
155
+ --ct-chip-dark-color: var(--ct-color-dark-interaction-background);
156
+ --ct-chip-dark-selected-background-color: var(--ct-color-dark-interaction-background);
157
+ --ct-chip-dark-selected-border-color: var(--ct-color-dark-interaction-background);
158
+ --ct-chip-dark-selected-color: var(--ct-color-dark-interaction-hover-text);
159
+ --ct-chip-dark-selected-hover-color: var(--ct-color-dark-interaction-text);
160
+ --ct-chip-dark-selected-hover-background-color: var(--ct-color-dark-interaction-hover-background);
161
+ --ct-chip-dark-selected-hover-border-color: var(--ct-color-dark-interaction-hover-background);
162
+ --ct-chip-dark-hover-background-color: var(--ct-color-dark-interaction-text);
163
+ --ct-chip-dark-hover-color: var(--ct-color-dark-interaction-hover-background);
164
+ --ct-chip-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background);
165
+ --ct-chip-dark-focus-outline-color: var(--ct-color-dark-interaction-focus);
166
+ --ct-content-link-light-color: var(--ct-color-light-interaction-background);
167
+ --ct-content-link-light-hover-background-color: var(--ct-color-light-interaction-hover-background);
168
+ --ct-content-link-light-hover-color: var(--ct-color-light-interaction-hover-text);
169
+ --ct-content-link-light-visited-color: var(--ct-color-light-body);
170
+ --ct-content-link-light-visited-hover-color: var(--ct-color-light-interaction-hover-text);
171
+ --ct-content-link-dark-color: var(--ct-color-dark-interaction-background);
172
+ --ct-content-link-dark-hover-background-color: var(--ct-color-dark-interaction-hover-background);
173
+ --ct-content-link-dark-hover-color: var(--ct-color-dark-interaction-hover-text);
174
+ --ct-content-link-dark-visited-color: var(--ct-color-dark-body);
175
+ --ct-content-link-dark-visited-hover-color: var(--ct-color-dark-interaction-hover-text);
176
+ --ct-heading-light-color: var(--ct-color-light-heading);
177
+ --ct-heading-dark-color: var(--ct-color-dark-heading);
178
+ --ct-iframe-space-horizontal: 3.5rem;
179
+ --ct-iframe-light-wrapper-background-color: var(--ct-color-light-background-light);
180
+ --ct-iframe-dark-wrapper-background-color: var(--ct-color-dark-background-light);
181
+ --ct-link-light-color: var(--ct-color-light-interaction-background);
182
+ --ct-link-light-hover-color: var(--ct-color-light-interaction-hover-background);
183
+ --ct-link-light-visited-color: var(--ct-color-light-interaction-background);
184
+ --ct-link-light-active-color: var(--ct-color-light-body);
185
+ --ct-link-dark-color: var(--ct-color-dark-interaction-background);
186
+ --ct-link-dark-hover-color: var(--ct-color-dark-interaction-hover-background);
187
+ --ct-link-dark-visited-color: var(--ct-color-dark-interaction-background);
188
+ --ct-link-dark-active-color: var(--ct-color-dark-body);
189
+ --ct-popover-min-width: 17.5rem;
190
+ --ct-popover-description-border-radius: 0.25rem;
191
+ --ct-popover-z-index: 99;
192
+ --ct-popover-top-offset: 1rem;
193
+ --ct-popover-light-content-background-color: var(--ct-color-light-background-light);
194
+ --ct-popover-dark-content-background-color: var(--ct-color-dark-background);
195
+ --ct-table-cell-vertical-align: top;
196
+ --ct-table-light-background-color: var(--ct-color-light-background-light);
197
+ --ct-table-light-border-color: var(--ct-color-light-border);
198
+ --ct-table-light-caption-color: var(--ct-color-light-body);
199
+ --ct-table-light-color: var(--ct-color-light-body);
200
+ --ct-table-light-footer-border-color: var(--ct-color-light-border);
201
+ --ct-table-light-footer-color: var(--ct-color-light-heading);
202
+ --ct-table-light-header-border-color: var(--ct-color-light-border);
203
+ --ct-table-light-header-color: var(--ct-color-light-heading);
204
+ --ct-table-light-row-even-background-color: var(--ct-color-light-background);
205
+ --ct-table-light-row-even-color: var(--ct-color-light-body);
206
+ --ct-table-light-row-odd-background-color: var(--ct-color-light-background-light);
207
+ --ct-table-light-row-odd-color: var(--ct-color-light-body);
208
+ --ct-table-dark-background-color: var(--ct-color-dark-background);
209
+ --ct-table-dark-border-color: var(--ct-color-dark-border);
210
+ --ct-table-dark-caption-color: var(--ct-color-dark-body);
211
+ --ct-table-dark-color: var(--ct-color-dark-body);
212
+ --ct-table-dark-footer-border-color: var(--ct-color-dark-border);
213
+ --ct-table-dark-footer-color: var(--ct-color-dark-heading);
214
+ --ct-table-dark-header-border-color: var(--ct-color-dark-border);
215
+ --ct-table-dark-header-color: var(--ct-color-dark-heading);
216
+ --ct-table-dark-row-even-background-color: var(--ct-color-dark-background-light);
217
+ --ct-table-dark-row-even-color: var(--ct-color-dark-body);
218
+ --ct-table-dark-row-odd-background-color: var(--ct-color-dark-background);
219
+ --ct-table-dark-row-odd-color: var(--ct-color-dark-body);
220
+ --ct-tag-border-radius: 0.25rem;
221
+ --ct-tag-border-width: 0.0625rem;
222
+ --ct-tag-light-primary-background-color: var(--ct-color-light-interaction-background);
223
+ --ct-tag-light-primary-border-color: var(--ct-color-light-interaction-background);
224
+ --ct-tag-light-primary-color: var(--ct-color-light-interaction-text);
225
+ --ct-tag-light-secondary-background-color: transparent;
226
+ --ct-tag-light-secondary-border-color: var(--ct-color-light-interaction-background);
227
+ --ct-tag-light-secondary-color: var(--ct-color-light-interaction-background);
228
+ --ct-tag-light-tertiary-background-color: transparent;
229
+ --ct-tag-light-tertiary-border-color: transparent;
230
+ --ct-tag-light-tertiary-color: var(--ct-color-light-interaction-background);
231
+ --ct-tag-dark-primary-background-color: var(--ct-color-dark-interaction-background);
232
+ --ct-tag-dark-primary-border-color: var(--ct-color-dark-interaction-background);
233
+ --ct-tag-dark-primary-color: var(--ct-color-dark-interaction-text);
234
+ --ct-tag-dark-secondary-background-color: transparent;
235
+ --ct-tag-dark-secondary-border-color: var(--ct-color-dark-interaction-background);
236
+ --ct-tag-dark-secondary-color: var(--ct-color-dark-interaction-background);
237
+ --ct-tag-dark-tertiary-background-color: transparent;
238
+ --ct-tag-dark-tertiary-border-color: transparent;
239
+ --ct-tag-dark-tertiary-color: var(--ct-color-dark-interaction-background);
240
+ --ct-video-ratio-width: 16;
241
+ --ct-video-ratio-height: 9;
242
+ --ct-button-border-radius: 0.25rem;
243
+ --ct-button-border-width: 0.125rem;
244
+ --ct-button-outline-offset: 0.125rem;
245
+ --ct-button-outline-width: 0.1875rem;
246
+ --ct-button-animation-duration: 0.25s;
247
+ --ct-button-light-primary-background-color: var(--ct-color-light-interaction-background);
248
+ --ct-button-light-primary-border-color: var(--ct-color-light-interaction-background);
249
+ --ct-button-light-primary-color: var(--ct-color-light-interaction-text);
250
+ --ct-button-light-primary-hover-background-color: var(--ct-color-light-interaction-hover-background);
251
+ --ct-button-light-primary-hover-border-color: var(--ct-color-light-interaction-hover-background);
252
+ --ct-button-light-primary-hover-color: var(--ct-color-light-interaction-hover-text);
253
+ --ct-button-light-primary-active-background-color: var(--ct-color-light-interaction-hover-background);
254
+ --ct-button-light-primary-active-border-color: var(--ct-color-light-interaction-hover-background);
255
+ --ct-button-light-primary-active-color: var(--ct-color-light-interaction-hover-text);
256
+ --ct-button-light-primary-focus-outline-color: var(--ct-color-light-interaction-focus);
257
+ --ct-button-dark-primary-background-color: var(--ct-color-dark-interaction-background);
258
+ --ct-button-dark-primary-border-color: var(--ct-color-dark-interaction-background);
259
+ --ct-button-dark-primary-color: var(--ct-color-dark-interaction-text);
260
+ --ct-button-dark-primary-hover-background-color: var(--ct-color-dark-interaction-hover-background);
261
+ --ct-button-dark-primary-hover-border-color: var(--ct-color-dark-interaction-hover-background);
262
+ --ct-button-dark-primary-hover-color: var(--ct-color-dark-interaction-hover-text);
263
+ --ct-button-dark-primary-active-background-color: var(--ct-color-dark-interaction-hover-background);
264
+ --ct-button-dark-primary-active-border-color: var(--ct-color-dark-interaction-hover-background);
265
+ --ct-button-dark-primary-active-color: var(--ct-color-dark-interaction-hover-text);
266
+ --ct-button-dark-primary-focus-outline-color: var(--ct-color-dark-interaction-focus);
267
+ --ct-button-light-secondary-background-color: transparent;
268
+ --ct-button-light-secondary-border-color: var(--ct-color-light-interaction-background);
269
+ --ct-button-light-secondary-color: var(--ct-color-light-interaction-background);
270
+ --ct-button-light-secondary-hover-background-color: transparent;
271
+ --ct-button-light-secondary-hover-border-color: var(--ct-color-light-interaction-hover-background);
272
+ --ct-button-light-secondary-hover-color: var(--ct-color-light-interaction-hover-background);
273
+ --ct-button-light-secondary-active-background-color: transparent;
274
+ --ct-button-light-secondary-active-border-color: var(--ct-color-light-interaction-hover-background);
275
+ --ct-button-light-secondary-active-color: var(--ct-color-light-interaction-hover-background);
276
+ --ct-button-light-secondary-focus-outline-color: var(--ct-color-light-interaction-focus);
277
+ --ct-button-dark-secondary-background-color: transparent;
278
+ --ct-button-dark-secondary-border-color: var(--ct-color-dark-interaction-background);
279
+ --ct-button-dark-secondary-color: var(--ct-color-dark-interaction-background);
280
+ --ct-button-dark-secondary-hover-background-color: transparent;
281
+ --ct-button-dark-secondary-hover-border-color: var(--ct-color-dark-interaction-hover-background);
282
+ --ct-button-dark-secondary-hover-color: var(--ct-color-dark-interaction-hover-background);
283
+ --ct-button-dark-secondary-active-background-color: transparent;
284
+ --ct-button-dark-secondary-active-border-color: var(--ct-color-dark-interaction-hover-background);
285
+ --ct-button-dark-secondary-active-color: var(--ct-color-dark-interaction-hover-background);
286
+ --ct-button-dark-secondary-focus-outline-color: var(--ct-color-dark-interaction-focus);
287
+ --ct-button-light-tertiary-background-color: transparent;
288
+ --ct-button-light-tertiary-border-color: transparent;
289
+ --ct-button-light-tertiary-color: var(--ct-color-light-interaction-background);
290
+ --ct-button-light-tertiary-hover-background-color: transparent;
291
+ --ct-button-light-tertiary-hover-border-color: transparent;
292
+ --ct-button-light-tertiary-hover-color: var(--ct-color-light-interaction-hover-background);
293
+ --ct-button-light-tertiary-active-background-color: transparent;
294
+ --ct-button-light-tertiary-active-border-color: transparent;
295
+ --ct-button-light-tertiary-active-color: var(--ct-color-light-interaction-hover-background);
296
+ --ct-button-light-tertiary-focus-outline-color: var(--ct-color-light-interaction-focus);
297
+ --ct-button-dark-tertiary-background-color: transparent;
298
+ --ct-button-dark-tertiary-border-color: transparent;
299
+ --ct-button-dark-tertiary-color: var(--ct-color-dark-interaction-background);
300
+ --ct-button-dark-tertiary-hover-background-color: transparent;
301
+ --ct-button-dark-tertiary-hover-border-color: transparent;
302
+ --ct-button-dark-tertiary-hover-color: var(--ct-color-dark-interaction-hover-background);
303
+ --ct-button-dark-tertiary-active-background-color: transparent;
304
+ --ct-button-dark-tertiary-active-border-color: transparent;
305
+ --ct-button-dark-tertiary-active-color: var(--ct-color-dark-interaction-hover-background);
306
+ --ct-button-dark-tertiary-focus-outline-color: var(--ct-color-dark-interaction-focus);
307
+ --ct-checkbox-border-radius: 0.25rem;
308
+ --ct-checkbox-animation-duration: 0.1s;
309
+ --ct-checkbox-disabled-opacity: 40%;
310
+ --ct-checkbox-outline-width: 2px;
311
+ --ct-checkbox-outline-offset: 2px;
312
+ --ct-checkbox-light-background-color: transparent;
313
+ --ct-checkbox-light-border-color: var(--ct-color-light-border-light);
314
+ --ct-checkbox-light-color: var(--ct-color-light-body);
315
+ --ct-checkbox-light-hover-background-color: transparent;
316
+ --ct-checkbox-light-hover-border-color: var(--ct-color-light-interaction-hover-background);
317
+ --ct-checkbox-light-hover-color: var(--ct-color-light-body);
318
+ --ct-checkbox-light-checked-background-color: transparent;
319
+ --ct-checkbox-light-checked-border-color: var(--ct-color-light-interaction-background);
320
+ --ct-checkbox-light-checked-color: var(--ct-color-light-body);
321
+ --ct-checkbox-light-checked-hover-background-color: transparent;
322
+ --ct-checkbox-light-checked-hover-border-color: var(--ct-color-light-interaction-hover-background);
323
+ --ct-checkbox-light-checked-hover-color: var(--ct-color-light-body);
324
+ --ct-checkbox-light-invalid-background-color: transparent;
325
+ --ct-checkbox-light-invalid-border-color: var(--ct-color-light-error);
326
+ --ct-checkbox-light-invalid-color: var(--ct-color-light-error);
327
+ --ct-checkbox-light-outline-color: var(--ct-color-light-interaction-focus);
328
+ --ct-checkbox-dark-background-color: transparent;
329
+ --ct-checkbox-dark-border-color: var(--ct-color-dark-border-light);
330
+ --ct-checkbox-dark-color: var(--ct-color-dark-body);
331
+ --ct-checkbox-dark-hover-background-color: transparent;
332
+ --ct-checkbox-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background);
333
+ --ct-checkbox-dark-hover-color: var(--ct-color-dark-body);
334
+ --ct-checkbox-dark-checked-background-color: transparent;
335
+ --ct-checkbox-dark-checked-border-color: var(--ct-color-dark-interaction-background);
336
+ --ct-checkbox-dark-checked-color: var(--ct-color-dark-body);
337
+ --ct-checkbox-dark-checked-hover-background-color: transparent;
338
+ --ct-checkbox-dark-checked-hover-border-color: var(--ct-color-dark-interaction-hover-background);
339
+ --ct-checkbox-dark-checked-hover-color: var(--ct-color-dark-body);
340
+ --ct-checkbox-dark-invalid-background-color: transparent;
341
+ --ct-checkbox-dark-invalid-border-color: var(--ct-color-dark-error);
342
+ --ct-checkbox-dark-invalid-color: var(--ct-color-dark-error);
343
+ --ct-checkbox-dark-outline-color: var(--ct-color-dark-interaction-focus);
344
+ --ct-field-description-light-color: var(--ct-color-light-body);
345
+ --ct-field-description-dark-color: var(--ct-color-dark-body);
346
+ --ct-field-message-border-radius: 0.25rem;
347
+ --ct-field-message-light-error-background-color: #f5d7d7;
348
+ --ct-field-message-light-error-border-color: var(--ct-color-light-error);
349
+ --ct-field-message-light-error-color: var(--ct-color-light-body);
350
+ --ct-field-message-light-error-icon-color: var(--ct-color-light-body);
351
+ --ct-field-message-light-information-background-color: #cce5f2;
352
+ --ct-field-message-light-information-border-color: var(--ct-color-light-information);
353
+ --ct-field-message-light-information-color: var(--ct-color-light-body);
354
+ --ct-field-message-light-information-icon-color: var(--ct-color-light-body);
355
+ --ct-field-message-light-success-border-color: var(--ct-color-light-success);
356
+ --ct-field-message-light-success-background-color: #cce6e6;
357
+ --ct-field-message-light-success-color: var(--ct-color-light-body);
358
+ --ct-field-message-light-success-icon-color: var(--ct-color-light-body);
359
+ --ct-field-message-light-warning-background-color: #f4dccc;
360
+ --ct-field-message-light-warning-border-color: var(--ct-color-light-warning);
361
+ --ct-field-message-light-warning-color: var(--ct-color-light-body);
362
+ --ct-field-message-light-warning-icon-color: var(--ct-color-light-body);
363
+ --ct-field-message-dark-error-background-color: #ba4542;
364
+ --ct-field-message-dark-error-border-color: var(--ct-color-dark-error);
365
+ --ct-field-message-dark-error-color: var(--ct-color-dark-body);
366
+ --ct-field-message-dark-error-icon-color: var(--ct-color-dark-body);
367
+ --ct-field-message-dark-information-background-color: #2e789a;
368
+ --ct-field-message-dark-information-border-color: var(--ct-color-dark-information);
369
+ --ct-field-message-dark-information-color: var(--ct-color-dark-body);
370
+ --ct-field-message-dark-information-icon-color: var(--ct-color-dark-body);
371
+ --ct-field-message-dark-success-border-color: var(--ct-color-dark-success);
372
+ --ct-field-message-dark-success-background-color: #0d7b7a;
373
+ --ct-field-message-dark-success-color: var(--ct-color-dark-body);
374
+ --ct-field-message-dark-success-icon-color: var(--ct-color-dark-body);
375
+ --ct-field-message-dark-warning-background-color: #a35f31;
376
+ --ct-field-message-dark-warning-border-color: var(--ct-color-dark-warning);
377
+ --ct-field-message-dark-warning-color: var(--ct-color-dark-body);
378
+ --ct-field-message-dark-warning-icon-color: var(--ct-color-dark-body);
379
+ --ct-fieldset-stripe-width: var(--ct-stripe-size);
380
+ --ct-fieldset-light-stripe-border-color: var(--ct-color-light-highlight);
381
+ --ct-fieldset-dark-stripe-border-color: var(--ct-color-dark-highlight);
382
+ --ct-input-border-radius: 0.25rem;
383
+ --ct-input-outline-width: 2px;
384
+ --ct-input-outline-offset: 2px;
385
+ --ct-input-disabled-opacity: 40%;
386
+ --ct-input-light-background-color: var(--ct-color-light-background-light);
387
+ --ct-input-light-border-color: var(--ct-color-light-border);
388
+ --ct-input-light-color: var(--ct-color-light-body);
389
+ --ct-input-light-hover-background-color: var(--ct-color-light-background-light);
390
+ --ct-input-light-hover-border-color: var(--ct-color-light-interaction-hover-background);
391
+ --ct-input-light-hover-color: var(--ct-color-light-body);
392
+ --ct-input-light-focus-background-color: var(--ct-color-light-background-light);
393
+ --ct-input-light-focus-border-color: var(--ct-color-light-interaction-background);
394
+ --ct-input-light-focus-color: var(--ct-color-light-body);
395
+ --ct-input-light-invalid-background-color: var(--ct-color-light-background-light);
396
+ --ct-input-light-invalid-border-color: var(--ct-color-light-error);
397
+ --ct-input-light-invalid-color: var(--ct-color-light-body);
398
+ --ct-input-light-outline-color: var(--ct-color-light-interaction-focus);
399
+ --ct-input-dark-background-color: var(--ct-color-dark-background-dark);
400
+ --ct-input-dark-border-color: var(--ct-color-dark-border-light);
401
+ --ct-input-dark-color: var(--ct-color-dark-body);
402
+ --ct-input-dark-hover-background-color: var(--ct-color-dark-background-dark);
403
+ --ct-input-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background);
404
+ --ct-input-dark-hover-color: var(--ct-color-dark-body);
405
+ --ct-input-dark-focus-background-color: var(--ct-color-dark-background);
406
+ --ct-input-dark-focus-border-color: var(--ct-color-dark-interaction-background);
407
+ --ct-input-dark-focus-color: var(--ct-color-dark-body);
408
+ --ct-input-dark-invalid-background-color: var(--ct-color-dark-background-dark);
409
+ --ct-input-dark-invalid-border-color: var(--ct-color-dark-error);
410
+ --ct-input-dark-invalid-color: var(--ct-color-dark-body);
411
+ --ct-input-dark-outline-color: var(--ct-color-dark-interaction-focus);
412
+ --ct-label-light-color: var(--ct-color-light-heading);
413
+ --ct-label-light-required-color: var(--ct-color-light-error);
414
+ --ct-label-dark-color: var(--ct-color-dark-heading);
415
+ --ct-label-dark-required-color: var(--ct-color-dark-error);
416
+ --ct-radio-disabled-opacity: 40%;
417
+ --ct-radio-animation-duration: 0.1s;
418
+ --ct-radio-outline-width: 2px;
419
+ --ct-radio-outline-offset: 2px;
420
+ --ct-radio-light-background-color: transparent;
421
+ --ct-radio-light-border-color: var(--ct-color-light-border-light);
422
+ --ct-radio-light-color: var(--ct-color-light-body);
423
+ --ct-radio-light-hover-background-color: transparent;
424
+ --ct-radio-light-hover-border-color: var(--ct-color-light-interaction-hover-background);
425
+ --ct-radio-light-hover-color: var(--ct-color-light-body);
426
+ --ct-radio-light-checked-background-color: transparent;
427
+ --ct-radio-light-checked-border-color: var(--ct-color-light-interaction-background);
428
+ --ct-radio-light-checked-color: var(--ct-color-light-body);
429
+ --ct-radio-light-checked-hover-background-color: transparent;
430
+ --ct-radio-light-checked-hover-border-color: var(--ct-color-light-interaction-hover-background);
431
+ --ct-radio-light-checked-hover-color: var(--ct-color-light-body);
432
+ --ct-radio-light-invalid-background-color: transparent;
433
+ --ct-radio-light-invalid-border-color: var(--ct-color-light-error);
434
+ --ct-radio-light-invalid-color: var(--ct-color-light-error);
435
+ --ct-radio-light-outline-color: var(--ct-color-light-interaction-focus);
436
+ --ct-radio-dark-background-color: transparent;
437
+ --ct-radio-dark-border-color: var(--ct-color-dark-border-light);
438
+ --ct-radio-dark-color: var(--ct-color-dark-body);
439
+ --ct-radio-dark-hover-background-color: transparent;
440
+ --ct-radio-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background);
441
+ --ct-radio-dark-hover-color: var(--ct-color-dark-body);
442
+ --ct-radio-dark-checked-background-color: transparent;
443
+ --ct-radio-dark-checked-border-color: var(--ct-color-dark-interaction-background);
444
+ --ct-radio-dark-checked-color: var(--ct-color-dark-body);
445
+ --ct-radio-dark-checked-hover-background-color: transparent;
446
+ --ct-radio-dark-checked-hover-border-color: var(--ct-color-dark-interaction-hover-background);
447
+ --ct-radio-dark-checked-hover-color: var(--ct-color-dark-body);
448
+ --ct-radio-dark-invalid-background-color: transparent;
449
+ --ct-radio-dark-invalid-border-color: var(--ct-color-dark-error);
450
+ --ct-radio-dark-invalid-color: var(--ct-color-dark-error);
451
+ --ct-radio-dark-outline-color: var(--ct-color-dark-interaction-focus);
452
+ --ct-select-border-radius: 0.25rem;
453
+ --ct-select-outline-width: 2px;
454
+ --ct-select-outline-offset: 2px;
455
+ --ct-select-disabled-opacity: 40%;
456
+ --ct-select-light-background-color: var(--ct-color-light-background-light);
457
+ --ct-select-light-border-color: var(--ct-color-light-border);
458
+ --ct-select-light-color: var(--ct-color-light-body);
459
+ --ct-select-light-option-background-color: var(--ct-color-light-background);
460
+ --ct-select-light-option-color: inherit;
461
+ --ct-select-light-hover-background-color: var(--ct-color-light-background-light);
462
+ --ct-select-light-hover-border-color: var(--ct-color-light-interaction-hover-background);
463
+ --ct-select-light-hover-color: var(--ct-color-light-body);
464
+ --ct-select-light-focus-background-color: var(--ct-color-light-background-light);
465
+ --ct-select-light-focus-border-color: var(--ct-color-light-interaction-background);
466
+ --ct-select-light-focus-color: var(--ct-color-light-body);
467
+ --ct-select-light-invalid-background-color: var(--ct-color-light-background-light);
468
+ --ct-select-light-invalid-border-color: var(--ct-color-light-error);
469
+ --ct-select-light-invalid-color: var(--ct-color-light-body);
470
+ --ct-select-light-outline-color: var(--ct-color-light-interaction-focus);
471
+ --ct-select-light-icon: url("data:image/svg+xml,%3Csvg width='38' height='28' viewBox='0 0 38 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0H0V28H1V0Z' fill='black' fill-opacity='0.6'/%3E%3Cpath d='M17.0916 13.1714L19 13.1666C19 13.1666 20.7334 13.1666 20.9083 13.1666C21.0831 13.1666 21.0831 13.1666 21.0831 13.1666L21.5 13.1714C21.5 13.1714 21.7189 13.1497 21.8204 13.1074C21.922 13.0651 22.0141 13.0031 22.0916 12.9249C22.1697 12.8475 22.2317 12.7553 22.274 12.6538C22.3163 12.5522 22.3381 12.4433 22.3381 12.3333C22.3381 12.2233 22.3163 12.1144 22.274 12.0128C22.2317 11.9113 22.1697 11.8191 22.0916 11.7416L19.5916 9.24162C19.5141 9.16351 19.422 9.10151 19.3204 9.05921C19.2189 9.0169 19.11 8.99512 19 8.99512C18.8899 8.99512 18.781 9.0169 18.6795 9.05921C18.5779 9.10151 18.4858 9.16351 18.4083 9.24162L15.9083 11.7416C15.7514 11.8985 15.6632 12.1114 15.6632 12.3333C15.6632 12.5552 15.7514 12.768 15.9083 12.9249C16.0652 13.0819 16.278 13.17 16.5 13.17C16.7219 13.17 17.0916 13.1714 17.0916 13.1714ZM20.9083 15.6666H19H17.0916C16.9165 15.6666 16.9165 15.6632 16.8202 15.6632C16.4998 15.6632 16.6098 15.6632 16.5 15.6632C16.3901 15.6632 16.2813 15.6848 16.1797 15.7269C16.0782 15.7689 15.986 15.8306 15.9083 15.9083C15.8306 15.986 15.769 16.0782 15.7269 16.1797C15.6849 16.2813 15.6632 16.3901 15.6632 16.4999C15.6632 16.6098 15.6849 16.7186 15.7269 16.8202C15.769 16.9217 15.8306 17.0139 15.9083 17.0916L18.4083 19.5916C18.4858 19.6697 18.5779 19.7317 18.6795 19.774C18.781 19.8163 18.8899 19.8381 19 19.8381C19.11 19.8381 19.2189 19.8163 19.3204 19.774C19.422 19.7317 19.5141 19.6697 19.5916 19.5916L22.0916 17.0916C22.2485 16.9347 22.3367 16.7219 22.3367 16.4999C22.3367 16.278 22.2485 16.0652 22.0916 15.9083C21.9347 15.7514 21.7219 15.6632 21.5 15.6632C21.278 15.6632 21.0831 15.6666 20.9083 15.6666Z' fill='black' fill-opacity='0.6'/%3E%3C/svg%3E%0A");
472
+ --ct-select-dark-background-color: var(--ct-color-dark-background-dark);
473
+ --ct-select-dark-border-color: var(--ct-color-dark-border-light);
474
+ --ct-select-dark-color: var(--ct-color-dark-body);
475
+ --ct-select-dark-option-background-color: var(--ct-color-dark-background-light);
476
+ --ct-select-dark-option-color: inherit;
477
+ --ct-select-dark-hover-background-color: var(--ct-color-dark-background-dark);
478
+ --ct-select-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background);
479
+ --ct-select-dark-hover-color: var(--ct-color-dark-body);
480
+ --ct-select-dark-focus-background-color: var(--ct-color-dark-background);
481
+ --ct-select-dark-focus-border-color: var(--ct-color-dark-interaction-background);
482
+ --ct-select-dark-focus-color: var(--ct-color-dark-body);
483
+ --ct-select-dark-invalid-background-color: var(--ct-color-dark-background);
484
+ --ct-select-dark-invalid-border-color: var(--ct-color-dark-error);
485
+ --ct-select-dark-invalid-color: var(--ct-color-dark-body);
486
+ --ct-select-dark-outline-color: var(--ct-color-dark-interaction-focus);
487
+ --ct-select-dark-icon: url("data:image/svg+xml,%3Csvg width='38' height='28' viewBox='0 0 38 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0H0V28H1V0Z' fill='white' fill-opacity='0.9'/%3E%3Cpath d='M17.0916 13.1714L19 13.1666C19 13.1666 20.7334 13.1666 20.9083 13.1666C21.0831 13.1666 21.0831 13.1666 21.0831 13.1666L21.5 13.1714C21.5 13.1714 21.7189 13.1497 21.8204 13.1074C21.922 13.0651 22.0141 13.0031 22.0916 12.9249C22.1697 12.8475 22.2317 12.7553 22.274 12.6538C22.3163 12.5522 22.3381 12.4433 22.3381 12.3333C22.3381 12.2233 22.3163 12.1144 22.274 12.0128C22.2317 11.9113 22.1697 11.8191 22.0916 11.7416L19.5916 9.24162C19.5141 9.16351 19.422 9.10151 19.3204 9.05921C19.2189 9.0169 19.11 8.99512 19 8.99512C18.8899 8.99512 18.781 9.0169 18.6795 9.05921C18.5779 9.10151 18.4858 9.16351 18.4083 9.24162L15.9083 11.7416C15.7514 11.8985 15.6632 12.1114 15.6632 12.3333C15.6632 12.5552 15.7514 12.768 15.9083 12.9249C16.0652 13.0819 16.278 13.17 16.5 13.17C16.7219 13.17 17.0916 13.1714 17.0916 13.1714ZM20.9083 15.6666H19H17.0916C16.9165 15.6666 16.9165 15.6632 16.8202 15.6632C16.4998 15.6632 16.6098 15.6632 16.5 15.6632C16.3901 15.6632 16.2813 15.6848 16.1797 15.7269C16.0782 15.7689 15.986 15.8306 15.9083 15.9083C15.8306 15.986 15.769 16.0782 15.7269 16.1797C15.6849 16.2813 15.6632 16.3901 15.6632 16.4999C15.6632 16.6098 15.6849 16.7186 15.7269 16.8202C15.769 16.9217 15.8306 17.0139 15.9083 17.0916L18.4083 19.5916C18.4858 19.6697 18.5779 19.7317 18.6795 19.774C18.781 19.8163 18.8899 19.8381 19 19.8381C19.11 19.8381 19.2189 19.8163 19.3204 19.774C19.422 19.7317 19.5141 19.6697 19.5916 19.5916L22.0916 17.0916C22.2485 16.9347 22.3367 16.7219 22.3367 16.4999C22.3367 16.278 22.2485 16.0652 22.0916 15.9083C21.9347 15.7514 21.7219 15.6632 21.5 15.6632C21.278 15.6632 21.0831 15.6666 20.9083 15.6666Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
488
+ --ct-textarea-border-radius: 0.25rem;
489
+ --ct-textarea-outline-width: 2px;
490
+ --ct-textarea-outline-offset: 2px;
491
+ --ct-textarea-disabled-opacity: 40%;
492
+ --ct-textarea-light-background-color: var(--ct-color-light-background-light);
493
+ --ct-textarea-light-border-color: var(--ct-color-light-border);
494
+ --ct-textarea-light-color: var(--ct-color-light-body);
495
+ --ct-textarea-light-hover-background-color: var(--ct-color-light-background-light);
496
+ --ct-textarea-light-hover-border-color: var(--ct-color-light-interaction-hover-background);
497
+ --ct-textarea-light-hover-color: var(--ct-color-light-body);
498
+ --ct-textarea-light-focus-background-color: var(--ct-color-light-background-light);
499
+ --ct-textarea-light-focus-border-color: var(--ct-color-light-interaction-background);
500
+ --ct-textarea-light-focus-color: var(--ct-color-light-body);
501
+ --ct-textarea-light-invalid-background-color: var(--ct-color-light-background-light);
502
+ --ct-textarea-light-invalid-border-color: var(--ct-color-light-error);
503
+ --ct-textarea-light-invalid-color: var(--ct-color-light-body);
504
+ --ct-textarea-light-outline-color: var(--ct-color-light-interaction-focus);
505
+ --ct-textarea-dark-background-color: var(--ct-color-dark-background-dark);
506
+ --ct-textarea-dark-border-color: var(--ct-color-dark-border-light);
507
+ --ct-textarea-dark-color: var(--ct-color-dark-body);
508
+ --ct-textarea-dark-hover-background-color: var(--ct-color-dark-background-dark);
509
+ --ct-textarea-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background);
510
+ --ct-textarea-dark-hover-color: var(--ct-color-dark-body);
511
+ --ct-textarea-dark-focus-background-color: var(--ct-color-dark-background);
512
+ --ct-textarea-dark-focus-border-color: var(--ct-color-dark-interaction-background);
513
+ --ct-textarea-dark-focus-color: var(--ct-color-dark-body);
514
+ --ct-textarea-dark-invalid-background-color: var(--ct-color-dark-background-dark);
515
+ --ct-textarea-dark-invalid-border-color: var(--ct-color-dark-error);
516
+ --ct-textarea-dark-invalid-color: var(--ct-color-dark-body);
517
+ --ct-textarea-dark-outline-color: var(--ct-color-dark-interaction-focus);
518
+ --ct-textfield-border-radius: 0.25rem;
519
+ --ct-textfield-outline-width: 2px;
520
+ --ct-textfield-outline-offset: 2px;
521
+ --ct-textfield-disabled-opacity: 40%;
522
+ --ct-textfield-light-background-color: var(--ct-color-light-background-light);
523
+ --ct-textfield-light-border-color: var(--ct-color-light-border);
524
+ --ct-textfield-light-color: var(--ct-color-light-body);
525
+ --ct-textfield-light-hover-background-color: var(--ct-color-light-background-light);
526
+ --ct-textfield-light-hover-border-color: var(--ct-color-light-interaction-hover-background);
527
+ --ct-textfield-light-hover-color: var(--ct-color-light-body);
528
+ --ct-textfield-light-focus-background-color: var(--ct-color-light-background-light);
529
+ --ct-textfield-light-focus-border-color: var(--ct-color-light-interaction-background);
530
+ --ct-textfield-light-focus-color: var(--ct-color-light-body);
531
+ --ct-textfield-light-invalid-background-color: var(--ct-color-light-background-light);
532
+ --ct-textfield-light-invalid-border-color: var(--ct-color-light-error);
533
+ --ct-textfield-light-invalid-color: var(--ct-color-light-body);
534
+ --ct-textfield-light-outline-color: var(--ct-color-light-interaction-focus);
535
+ --ct-textfield-dark-background-color: var(--ct-color-dark-background-dark);
536
+ --ct-textfield-dark-border-color: var(--ct-color-dark-border-light);
537
+ --ct-textfield-dark-color: var(--ct-color-dark-body);
538
+ --ct-textfield-dark-hover-background-color: var(--ct-color-dark-background-dark);
539
+ --ct-textfield-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background);
540
+ --ct-textfield-dark-hover-color: var(--ct-color-dark-body);
541
+ --ct-textfield-dark-focus-background-color: var(--ct-color-dark-background);
542
+ --ct-textfield-dark-focus-border-color: var(--ct-color-dark-interaction-background);
543
+ --ct-textfield-dark-focus-color: var(--ct-color-dark-body);
544
+ --ct-textfield-dark-invalid-background-color: var(--ct-color-dark-background-dark);
545
+ --ct-textfield-dark-invalid-border-color: var(--ct-color-dark-error);
546
+ --ct-textfield-dark-invalid-color: var(--ct-color-dark-body);
547
+ --ct-textfield-dark-outline-color: var(--ct-color-dark-interaction-focus);
548
+ --ct-accordion-button-border-radius: 0.25rem;
549
+ --ct-accordion-header-border-radius: 0.25rem;
550
+ --ct-accordion-item-border-radius: 0.25rem;
551
+ --ct-accordion-stripe-width: var(--ct-stripe-size);
552
+ --ct-accordion-space-horizontal: 1.5rem;
553
+ --ct-accordion-space-horizontal-desktop: 3.5rem;
554
+ --ct-accordion-light-background-color: var(--ct-color-light-background-light);
555
+ --ct-accordion-light-border-color: var(--ct-color-light-border-light);
556
+ --ct-accordion-light-color: var(--ct-color-light-body);
557
+ --ct-accordion-light-button-background-color: var(--ct-color-light-background-light);
558
+ --ct-accordion-light-button-color: var(--ct-color-light-heading);
559
+ --ct-accordion-light-icon-color: var(--ct-color-light-interaction-background);
560
+ --ct-accordion-light-stripe-background-color: var(--ct-color-light-highlight);
561
+ --ct-accordion-light-wrapper-background-color: var(--ct-color-light-background);
562
+ --ct-accordion-dark-background-color: var(--ct-color-dark-background-light);
563
+ --ct-accordion-dark-border-color: var(--ct-color-dark-border);
564
+ --ct-accordion-dark-color: var(--ct-color-dark-body);
565
+ --ct-accordion-dark-button-background-color: var(--ct-color-dark-background-light);
566
+ --ct-accordion-dark-button-color: var(--ct-color-dark-heading);
567
+ --ct-accordion-dark-icon-color: var(--ct-color-dark-interaction-background);
568
+ --ct-accordion-dark-stripe-background-color: var(--ct-color-dark-highlight);
569
+ --ct-accordion-dark-wrapper-background-color: var(--ct-color-dark-background-dark);
570
+ --ct-attachment-border-radius: 0.25rem;
571
+ --ct-attachment-space-horizontal: 3.5rem;
572
+ --ct-attachment-light-background-color: var(--ct-color-light-background-light);
573
+ --ct-attachment-light-border-color: var(--ct-color-light-border-light);
574
+ --ct-attachment-light-color: var(--ct-color-light-body);
575
+ --ct-attachment-light-wrapper-background-color: var(--ct-color-light-background);
576
+ --ct-attachment-dark-background-color: var(--ct-color-dark-background);
577
+ --ct-attachment-dark-border-color: var(--ct-color-dark-border);
578
+ --ct-attachment-dark-color: var(--ct-color-dark-body);
579
+ --ct-attachment-dark-wrapper-background-color: var(--ct-color-dark-background);
580
+ --ct-back-to-top-space-bottom: 4rem;
581
+ --ct-back-to-top-space-right: 1rem;
582
+ --ct-back-to-top-background-color: var(--ct-color-light-interaction-background);
583
+ --ct-back-to-top-border-color: var(--ct-color-light-background-light);
584
+ --ct-back-to-top-color: var(--ct-color-light-interaction-text);
585
+ --ct-back-to-top-outline-color: var(--ct-color-light-interaction-focus);
586
+ --ct-basic-content-blockquote-border-radius: 0.25rem;
587
+ --ct-basic-content-list-marker-margin: 1rem;
588
+ --ct-basic-content-list-marker-width: 1.75rem;
589
+ --ct-basic-content-space-horizontal: 3.5rem;
590
+ --ct-basic-content-vertical-spacing: 1.5rem;
591
+ --ct-basic-content-light-base-color: var(--ct-color-light-body);
592
+ --ct-basic-content-light-blockquote-stripe-background-color: var(--ct-color-light-highlight);
593
+ --ct-basic-content-light-blockquote-color: var(--ct-color-light-body);
594
+ --ct-basic-content-light-blockquote-background-color: var(--ct-color-light-background-light);
595
+ --ct-basic-content-light-heading-1-color: var(--ct-color-light-heading);
596
+ --ct-basic-content-light-heading-2-color: var(--ct-color-light-heading);
597
+ --ct-basic-content-light-heading-3-color: var(--ct-color-light-heading);
598
+ --ct-basic-content-light-heading-4-color: var(--ct-color-light-heading);
599
+ --ct-basic-content-light-heading-5-color: var(--ct-color-light-heading);
600
+ --ct-basic-content-light-heading-6-color: var(--ct-color-light-heading);
601
+ --ct-basic-content-light-ol-li-color: var(--ct-color-light-body);
602
+ --ct-basic-content-light-ol-li-marker-color: var(--ct-color-light-body);
603
+ --ct-basic-content-light-ul-li-color: var(--ct-color-light-body);
604
+ --ct-basic-content-light-ul-li-marker-color: var(--ct-color-light-body);
605
+ --ct-basic-content-light-background-color: var(--ct-color-light-background);
606
+ --ct-basic-content-dark-base-color: var(--ct-color-dark-body);
607
+ --ct-basic-content-dark-blockquote-stripe-background-color: var(--ct-color-dark-highlight);
608
+ --ct-basic-content-dark-blockquote-color: var(--ct-color-dark-body);
609
+ --ct-basic-content-dark-blockquote-background-color: var(--ct-color-dark-background-light);
610
+ --ct-basic-content-dark-heading-1-color: var(--ct-color-dark-heading);
611
+ --ct-basic-content-dark-heading-2-color: var(--ct-color-dark-heading);
612
+ --ct-basic-content-dark-heading-3-color: var(--ct-color-dark-heading);
613
+ --ct-basic-content-dark-heading-4-color: var(--ct-color-dark-heading);
614
+ --ct-basic-content-dark-heading-5-color: var(--ct-color-dark-heading);
615
+ --ct-basic-content-dark-heading-6-color: var(--ct-color-dark-heading);
616
+ --ct-basic-content-dark-ol-li-color: var(--ct-color-dark-body);
617
+ --ct-basic-content-dark-ol-li-marker-color: var(--ct-color-dark-body);
618
+ --ct-basic-content-dark-ul-li-color: var(--ct-color-dark-body);
619
+ --ct-basic-content-dark-ul-li-marker-color: var(--ct-color-dark-body);
620
+ --ct-basic-content-dark-background-color: var(--ct-color-dark-background);
621
+ --ct-breadcrumb-light-color: var(--ct-color-light-body);
622
+ --ct-breadcrumb-light-active-color: var(--ct-color-light-body);
623
+ --ct-breadcrumb-dark-color: var(--ct-color-dark-body);
624
+ --ct-breadcrumb-dark-active-color: var(--ct-color-dark-body);
625
+ --ct-callout-border-radius: 0.25rem;
626
+ --ct-callout-stripe-width: var(--ct-stripe-size);
627
+ --ct-callout-light-background-color: var(--ct-color-light-background);
628
+ --ct-callout-light-stripe-background-color: var(--ct-color-light-highlight);
629
+ --ct-callout-dark-background-color: var(--ct-color-dark-background);
630
+ --ct-callout-dark-stripe-background-color: var(--ct-color-dark-highlight);
631
+ --ct-field-horizontal-label-min-width: auto;
632
+ --ct-field-horizontal-label-max-width: 25%;
633
+ --ct-figure-border-radius: 0.25rem;
634
+ --ct-figure-light-caption-color: var(--ct-color-light-body);
635
+ --ct-figure-dark-caption-color: var(--ct-color-dark-body);
636
+ --ct-logo-image-height-max-desktop: 2.5rem;
637
+ --ct-logo-image-height-max-mobile: 2.5rem;
638
+ --ct-logo-light-stripe-background-color: var(--ct-color-light-border-dark);
639
+ --ct-logo-dark-stripe-background-color: var(--ct-color-dark-border-light);
640
+ --ct-map-padding-bottom: 56.25%;
641
+ --ct-map-space-horizontal: 3.5rem;
642
+ --ct-map-light-wrapper-background-color: var(--ct-color-light-background);
643
+ --ct-map-dark-wrapper-background-color: var(--ct-color-dark-background);
644
+ --ct-next-step-border-radius: 0.25rem;
645
+ --ct-next-step-stripe-width: var(--ct-stripe-size);
646
+ --ct-next-step-light-background-color: var(--ct-color-light-background-light);
647
+ --ct-next-step-light-border-color: var(--ct-color-light-border-light);
648
+ --ct-next-step-light-stripe-background-color: var(--ct-color-light-highlight);
649
+ --ct-next-step-dark-background-color: var(--ct-color-dark-background);
650
+ --ct-next-step-dark-border-color: var(--ct-color-dark-border);
651
+ --ct-next-step-dark-stripe-background-color: var(--ct-color-dark-highlight);
652
+ --ct-table-of-contents-link-active-border-radius: 0.125rem;
653
+ --ct-table-of-contents-max-width: 50%;
654
+ --ct-table-of-contents-min-width: 50%;
655
+ --ct-table-of-contents-light-link-background-color: var(--ct-color-light-background-light);
656
+ --ct-table-of-contents-light-link-color: var(--ct-color-light-heading);
657
+ --ct-table-of-contents-light-link-hover-background-color: var(--ct-color-light-background);
658
+ --ct-table-of-contents-light-link-hover-border-color: var(--ct-color-light-border-light);
659
+ --ct-table-of-contents-light-link-hover-color: var(--ct-color-light-heading);
660
+ --ct-table-of-contents-light-link-stripe-background-color: var(--ct-color-light-border-light);
661
+ --ct-table-of-contents-light-link-hover-stripe-background-color: var(--ct-color-light-highlight);
662
+ --ct-table-of-contents-light-title-color: var(--ct-color-light-heading);
663
+ --ct-table-of-contents-dark-link-background-color: var(--ct-color-dark-background-light);
664
+ --ct-table-of-contents-dark-link-color: var(--ct-color-dark-heading);
665
+ --ct-table-of-contents-dark-link-hover-background-color: var(--ct-color-dark-background);
666
+ --ct-table-of-contents-dark-link-hover-border-color: var(--ct-color-dark-border-light);
667
+ --ct-table-of-contents-dark-link-hover-color: var(--ct-color-dark-heading);
668
+ --ct-table-of-contents-dark-link-stripe-background-color: var(--ct-color-dark-border-light);
669
+ --ct-table-of-contents-dark-link-hover-stripe-background-color: var(--ct-color-dark-highlight);
670
+ --ct-table-of-contents-dark-title-color: var(--ct-color-dark-heading);
671
+ --ct-tabs-link-border-radius: 0.5rem;
672
+ --ct-tabs-light-links-background-color: var(--ct-color-light-background);
673
+ --ct-tabs-light-links-border-color: var(--ct-color-light-border-light);
674
+ --ct-tabs-light-links-active-background-color: var(--ct-color-light-background-light);
675
+ --ct-tabs-light-links-active-border-color: var(--ct-color-light-border-light);
676
+ --ct-tabs-light-panel-background-color: var(--ct-color-light-background);
677
+ --ct-tabs-light-panel-border-color: var(--ct-color-light-border);
678
+ --ct-tabs-dark-links-background-color: var(--ct-color-dark-background);
679
+ --ct-tabs-dark-links-border-color: var(--ct-color-dark-border-light);
680
+ --ct-tabs-dark-links-active-background-color: var(--ct-color-dark-background-light);
681
+ --ct-tabs-dark-links-active-border-color: var(--ct-color-dark-border-light);
682
+ --ct-tabs-dark-panel-background-color: var(--ct-color-dark-background);
683
+ --ct-tabs-dark-panel-border-color: var(--ct-color-dark-border);
684
+ --ct-tooltip-description-border-radius: 0.25rem;
685
+ --ct-tooltip-width: 30rem;
686
+ --ct-tooltip-width-mobile: 20rem;
687
+ --ct-tooltip-triangle-width: 1.6rem;
688
+ --ct-tooltip-triangle-height: 1.3rem;
689
+ --ct-tooltip-z-index: 99;
690
+ --ct-tooltip-light-description-background-color: var(--ct-color-light-interaction-background);
691
+ --ct-tooltip-light-description-color: var(--ct-color-light-interaction-text);
692
+ --ct-tooltip-light-icon-color: var(--ct-color-light-interaction-background);
693
+ --ct-tooltip-dark-description-background-color: var(--ct-color-dark-interaction-background);
694
+ --ct-tooltip-dark-description-color: var(--ct-color-dark-interaction-text);
695
+ --ct-tooltip-dark-icon-color: var(--ct-color-dark-interaction-background);
696
+ --ct-single-filter-light-border-color: var(--ct-color-light-border-light);
697
+ --ct-single-filter-light-title-color: var(--ct-color-light-heading);
698
+ --ct-single-filter-dark-border-color: var(--ct-color-dark-border);
699
+ --ct-single-filter-dark-title-color: var(--ct-color-dark-heading);
700
+ --ct-group-filter-light-border-color: var(--ct-color-light-border-light);
701
+ --ct-group-filter-light-title-color: var(--ct-color-light-heading);
702
+ --ct-group-filter-dark-border-color: var(--ct-color-dark-border);
703
+ --ct-group-filter-dark-title-color: var(--ct-color-dark-heading);
704
+ --ct-inline-filter-light-title-color: var(--ct-color-light-heading);
705
+ --ct-inline-filter-dark-title-color: var(--ct-color-dark-heading);
706
+ --ct-pagination-light-color: var(--ct-color-light-interaction-background);
707
+ --ct-pagination-light-border-color: var(--ct-color-light-border-light);
708
+ --ct-pagination-dark-color: var(--ct-color-dark-interaction-background);
709
+ --ct-pagination-dark-border-color: var(--ct-color-dark-border);
710
+ --ct-event-card-border-radius: 0.25rem;
711
+ --ct-event-card-image-aspect-ratio: 5/3;
712
+ --ct-event-card-link-graphic-hover-opacity: 0.1;
713
+ --ct-event-card-stripe-height: var(--ct-stripe-size);
714
+ --ct-event-card-light-background-color: var(--ct-color-light-background-light);
715
+ --ct-event-card-light-hover-outline-color: var(--ct-color-light-border);
716
+ --ct-event-card-light-title-color: var(--ct-color-light-heading);
717
+ --ct-event-card-light-title-hover-color: var(--ct-color-light-interaction-background);
718
+ --ct-event-card-light-link-graphic-color: var(--ct-color-light-interaction-background);
719
+ --ct-event-card-light-link-graphic-hover-background-color: var(--ct-color-light-interaction-background);
720
+ --ct-event-card-light-stripe-background-color: var(--ct-color-light-highlight);
721
+ --ct-event-card-dark-background-color: var(--ct-color-dark-background);
722
+ --ct-event-card-dark-hover-outline-color: var(--ct-color-dark-border);
723
+ --ct-event-card-dark-title-color: var(--ct-color-dark-heading);
724
+ --ct-event-card-dark-title-hover-color: var(--ct-color-dark-interaction-background);
725
+ --ct-event-card-dark-link-graphic-color: var(--ct-color-dark-interaction-background);
726
+ --ct-event-card-dark-link-graphic-hover-background-color: var(--ct-color-dark-interaction-background);
727
+ --ct-event-card-dark-stripe-background-color: var(--ct-color-dark-highlight);
728
+ --ct-navigation-card-border-radius: 0.25rem;
729
+ --ct-navigation-card-image-height-mobile: 17.5rem;
730
+ --ct-navigation-card-image-width-mobile: auto;
731
+ --ct-navigation-card-image-min-height-desktop: 16rem;
732
+ --ct-navigation-card-image-min-width-desktop: 18rem;
733
+ --ct-navigation-card-image-max-width-desktop: 30%;
734
+ --ct-navigation-card-link-graphic-hover-opacity: 0.1;
735
+ --ct-navigation-card-light-background-color: var(--ct-color-light-background-light);
736
+ --ct-navigation-card-light-hover-outline-color: var(--ct-color-light-border);
737
+ --ct-navigation-card-light-title-color: var(--ct-color-light-heading);
738
+ --ct-navigation-card-light-title-hover-color: var(--ct-color-light-interaction-background);
739
+ --ct-navigation-card-light-link-graphic-color: var(--ct-color-light-interaction-background);
740
+ --ct-navigation-card-light-link-graphic-hover-background-color: var(--ct-color-light-interaction-background);
741
+ --ct-navigation-card-light-icon-color: var(--ct-color-light-interaction-background);
742
+ --ct-navigation-card-dark-background-color: var(--ct-color-dark-background);
743
+ --ct-navigation-card-dark-hover-outline-color: var(--ct-color-dark-border);
744
+ --ct-navigation-card-dark-title-color: var(--ct-color-dark-heading);
745
+ --ct-navigation-card-dark-title-hover-color: var(--ct-color-dark-interaction-background);
746
+ --ct-navigation-card-dark-link-graphic-color: var(--ct-color-dark-interaction-background);
747
+ --ct-navigation-card-dark-link-graphic-hover-background-color: var(--ct-color-dark-interaction-background);
748
+ --ct-navigation-card-dark-icon-color: var(--ct-color-dark-interaction-background);
749
+ --ct-promo-card-border-radius: 0.25rem;
750
+ --ct-promo-card-image-aspect-ratio: 5/3;
751
+ --ct-promo-card-link-graphic-hover-opacity: 0.1;
752
+ --ct-promo-card-stripe-height: var(--ct-stripe-size);
753
+ --ct-promo-card-light-background-color: var(--ct-color-light-background-light);
754
+ --ct-promo-card-light-hover-outline-color: var(--ct-color-light-border);
755
+ --ct-promo-card-light-title-color: var(--ct-color-light-heading);
756
+ --ct-promo-card-light-title-hover-color: var(--ct-color-light-interaction-background);
757
+ --ct-promo-card-light-link-graphic-color: var(--ct-color-light-interaction-background);
758
+ --ct-promo-card-light-link-graphic-hover-background-color: var(--ct-color-light-interaction-background);
759
+ --ct-promo-card-light-stripe-background-color: var(--ct-color-light-highlight);
760
+ --ct-promo-card-dark-background-color: var(--ct-color-dark-background);
761
+ --ct-promo-card-dark-stripe-background-color: var(--ct-color-dark-highlight);
762
+ --ct-promo-card-dark-hover-outline-color: var(--ct-color-dark-border);
763
+ --ct-promo-card-dark-title-color: var(--ct-color-dark-heading);
764
+ --ct-promo-card-dark-title-hover-color: var(--ct-color-dark-interaction-background);
765
+ --ct-promo-card-dark-link-graphic-color: var(--ct-color-dark-interaction-background);
766
+ --ct-promo-card-dark-link-graphic-hover-background-color: var(--ct-color-dark-interaction-background);
767
+ --ct-publication-card-border-radius: 0.25rem;
768
+ --ct-publication-card-image-height-mobile: 11.5rem;
769
+ --ct-publication-card-image-width-mobile: auto;
770
+ --ct-publication-card-image-height-desktop: 11.5rem;
771
+ --ct-publication-card-image-width-desktop: 50%;
772
+ --ct-publication-card-light-background-color: var(--ct-color-light-background-light);
773
+ --ct-publication-card-light-hover-outline-color: var(--ct-color-light-border);
774
+ --ct-publication-card-light-title-color: var(--ct-color-light-heading);
775
+ --ct-publication-card-light-title-hover-color: var(--ct-color-light-interaction-background);
776
+ --ct-publication-card-light-title-icon-color: var(--ct-color-light-heading);
777
+ --ct-publication-card-light-filename-color: var(--ct-color-light-interaction-background);
778
+ --ct-publication-card-dark-background-color: var(--ct-color-dark-background);
779
+ --ct-publication-card-dark-hover-outline-color: var(--ct-color-dark-border);
780
+ --ct-publication-card-dark-title-color: var(--ct-color-dark-heading);
781
+ --ct-publication-card-dark-title-hover-color: var(--ct-color-dark-interaction-background);
782
+ --ct-publication-card-dark-title-icon-color: var(--ct-color-dark-heading);
783
+ --ct-publication-card-dark-filename-color: var(--ct-color-dark-interaction-background);
784
+ --ct-service-card-border-radius: 0.25rem;
785
+ --ct-service-card-stripe-height: var(--ct-stripe-size);
786
+ --ct-service-card-light-background-color: var(--ct-color-light-background-light);
787
+ --ct-service-card-light-stripe-background-color: var(--ct-color-light-highlight);
788
+ --ct-service-card-dark-background-color: var(--ct-color-dark-background);
789
+ --ct-service-card-dark-stripe-background-color: var(--ct-color-dark-highlight);
790
+ --ct-subject-card-border-radius: 0.25rem;
791
+ --ct-subject-card-image-height-mobile: 10rem;
792
+ --ct-subject-card-image-width-mobile: auto;
793
+ --ct-subject-card-image-height-desktop: 14rem;
794
+ --ct-subject-card-image-width-desktop: auto;
795
+ --ct-subject-card-light-background-color: var(--ct-color-light-background-light);
796
+ --ct-subject-card-light-hover-outline-color: var(--ct-color-light-border);
797
+ --ct-subject-card-light-title-color: var(--ct-color-light-heading);
798
+ --ct-subject-card-light-title-hover-color: var(--ct-color-light-interaction-background);
799
+ --ct-subject-card-light-image-opacity: 30%;
800
+ --ct-subject-card-dark-background-color: var(--ct-color-dark-background);
801
+ --ct-subject-card-dark-hover-outline-color: var(--ct-color-dark-border);
802
+ --ct-subject-card-dark-title-color: var(--ct-color-dark-heading);
803
+ --ct-subject-card-dark-title-hover-color: var(--ct-color-dark-interaction-background);
804
+ --ct-subject-card-dark-image-opacity: 20%;
805
+ --ct-fast-fact-card-border-radius: 0.25rem;
806
+ --ct-fast-fact-card-stripe-height: var(--ct-stripe-size);
807
+ --ct-fast-fact-card-max-width: 3.125rem;
808
+ --ct-fast-fact-card-max-height: 6.25rem;
809
+ --ct-fast-fact-card-light-background-color: var(--ct-color-light-background-light);
810
+ --ct-fast-fact-card-light-stripe-background-color: var(--ct-color-light-highlight);
811
+ --ct-fast-fact-card-light-title-color: var(--ct-color-light-heading);
812
+ --ct-fast-fact-card-light-title-hover-color: var(--ct-color-light-interaction-background);
813
+ --ct-fast-fact-card-light-hover-outline-color: var(--ct-color-light-border);
814
+ --ct-fast-fact-card-dark-background-color: var(--ct-color-dark-background);
815
+ --ct-fast-fact-card-dark-stripe-background-color: var(--ct-color-dark-highlight);
816
+ --ct-fast-fact-card-dark-title-color: var(--ct-color-dark-heading);
817
+ --ct-fast-fact-card-dark-title-hover-color: var(--ct-color-dark-interaction-background);
818
+ --ct-fast-fact-card-dark-hover-outline-color: var(--ct-color-dark-border);
819
+ --ct-snippet-light-background-color: transparent;
820
+ --ct-snippet-light-title-color: var(--ct-color-light-interaction-background);
821
+ --ct-snippet-light-title-hover-color: var(--ct-color-light-interaction-background);
822
+ --ct-snippet-dark-background-color: transparent;
823
+ --ct-snippet-dark-title-color: var(--ct-color-dark-heading);
824
+ --ct-snippet-dark-title-hover-color: var(--ct-color-dark-interaction-background);
825
+ --ct-alert-light-error-background-color: #f5d7d7;
826
+ --ct-alert-light-error-color: var(--ct-color-light-body);
827
+ --ct-alert-light-error-icon-color: var(--ct-color-light-body);
828
+ --ct-alert-light-information-background-color: #cce5f2;
829
+ --ct-alert-light-information-color: var(--ct-color-light-body);
830
+ --ct-alert-light-information-icon-color: var(--ct-color-light-body);
831
+ --ct-alert-light-success-background-color: #cce6e6;
832
+ --ct-alert-light-success-color: var(--ct-color-light-body);
833
+ --ct-alert-light-success-icon-color: var(--ct-color-light-body);
834
+ --ct-alert-light-warning-background-color: #f4dccc;
835
+ --ct-alert-light-warning-color: var(--ct-color-light-body);
836
+ --ct-alert-light-warning-icon-color: var(--ct-color-light-body);
837
+ --ct-alert-dark-error-background-color: #ba4542;
838
+ --ct-alert-dark-error-color: var(--ct-color-dark-body);
839
+ --ct-alert-dark-error-icon-color: var(--ct-color-dark-body);
840
+ --ct-alert-dark-information-background-color: #2e789a;
841
+ --ct-alert-dark-information-color: var(--ct-color-dark-body);
842
+ --ct-alert-dark-information-icon-color: var(--ct-color-dark-body);
843
+ --ct-alert-dark-success-background-color: #0d7b7a;
844
+ --ct-alert-dark-success-color: var(--ct-color-dark-body);
845
+ --ct-alert-dark-success-icon-color: var(--ct-color-dark-body);
846
+ --ct-alert-dark-warning-background-color: #a35f31;
847
+ --ct-alert-dark-warning-color: var(--ct-color-dark-body);
848
+ --ct-alert-dark-warning-icon-color: var(--ct-color-dark-body);
849
+ --ct-banner-decorative-mobile-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 1rem), 0% 100%);
850
+ --ct-banner-decorative-desktop-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 3rem), 0% 100%);
851
+ --ct-banner-featured-image-width: 40%;
852
+ --ct-banner-featured-image-clip-path: polygon(13% 10%, 100% 0, 100% 100%, 0% 100%);
853
+ --ct-banner-light-background-color: var(--ct-color-light-background);
854
+ --ct-banner-light-featured-image-shadow-color: var(--ct-color-light-background-light);
855
+ --ct-banner-dark-background-color: var(--ct-color-dark-background);
856
+ --ct-banner-dark-featured-image-shadow-color: var(--ct-color-dark-background);
857
+ --ct-campaign-image-border-radius: 0.25rem;
858
+ --ct-campaign-image-shadow-offset-x: 1rem;
859
+ --ct-campaign-image-shadow-offset-y: 1rem;
860
+ --ct-campaign-mobile-height: 15rem;
861
+ --ct-campaign-light-background-color: var(--ct-color-light-background-light);
862
+ --ct-campaign-light-image-shadow-color: var(--ct-color-light-background);
863
+ --ct-campaign-dark-background-color: var(--ct-color-dark-background);
864
+ --ct-campaign-dark-image-shadow-color: var(--ct-color-dark-background-dark);
865
+ --ct-footer-light-background-color: var(--ct-color-light-background);
866
+ --ct-footer-light-border-color: var(--ct-color-light-border-light);
867
+ --ct-footer-light-color: var(--ct-color-light-body);
868
+ --ct-footer-dark-background-color: var(--ct-color-dark-background-dark);
869
+ --ct-footer-dark-border-color: var(--ct-color-dark-border);
870
+ --ct-footer-dark-color: var(--ct-color-dark-body);
871
+ --ct-header-light-background-color: var(--ct-color-light-background-light);
872
+ --ct-header-light-border-color: var(--ct-color-light-border-light);
873
+ --ct-header-light-top-background-color: var(--ct-color-light-background);
874
+ --ct-header-light-top-color: var(--ct-color-light-body);
875
+ --ct-header-dark-background-color: var(--ct-color-dark-background);
876
+ --ct-header-dark-border-color: var(--ct-color-dark-border);
877
+ --ct-header-dark-top-background-color: var(--ct-color-dark-background-dark);
878
+ --ct-header-dark-top-color: var(--ct-color-dark-body);
879
+ --ct-list-light-background-color: var(--ct-color-light-background);
880
+ --ct-list-light-color: var(--ct-color-light-body);
881
+ --ct-list-light-results-count-color: var(--ct-color-light-heading);
882
+ --ct-list-dark-background-color: var(--ct-color-dark-background);
883
+ --ct-list-dark-color: var(--ct-color-dark-body);
884
+ --ct-list-dark-results-count-color: var(--ct-color-dark-heading);
885
+ --ct-message-border-radius: 0.25rem;
886
+ --ct-message-light-background-color: var(--ct-color-light-background);
887
+ --ct-message-light-error-background-color: #f5d7d7;
888
+ --ct-message-light-error-border-color: var(--ct-color-light-error);
889
+ --ct-message-light-error-color: var(--ct-color-light-body);
890
+ --ct-message-light-error-icon-color: var(--ct-color-light-body);
891
+ --ct-message-light-information-background-color: #cce5f2;
892
+ --ct-message-light-information-border-color: var(--ct-color-light-information);
893
+ --ct-message-light-information-color: var(--ct-color-light-body);
894
+ --ct-message-light-information-icon-color: var(--ct-color-light-body);
895
+ --ct-message-light-success-border-color: var(--ct-color-light-success);
896
+ --ct-message-light-success-background-color: #cce6e6;
897
+ --ct-message-light-success-color: var(--ct-color-light-body);
898
+ --ct-message-light-success-icon-color: var(--ct-color-light-body);
899
+ --ct-message-light-warning-background-color: #f4dccc;
900
+ --ct-message-light-warning-border-color: var(--ct-color-light-warning);
901
+ --ct-message-light-warning-color: var(--ct-color-light-body);
902
+ --ct-message-light-warning-icon-color: var(--ct-color-light-body);
903
+ --ct-message-dark-background-color: var(--ct-color-dark-background);
904
+ --ct-message-dark-error-background-color: #ba4542;
905
+ --ct-message-dark-error-border-color: var(--ct-color-dark-error);
906
+ --ct-message-dark-error-color: var(--ct-color-dark-body);
907
+ --ct-message-dark-error-icon-color: var(--ct-color-dark-body);
908
+ --ct-message-dark-information-background-color: #2e789a;
909
+ --ct-message-dark-information-border-color: var(--ct-color-dark-information);
910
+ --ct-message-dark-information-color: var(--ct-color-dark-body);
911
+ --ct-message-dark-information-icon-color: var(--ct-color-dark-body);
912
+ --ct-message-dark-success-border-color: var(--ct-color-dark-success);
913
+ --ct-message-dark-success-background-color: #0d7b7a;
914
+ --ct-message-dark-success-color: var(--ct-color-dark-body);
915
+ --ct-message-dark-success-icon-color: var(--ct-color-dark-body);
916
+ --ct-message-dark-warning-background-color: #a35f31;
917
+ --ct-message-dark-warning-border-color: var(--ct-color-dark-warning);
918
+ --ct-message-dark-warning-color: var(--ct-color-dark-body);
919
+ --ct-message-dark-warning-icon-color: var(--ct-color-dark-body);
920
+ --ct-navigation-inline-row-gutter: 1rem;
921
+ --ct-navigation-dropdown-zindex: 11;
922
+ --ct-navigation-dropdown-border-radius: 0.25rem;
923
+ --ct-navigation-dropdown-top-offset: 0.5rem;
924
+ --ct-navigation-light-dropdown-sub-menu-background-color: var(--ct-color-light-background-light);
925
+ --ct-navigation-dark-dropdown-sub-menu-background-color: var(--ct-color-dark-background-light);
926
+ --ct-navigation-drawer-zindex: 10;
927
+ --ct-navigation-drawer-cols: 4;
928
+ --ct-navigation-drawer-top-offset: 1rem;
929
+ --ct-navigation-light-menu-border-color: var(--ct-color-light-interaction-background);
930
+ --ct-navigation-light-menu-color: var(--ct-color-light-interaction-background);
931
+ --ct-navigation-light-menu-hover-color: var(--ct-color-light-interaction-hover-background);
932
+ --ct-navigation-light-menu-active-color: var(--ct-color-light-interaction-hover-background);
933
+ --ct-navigation-light-menu-item-border-color: transparent;
934
+ --ct-navigation-light-menu-item-hover-border-color: var(--ct-color-light-interaction-hover-background);
935
+ --ct-navigation-light-menu-item-active-border-color: var(--ct-color-light-highlight);
936
+ --ct-navigation-light-drawer-menu-item-background-color: transparent;
937
+ --ct-navigation-light-drawer-menu-item-hover-background-color: transparent;
938
+ --ct-navigation-light-drawer-menu-item-active-background-color: transparent;
939
+ --ct-navigation-light-drawer-menu-item-active-trail-background-color: var(--ct-color-light-interaction-background);
940
+ --ct-navigation-light-drawer-sub-menu-background-color: var(--ct-color-light-background-light);
941
+ --ct-navigation-light-drawer-sub-menu-item-background-color: transparent;
942
+ --ct-navigation-light-drawer-sub-menu-item-heading-color: var(--ct-color-light-heading);
943
+ --ct-navigation-light-drawer-sub-menu-item-heading-hover-color: var(--ct-color-light-heading);
944
+ --ct-navigation-light-drawer-sub-menu-item-heading-active-color: var(--ct-color-light-heading);
945
+ --ct-navigation-light-drawer-sub-menu-item-color: var(--ct-color-light-interaction-background);
946
+ --ct-navigation-light-drawer-sub-menu-item-hover-background-color: var(--ct-color-light-interaction-hover-background);
947
+ --ct-navigation-light-drawer-sub-menu-item-hover-color: var(--ct-color-light-interaction-hover-text);
948
+ --ct-navigation-light-drawer-sub-menu-item-active-background-color: var(--ct-color-light-body);
949
+ --ct-navigation-light-drawer-sub-menu-item-active-color: var(--ct-color-light-background);
950
+ --ct-navigation-dark-menu-border-color: var(--ct-color-dark-interaction-background);
951
+ --ct-navigation-dark-menu-color: var(--ct-color-dark-interaction-background);
952
+ --ct-navigation-dark-menu-hover-color: var(--ct-color-dark-interaction-hover-background);
953
+ --ct-navigation-dark-menu-active-color: var(--ct-color-dark-interaction-hover-background);
954
+ --ct-navigation-dark-menu-item-border-color: transparent;
955
+ --ct-navigation-dark-menu-item-hover-border-color: var(--ct-color-dark-interaction-hover-background);
956
+ --ct-navigation-dark-menu-item-active-border-color: var(--ct-color-dark-highlight);
957
+ --ct-navigation-dark-drawer-menu-item-background-color: transparent;
958
+ --ct-navigation-dark-drawer-menu-item-hover-background-color: transparent;
959
+ --ct-navigation-dark-drawer-menu-item-active-background-color: transparent;
960
+ --ct-navigation-dark-drawer-menu-item-active-trail-background-color: var(--ct-color-dark-interaction-background);
961
+ --ct-navigation-dark-drawer-sub-menu-background-color: var(--ct-color-dark-background-light);
962
+ --ct-navigation-dark-drawer-sub-menu-item-background-color: transparent;
963
+ --ct-navigation-dark-drawer-sub-menu-item-heading-color: var(--ct-color-dark-heading);
964
+ --ct-navigation-dark-drawer-sub-menu-item-heading-hover-color: var(--ct-color-dark-heading);
965
+ --ct-navigation-dark-drawer-sub-menu-item-heading-active-color: var(--ct-color-dark-heading);
966
+ --ct-navigation-dark-drawer-sub-menu-item-color: var(--ct-color-dark-interaction-background);
967
+ --ct-navigation-dark-drawer-sub-menu-item-hover-background-color: var(--ct-color-dark-interaction-hover-background);
968
+ --ct-navigation-dark-drawer-sub-menu-item-hover-color: var(--ct-color-dark-interaction-hover-text);
969
+ --ct-navigation-dark-drawer-sub-menu-item-active-background-color: var(--ct-color-dark-body);
970
+ --ct-navigation-dark-drawer-sub-menu-item-active-color: var(--ct-color-dark-background);
971
+ --ct-side-navigation-link-active-border-radius: 0.125rem;
972
+ --ct-side-navigation-light-title-color: var(--ct-color-light-heading);
973
+ --ct-side-navigation-light-link-expanded-icon-color: var(--ct-color-light-heading);
974
+ --ct-side-navigation-light-link-parent-background-color: var(--ct-color-light-background-light);
975
+ --ct-side-navigation-light-link-parent-border-color: var(--ct-color-light-border-light);
976
+ --ct-side-navigation-light-link-parent-color: var(--ct-color-light-heading);
977
+ --ct-side-navigation-light-link-parent-stripe-background-color: var(--ct-color-light-border-light);
978
+ --ct-side-navigation-light-link-parent-hover-background-color: var(--ct-color-light-background-dark);
979
+ --ct-side-navigation-light-link-parent-hover-border-color: var(--ct-color-light-border-light);
980
+ --ct-side-navigation-light-link-parent-hover-color: var(--ct-color-light-heading);
981
+ --ct-side-navigation-light-link-parent-hover-stripe-background-color: var(--ct-color-light-highlight);
982
+ --ct-side-navigation-light-link-parent-active-background-color: var(--ct-color-light-background);
983
+ --ct-side-navigation-light-link-parent-active-border-color: var(--ct-color-light-border-light);
984
+ --ct-side-navigation-light-link-parent-active-color: var(--ct-color-light-heading);
985
+ --ct-side-navigation-light-link-parent-active-stripe-background-color: var(--ct-color-light-highlight);
986
+ --ct-side-navigation-light-link-child-background-color: var(--ct-color-light-background-light);
987
+ --ct-side-navigation-light-link-child-border-color: var(--ct-color-light-border-light);
988
+ --ct-side-navigation-light-link-child-color: var(--ct-color-light-heading);
989
+ --ct-side-navigation-light-link-child-stripe-background-color: var(--ct-color-light-border-light);
990
+ --ct-side-navigation-light-link-child-hover-background-color: var(--ct-color-light-background-dark);
991
+ --ct-side-navigation-light-link-child-hover-border-color: var(--ct-color-light-border-light);
992
+ --ct-side-navigation-light-link-child-hover-color: var(--ct-color-light-heading);
993
+ --ct-side-navigation-light-link-child-hover-stripe-background-color: var(--ct-color-light-highlight);
994
+ --ct-side-navigation-light-link-child-active-background-color: var(--ct-color-light-background);
995
+ --ct-side-navigation-light-link-child-active-border-color: var(--ct-color-light-border-light);
996
+ --ct-side-navigation-light-link-child-active-color: var(--ct-color-light-heading);
997
+ --ct-side-navigation-light-link-child-active-stripe-background-color: var(--ct-color-light-highlight);
998
+ --ct-side-navigation-dark-title-color: var(--ct-color-dark-heading);
999
+ --ct-side-navigation-dark-link-expanded-icon-color: var(--ct-color-dark-heading);
1000
+ --ct-side-navigation-dark-link-parent-background-color: var(--ct-color-dark-background-light);
1001
+ --ct-side-navigation-dark-link-parent-border-color: var(--ct-color-dark-interaction-text);
1002
+ --ct-side-navigation-dark-link-parent-color: var(--ct-color-dark-heading);
1003
+ --ct-side-navigation-dark-link-parent-stripe-background-color: var(--ct-color-dark-interaction-text);
1004
+ --ct-side-navigation-dark-link-parent-hover-background-color: var(--ct-color-dark-background-dark);
1005
+ --ct-side-navigation-dark-link-parent-hover-border-color: var(--ct-color-dark-interaction-text);
1006
+ --ct-side-navigation-dark-link-parent-hover-color: var(--ct-color-dark-heading);
1007
+ --ct-side-navigation-dark-link-parent-hover-stripe-background-color: var(--ct-color-dark-highlight);
1008
+ --ct-side-navigation-dark-link-parent-active-background-color: var(--ct-color-dark-background);
1009
+ --ct-side-navigation-dark-link-parent-active-border-color: var(--ct-color-dark-interaction-text);
1010
+ --ct-side-navigation-dark-link-parent-active-color: var(--ct-color-dark-heading);
1011
+ --ct-side-navigation-dark-link-parent-active-stripe-background-color: var(--ct-color-dark-highlight);
1012
+ --ct-side-navigation-dark-link-child-background-color: var(--ct-color-dark-background-light);
1013
+ --ct-side-navigation-dark-link-child-border-color: var(--ct-color-dark-interaction-text);
1014
+ --ct-side-navigation-dark-link-child-color: var(--ct-color-dark-heading);
1015
+ --ct-side-navigation-dark-link-child-stripe-background-color: var(--ct-color-dark-interaction-text);
1016
+ --ct-side-navigation-dark-link-child-hover-background-color: var(--ct-color-dark-background-dark);
1017
+ --ct-side-navigation-dark-link-child-hover-border-color: var(--ct-color-dark-interaction-text);
1018
+ --ct-side-navigation-dark-link-child-hover-color: var(--ct-color-dark-heading);
1019
+ --ct-side-navigation-dark-link-child-hover-stripe-background-color: var(--ct-color-dark-highlight);
1020
+ --ct-side-navigation-dark-link-child-active-background-color: var(--ct-color-dark-background);
1021
+ --ct-side-navigation-dark-link-child-active-border-color: var(--ct-color-dark-interaction-text);
1022
+ --ct-side-navigation-dark-link-child-active-color: var(--ct-color-dark-heading);
1023
+ --ct-side-navigation-dark-link-child-active-stripe-background-color: var(--ct-color-dark-highlight);
1024
+ --ct-mobile-navigation-light-panel-background-color: var(--ct-color-light-background-light);
1025
+ --ct-mobile-navigation-light-top-menu-background-color: var(--ct-color-light-background-light);
1026
+ --ct-mobile-navigation-light-bottom-menu-background-color: var(--ct-color-light-background);
1027
+ --ct-mobile-navigation-light-menu-item-color: var(--ct-color-light-interaction-background);
1028
+ --ct-mobile-navigation-light-menu-item-hover-color: var(--ct-color-light-interaction-background);
1029
+ --ct-mobile-navigation-light-menu-divider-border-color: var(--ct-color-light-border-light);
1030
+ --ct-mobile-navigation-light-subsection-heading-color: var(--ct-color-light-heading);
1031
+ --ct-mobile-navigation-light-subsection-heading-icon-color: var(--ct-color-light-heading);
1032
+ --ct-mobile-navigation-light-subsection-trigger-color: var(--ct-color-light-interaction-background);
1033
+ --ct-mobile-navigation-trigger-light-color: var(--ct-color-light-interaction-background);
1034
+ --ct-mobile-navigation-dark-panel-background-color: var(--ct-color-dark-background);
1035
+ --ct-mobile-navigation-dark-top-menu-background-color: var(--ct-color-dark-background);
1036
+ --ct-mobile-navigation-dark-bottom-menu-background-color: var(--ct-color-dark-background-dark);
1037
+ --ct-mobile-navigation-dark-menu-item-color: var(--ct-color-dark-interaction-background);
1038
+ --ct-mobile-navigation-dark-menu-item-hover-color: var(--ct-color-dark-interaction-background);
1039
+ --ct-mobile-navigation-dark-menu-divider-border-color: var(--ct-color-dark-border);
1040
+ --ct-mobile-navigation-dark-subsection-heading-color: var(--ct-color-dark-heading);
1041
+ --ct-mobile-navigation-dark-subsection-heading-icon-color: var(--ct-color-dark-heading);
1042
+ --ct-mobile-navigation-dark-subsection-trigger-color: var(--ct-color-dark-interaction-background);
1043
+ --ct-mobile-navigation-trigger-dark-color: var(--ct-color-dark-interaction-background);
1044
+ --ct-promo-light-background-color: var(--ct-color-light-background-light);
1045
+ --ct-promo-light-border-color: var(--ct-color-light-border-light);
1046
+ --ct-promo-dark-background-color: var(--ct-color-dark-background);
1047
+ --ct-promo-dark-border-color: var(--ct-color-dark-border);
1048
+ --ct-promo-space-horizontal: 3.5rem;
1049
+ --ct-skip-link-light-background-color: var(--ct-color-light-background);
1050
+ --ct-skip-link-dark-background-color: var(--ct-color-dark-background);
1051
+ --ct-slider-border-radius: 0.25rem;
1052
+ --ct-slider-space-horizontal: 3.5rem;
1053
+ --ct-slide-mobile-height: 17.5rem;
1054
+ --ct-slider-mobile-transition: 0.5s;
1055
+ --ct-slider-desktop-transition: 1s;
1056
+ --ct-slider-light-background-color: var(--ct-color-light-background-light);
1057
+ --ct-slider-light-slide-background-color: var(--ct-color-light-background);
1058
+ --ct-slider-dark-background-color: var(--ct-color-dark-background);
1059
+ --ct-slider-dark-slide-background-color: var(--ct-color-dark-background-dark);
1060
+ --ct-webform-light-background-color: var(--ct-color-light-background);
1061
+ --ct-webform-dark-background-color: var(--ct-color-dark-background);
1062
+ --ct-page-light-background-color: var(--ct-color-light-background-light);
1063
+ --ct-page-dark-background-color: var(--ct-color-dark-background-dark);
1064
+ }
1065
+ @media (min-width: 768px) {
1066
+ html {
1067
+ --ct-typography-display-font-size: 3.5rem;
1068
+ --ct-typography-display-line-height: 3.75rem;
1069
+ --ct-typography-display-font-name: "Lexend", sans-serif;
1070
+ --ct-typography-display-font-weight: 700;
1071
+ --ct-typography-display-letter-spacing: -1px;
1072
+ --ct-typography-heading-1-font-size: 3rem;
1073
+ --ct-typography-heading-1-line-height: 3.75rem;
1074
+ --ct-typography-heading-1-font-name: "Lexend", sans-serif;
1075
+ --ct-typography-heading-1-font-weight: 700;
1076
+ --ct-typography-heading-1-letter-spacing: -1px;
1077
+ --ct-typography-heading-2-font-size: 2.5rem;
1078
+ --ct-typography-heading-2-line-height: 3rem;
1079
+ --ct-typography-heading-2-font-name: "Lexend", sans-serif;
1080
+ --ct-typography-heading-2-font-weight: 700;
1081
+ --ct-typography-heading-2-letter-spacing: -0.8px;
1082
+ --ct-typography-heading-3-font-size: 2rem;
1083
+ --ct-typography-heading-3-line-height: 2.5rem;
1084
+ --ct-typography-heading-3-font-name: "Lexend", sans-serif;
1085
+ --ct-typography-heading-3-font-weight: 700;
1086
+ --ct-typography-heading-3-letter-spacing: -0.6px;
1087
+ --ct-typography-heading-4-font-size: 1.5rem;
1088
+ --ct-typography-heading-4-line-height: 2rem;
1089
+ --ct-typography-heading-4-font-name: "Lexend", sans-serif;
1090
+ --ct-typography-heading-4-font-weight: 700;
1091
+ --ct-typography-heading-4-letter-spacing: -0.4px;
1092
+ --ct-typography-heading-5-font-size: 1.25rem;
1093
+ --ct-typography-heading-5-line-height: 1.5rem;
1094
+ --ct-typography-heading-5-font-name: "Lexend", sans-serif;
1095
+ --ct-typography-heading-5-font-weight: 700;
1096
+ --ct-typography-heading-5-letter-spacing: -0.2px;
1097
+ --ct-typography-text-extra-large-font-size: 1.5rem;
1098
+ --ct-typography-text-extra-large-line-height: 1.5rem;
1099
+ --ct-typography-text-extra-large-font-name: "Lexend", sans-serif;
1100
+ --ct-typography-text-extra-large-font-weight: 400;
1101
+ --ct-typography-text-extra-large-letter-spacing: 0;
1102
+ --ct-typography-text-large-font-size: 1.25rem;
1103
+ --ct-typography-text-large-line-height: 2.125rem;
1104
+ --ct-typography-text-large-font-name: "Lexend", sans-serif;
1105
+ --ct-typography-text-large-font-weight: 400;
1106
+ --ct-typography-text-large-letter-spacing: 0;
1107
+ --ct-typography-text-regular-font-size: 1rem;
1108
+ --ct-typography-text-regular-line-height: 1.75rem;
1109
+ --ct-typography-text-regular-font-name: "Lexend", sans-serif;
1110
+ --ct-typography-text-regular-font-weight: 400;
1111
+ --ct-typography-text-regular-letter-spacing: 0;
1112
+ --ct-typography-text-small-font-size: 0.875rem;
1113
+ --ct-typography-text-small-line-height: 1.5rem;
1114
+ --ct-typography-text-small-font-name: "Lexend", sans-serif;
1115
+ --ct-typography-text-small-font-weight: 400;
1116
+ --ct-typography-text-small-letter-spacing: 0;
1117
+ --ct-typography-label-extra-large-font-size: 1.5rem;
1118
+ --ct-typography-label-extra-large-line-height: 1.5rem;
1119
+ --ct-typography-label-extra-large-font-name: "Lexend", sans-serif;
1120
+ --ct-typography-label-extra-large-font-weight: 600;
1121
+ --ct-typography-label-extra-large-letter-spacing: 0;
1122
+ --ct-typography-label-large-font-size: 1.125rem;
1123
+ --ct-typography-label-large-line-height: 1.5rem;
1124
+ --ct-typography-label-large-font-name: "Lexend", sans-serif;
1125
+ --ct-typography-label-large-font-weight: 600;
1126
+ --ct-typography-label-large-letter-spacing: 0;
1127
+ --ct-typography-label-regular-font-size: 1rem;
1128
+ --ct-typography-label-regular-line-height: 1.25rem;
1129
+ --ct-typography-label-regular-font-name: "Lexend", sans-serif;
1130
+ --ct-typography-label-regular-font-weight: 600;
1131
+ --ct-typography-label-regular-letter-spacing: -0.1px;
1132
+ --ct-typography-label-small-font-size: 1rem;
1133
+ --ct-typography-label-small-line-height: 1.25rem;
1134
+ --ct-typography-label-small-font-name: "Lexend", sans-serif;
1135
+ --ct-typography-label-small-font-weight: 400;
1136
+ --ct-typography-label-small-letter-spacing: -0.1px;
1137
+ --ct-typography-label-extra-small-font-size: 0.875rem;
1138
+ --ct-typography-label-extra-small-line-height: 1.125rem;
1139
+ --ct-typography-label-extra-small-font-name: "Lexend", sans-serif;
1140
+ --ct-typography-label-extra-small-font-weight: 400;
1141
+ --ct-typography-label-extra-small-letter-spacing: 0;
1142
+ --ct-typography-quote-font-size: 1.5rem;
1143
+ --ct-typography-quote-line-height: 2.5rem;
1144
+ --ct-typography-quote-font-name: "Lexend", sans-serif;
1145
+ --ct-typography-quote-font-weight: 400;
1146
+ --ct-typography-quote-letter-spacing: -0.35px;
1147
+ }
1148
+ }