@fremtind/jokul 6.1.0-next.3 → 6.1.0-next.5

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 (270) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/button-group/ButtonGroup.cjs +2 -0
  3. package/build/cjs/components/button-group/ButtonGroup.cjs.map +1 -0
  4. package/build/cjs/components/button-group/ButtonGroup.d.cts +7 -0
  5. package/build/cjs/components/button-group/index.cjs +2 -0
  6. package/build/cjs/components/button-group/index.cjs.map +1 -0
  7. package/build/cjs/components/button-group/index.d.cts +1 -0
  8. package/build/cjs/components/checkbox/types.d.cts +2 -2
  9. package/build/cjs/components/combobox/Combobox.cjs +1 -1
  10. package/build/cjs/components/combobox/Combobox.cjs.map +1 -1
  11. package/build/cjs/components/combobox/types.d.cts +2 -1
  12. package/build/cjs/components/date-input/DateInput.cjs +1 -1
  13. package/build/cjs/components/date-input/DateInput.cjs.map +1 -1
  14. package/build/cjs/components/date-input/DateInput.d.cts +1 -1
  15. package/build/cjs/components/date-input/types.d.cts +2 -2
  16. package/build/cjs/components/input-group/InputGroup.cjs +1 -1
  17. package/build/cjs/components/input-group/InputGroup.cjs.map +1 -1
  18. package/build/cjs/components/input-group/Label.cjs +1 -1
  19. package/build/cjs/components/input-group/Label.cjs.map +1 -1
  20. package/build/cjs/components/input-group/types.d.cts +9 -2
  21. package/build/cjs/components/input-panel/InputPanel.d.cts +1 -1
  22. package/build/cjs/components/input-panel/types.d.cts +2 -2
  23. package/build/cjs/components/message/Message.cjs +1 -1
  24. package/build/cjs/components/message/Message.cjs.map +1 -1
  25. package/build/cjs/components/message/types.d.cts +5 -1
  26. package/build/cjs/components/notification-badge/NotificationBadge.cjs +2 -0
  27. package/build/cjs/components/notification-badge/NotificationBadge.cjs.map +1 -0
  28. package/build/cjs/components/notification-badge/NotificationBadge.d.cts +3 -0
  29. package/build/cjs/components/notification-badge/index.cjs +2 -0
  30. package/build/cjs/components/notification-badge/index.cjs.map +1 -0
  31. package/build/cjs/components/notification-badge/index.d.cts +2 -0
  32. package/build/cjs/components/notification-badge/types.cjs +2 -0
  33. package/build/cjs/components/notification-badge/types.cjs.map +1 -0
  34. package/build/cjs/components/notification-badge/types.d.cts +40 -0
  35. package/build/cjs/components/number-input/NumberInput.d.cts +1 -1
  36. package/build/cjs/components/number-input/types.d.cts +2 -1
  37. package/build/cjs/components/radio-button/types.d.cts +2 -1
  38. package/build/cjs/components/search/Search.cjs +1 -1
  39. package/build/cjs/components/search/Search.cjs.map +1 -1
  40. package/build/cjs/components/search/types.d.cts +2 -1
  41. package/build/cjs/components/select/Option.d.cts +1 -1
  42. package/build/cjs/components/select/Select.cjs.map +1 -1
  43. package/build/cjs/components/select/Select.d.cts +2 -2
  44. package/build/cjs/components/system-message/SystemMessage.cjs +1 -1
  45. package/build/cjs/components/system-message/SystemMessage.cjs.map +1 -1
  46. package/build/cjs/components/tag/Tag.cjs +1 -1
  47. package/build/cjs/components/tag/Tag.cjs.map +1 -1
  48. package/build/cjs/components/text-area/types.d.cts +2 -1
  49. package/build/cjs/components/text-input/types.d.cts +3 -2
  50. package/build/cjs/components/toast/Toast.cjs +1 -1
  51. package/build/cjs/components/toast/Toast.cjs.map +1 -1
  52. package/build/cjs/components/toggle-switch/ToggleSwitch.d.cts +1 -1
  53. package/build/cjs/components/toggle-switch/types.d.cts +2 -2
  54. package/build/cjs/hooks/index.cjs +1 -1
  55. package/build/cjs/hooks/index.d.cts +1 -0
  56. package/build/cjs/hooks/useMergeRefs/useMergeRefs.cjs +2 -0
  57. package/build/cjs/hooks/useMergeRefs/useMergeRefs.cjs.map +1 -0
  58. package/build/cjs/hooks/useMergeRefs/useMergeRefs.d.cts +8 -0
  59. package/build/cjs/tokens.cjs +1 -1
  60. package/build/cjs/tokens.cjs.map +1 -1
  61. package/build/cjs/tokens.d.cts +3 -0
  62. package/build/cjs/utilities/index.cjs +1 -1
  63. package/build/cjs/utilities/index.d.cts +1 -0
  64. package/build/cjs/utilities/mergeRefs.cjs +1 -1
  65. package/build/cjs/utilities/mergeRefs.cjs.map +1 -1
  66. package/build/cjs/utilities/mergeRefs.d.cts +0 -8
  67. package/build/cjs/utilities/types.cjs +1 -1
  68. package/build/cjs/utilities/types.cjs.map +1 -1
  69. package/build/cjs/utilities/types.d.cts +36 -2
  70. package/build/es/components/button-group/ButtonGroup.d.ts +7 -0
  71. package/build/es/components/button-group/ButtonGroup.js +2 -0
  72. package/build/es/components/button-group/ButtonGroup.js.map +1 -0
  73. package/build/es/components/button-group/index.d.ts +1 -0
  74. package/build/es/components/button-group/index.js +2 -0
  75. package/build/es/components/button-group/index.js.map +1 -0
  76. package/build/es/components/checkbox/types.d.ts +2 -2
  77. package/build/es/components/combobox/Combobox.js +1 -1
  78. package/build/es/components/combobox/Combobox.js.map +1 -1
  79. package/build/es/components/combobox/types.d.ts +2 -1
  80. package/build/es/components/date-input/DateInput.d.ts +1 -1
  81. package/build/es/components/date-input/DateInput.js +1 -1
  82. package/build/es/components/date-input/DateInput.js.map +1 -1
  83. package/build/es/components/date-input/types.d.ts +2 -2
  84. package/build/es/components/input-group/InputGroup.js +1 -1
  85. package/build/es/components/input-group/InputGroup.js.map +1 -1
  86. package/build/es/components/input-group/Label.js +1 -1
  87. package/build/es/components/input-group/Label.js.map +1 -1
  88. package/build/es/components/input-group/types.d.ts +9 -2
  89. package/build/es/components/input-panel/InputPanel.d.ts +1 -1
  90. package/build/es/components/input-panel/types.d.ts +2 -2
  91. package/build/es/components/message/Message.js +1 -1
  92. package/build/es/components/message/Message.js.map +1 -1
  93. package/build/es/components/message/types.d.ts +5 -1
  94. package/build/es/components/notification-badge/NotificationBadge.d.ts +3 -0
  95. package/build/es/components/notification-badge/NotificationBadge.js +2 -0
  96. package/build/es/components/notification-badge/NotificationBadge.js.map +1 -0
  97. package/build/es/components/notification-badge/index.d.ts +2 -0
  98. package/build/es/components/notification-badge/index.js +2 -0
  99. package/build/es/components/notification-badge/index.js.map +1 -0
  100. package/build/es/components/notification-badge/types.d.ts +40 -0
  101. package/build/es/components/notification-badge/types.js +2 -0
  102. package/build/es/components/notification-badge/types.js.map +1 -0
  103. package/build/es/components/number-input/NumberInput.d.ts +1 -1
  104. package/build/es/components/number-input/types.d.ts +2 -1
  105. package/build/es/components/radio-button/types.d.ts +2 -1
  106. package/build/es/components/search/Search.js +1 -1
  107. package/build/es/components/search/Search.js.map +1 -1
  108. package/build/es/components/search/types.d.ts +2 -1
  109. package/build/es/components/select/Option.d.ts +1 -1
  110. package/build/es/components/select/Select.d.ts +2 -2
  111. package/build/es/components/select/Select.js.map +1 -1
  112. package/build/es/components/system-message/SystemMessage.js +1 -1
  113. package/build/es/components/system-message/SystemMessage.js.map +1 -1
  114. package/build/es/components/tag/Tag.js +1 -1
  115. package/build/es/components/tag/Tag.js.map +1 -1
  116. package/build/es/components/text-area/types.d.ts +2 -1
  117. package/build/es/components/text-input/types.d.ts +3 -2
  118. package/build/es/components/toast/Toast.js +1 -1
  119. package/build/es/components/toast/Toast.js.map +1 -1
  120. package/build/es/components/toggle-switch/ToggleSwitch.d.ts +1 -1
  121. package/build/es/components/toggle-switch/types.d.ts +2 -2
  122. package/build/es/hooks/index.d.ts +1 -0
  123. package/build/es/hooks/index.js +1 -1
  124. package/build/es/hooks/useMergeRefs/useMergeRefs.d.ts +8 -0
  125. package/build/es/hooks/useMergeRefs/useMergeRefs.js +2 -0
  126. package/build/es/hooks/useMergeRefs/useMergeRefs.js.map +1 -0
  127. package/build/es/tokens.d.ts +3 -0
  128. package/build/es/tokens.js +1 -1
  129. package/build/es/tokens.js.map +1 -1
  130. package/build/es/utilities/index.d.ts +1 -0
  131. package/build/es/utilities/index.js +1 -1
  132. package/build/es/utilities/mergeRefs.d.ts +0 -8
  133. package/build/es/utilities/mergeRefs.js +1 -1
  134. package/build/es/utilities/mergeRefs.js.map +1 -1
  135. package/build/es/utilities/types.d.ts +36 -2
  136. package/build/es/utilities/types.js +1 -1
  137. package/build/es/utilities/types.js.map +1 -1
  138. package/package.json +3 -2
  139. package/styles/base.css +194 -116
  140. package/styles/base.min.css +1 -1
  141. package/styles/components/autosuggest/autosuggest.min.css +1 -1
  142. package/styles/components/beta/nav-link/navlink.min.css +1 -1
  143. package/styles/components/button/button.css +3 -3
  144. package/styles/components/button/button.min.css +1 -1
  145. package/styles/components/button/button.scss +3 -5
  146. package/styles/components/button-group/_index.scss +1 -0
  147. package/styles/components/button-group/button-group.css +12 -0
  148. package/styles/components/button-group/button-group.min.css +1 -0
  149. package/styles/components/button-group/button-group.scss +14 -0
  150. package/styles/components/card/card.min.css +1 -1
  151. package/styles/components/checkbox/checkbox.css +15 -0
  152. package/styles/components/checkbox/checkbox.min.css +1 -1
  153. package/styles/components/checkbox/checkbox.scss +4 -0
  154. package/styles/components/checkbox-panel/checkbox-panel.css +32 -0
  155. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  156. package/styles/components/chip/chip.css +6 -13
  157. package/styles/components/chip/chip.min.css +1 -1
  158. package/styles/components/chip/chip.scss +4 -14
  159. package/styles/components/combobox/combobox.css +45 -0
  160. package/styles/components/combobox/combobox.min.css +1 -1
  161. package/styles/components/combobox/combobox.scss +11 -0
  162. package/styles/components/cookie-consent/cookie-consent.min.css +1 -1
  163. package/styles/components/countdown/countdown.css +2 -2
  164. package/styles/components/countdown/countdown.min.css +1 -1
  165. package/styles/components/date-input/calendar/calendar.css +15 -4
  166. package/styles/components/date-input/calendar/calendar.min.css +1 -1
  167. package/styles/components/date-input/calendar/calendar.scss +6 -10
  168. package/styles/components/date-input/date-input.css +25 -0
  169. package/styles/components/date-input/date-input.min.css +1 -1
  170. package/styles/components/description-list/description-list.min.css +1 -1
  171. package/styles/components/expander/accordion.min.css +1 -1
  172. package/styles/components/expander/expandable.css +1 -1
  173. package/styles/components/expander/expandable.min.css +1 -1
  174. package/styles/components/expander/expandable.scss +2 -2
  175. package/styles/components/feedback/feedback.css +2 -2
  176. package/styles/components/feedback/feedback.min.css +1 -1
  177. package/styles/components/file/file.min.css +1 -1
  178. package/styles/components/file-input/file-input.css +27 -12
  179. package/styles/components/file-input/file-input.min.css +1 -1
  180. package/styles/components/file-input/file-input.scss +6 -0
  181. package/styles/components/icon-button/icon-button.min.css +1 -1
  182. package/styles/components/input-group/_labels.scss +52 -0
  183. package/styles/components/input-group/input-group.css +52 -2
  184. package/styles/components/input-group/input-group.min.css +1 -1
  185. package/styles/components/input-panel/input-panel.css +17 -0
  186. package/styles/components/input-panel/input-panel.min.css +1 -1
  187. package/styles/components/input-panel/input-panel.scss +7 -0
  188. package/styles/components/link-list/link-list.css +1 -1
  189. package/styles/components/link-list/link-list.min.css +1 -1
  190. package/styles/components/link-list/link-list.scss +1 -1
  191. package/styles/components/list/list.min.css +1 -1
  192. package/styles/components/loader/loader.css +6 -6
  193. package/styles/components/loader/loader.min.css +1 -1
  194. package/styles/components/loader/skeleton-loader.css +3 -3
  195. package/styles/components/loader/skeleton-loader.min.css +1 -1
  196. package/styles/components/menu/_menu-item.scss +1 -1
  197. package/styles/components/menu/menu.css +1 -1
  198. package/styles/components/menu/menu.min.css +1 -1
  199. package/styles/components/message/message.css +5 -25
  200. package/styles/components/message/message.min.css +1 -1
  201. package/styles/components/message/message.scss +3 -27
  202. package/styles/components/modal/modal.min.css +1 -1
  203. package/styles/components/nav-link/nav-link.min.css +1 -1
  204. package/styles/components/notification-badge/_index.scss +1 -0
  205. package/styles/components/notification-badge/notification-badge.css +45 -0
  206. package/styles/components/notification-badge/notification-badge.min.css +3 -0
  207. package/styles/components/notification-badge/notification-badge.scss +58 -0
  208. package/styles/components/number-input/number-input.css +37 -1
  209. package/styles/components/number-input/number-input.min.css +1 -1
  210. package/styles/components/number-input/number-input.scss +1 -2
  211. package/styles/components/popover/popover.min.css +1 -1
  212. package/styles/components/progress-bar/progress-bar.css +1 -1
  213. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  214. package/styles/components/radio-button/radio-button.css +15 -0
  215. package/styles/components/radio-button/radio-button.min.css +1 -1
  216. package/styles/components/radio-button/radio-button.scss +4 -0
  217. package/styles/components/radio-panel/radio-panel.css +17 -0
  218. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  219. package/styles/components/search/search-with-submit-button.css +29 -43
  220. package/styles/components/search/search-with-submit-button.min.css +1 -1
  221. package/styles/components/search/search-with-submit-button.scss +9 -24
  222. package/styles/components/search/search.css +246 -125
  223. package/styles/components/search/search.min.css +1 -1
  224. package/styles/components/search/search.scss +98 -103
  225. package/styles/components/segmented-control/segmented-control.css +94 -13
  226. package/styles/components/segmented-control/segmented-control.min.css +1 -1
  227. package/styles/components/segmented-control/segmented-control.scss +8 -2
  228. package/styles/components/select/option.css +17 -2
  229. package/styles/components/select/option.min.css +1 -1
  230. package/styles/components/select/option.scss +6 -3
  231. package/styles/components/select/select.css +17 -0
  232. package/styles/components/select/select.min.css +1 -1
  233. package/styles/components/select/select.scss +7 -0
  234. package/styles/components/system-message/system-message.css +5 -25
  235. package/styles/components/system-message/system-message.min.css +1 -1
  236. package/styles/components/system-message/system-message.scss +3 -27
  237. package/styles/components/table/_table-row.scss +2 -2
  238. package/styles/components/table/table.css +2 -2
  239. package/styles/components/table/table.min.css +2 -2
  240. package/styles/components/tabs/tabs.css +2 -0
  241. package/styles/components/tabs/tabs.min.css +1 -1
  242. package/styles/components/tabs/tabs.scss +2 -0
  243. package/styles/components/tag/tag.css +4 -24
  244. package/styles/components/tag/tag.min.css +1 -1
  245. package/styles/components/tag/tag.scss +4 -28
  246. package/styles/components/text-area/text-area.css +25 -0
  247. package/styles/components/text-area/text-area.min.css +1 -1
  248. package/styles/components/text-input/text-input.css +25 -0
  249. package/styles/components/text-input/text-input.min.css +1 -1
  250. package/styles/components/toast/toast.css +12 -52
  251. package/styles/components/toast/toast.min.css +1 -1
  252. package/styles/components/toast/toast.scss +6 -60
  253. package/styles/components/toggle-switch/toggle-switch.css +12 -7
  254. package/styles/components/toggle-switch/toggle-switch.min.css +1 -1
  255. package/styles/components/toggle-switch/toggle-switch.scss +1 -11
  256. package/styles/components/tooltip/tooltip.min.css +1 -1
  257. package/styles/components.css +770 -381
  258. package/styles/components.min.css +4 -2
  259. package/styles/components.scss +2 -0
  260. package/styles/jkl/_index.scss +1 -0
  261. package/styles/jkl/_ornaments.scss +8 -0
  262. package/styles/jkl/_states.scss +45 -0
  263. package/styles/jkl/_tokens.scss +4 -0
  264. package/styles/shared/input/shared-input-styles.scss +21 -0
  265. package/styles/theme/_color-mode.scss +62 -0
  266. package/styles/theme/_color-scheme.scss +60 -57
  267. package/styles/theme/_data-theme.scss +21 -0
  268. package/styles/theme/_index.scss +2 -0
  269. package/styles/theme/_tokens.scss +2 -2
  270. package/styles/theme/brands/dnb/_color-scheme.scss +60 -57
package/styles/base.css CHANGED
@@ -402,118 +402,61 @@
402
402
  @layer jokul.theme {
403
403
  :root {
404
404
  color-scheme: light dark;
405
- /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
406
- --jkl-color-background-page: #F3F0ED;
407
405
  --jkl-color-background-page: light-dark(#F3F0ED, #0E0D0C);
408
- --jkl-color-background-container: #FFFFFF;
409
406
  --jkl-color-background-container: light-dark(#FFFFFF, #262221);
410
- --jkl-color-background-container-accent: #E4DFD8;
411
407
  --jkl-color-background-container-accent: light-dark(#E4DFD8, #3C3434);
412
- --jkl-color-background-contrast: #262221;
413
408
  --jkl-color-background-contrast: light-dark(#262221, #F3F0ED);
414
- --jkl-color-text-default: #0E0D0C;
415
409
  --jkl-color-text-default: light-dark(#0E0D0C, #FFFFFF);
416
- --jkl-color-text-subdued: #636060;
417
410
  --jkl-color-text-subdued: light-dark(#636060, #C8C5C3);
418
- --jkl-color-text-accent: #0E0D0C;
419
411
  --jkl-color-text-accent: light-dark(#0E0D0C, #FFFFFF);
420
- --jkl-color-text-on-contrast: #FFFFFF;
421
412
  --jkl-color-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
422
- --jkl-color-border-default: #636060;
423
413
  --jkl-color-border-default: light-dark(#636060, #C8C5C3);
424
- --jkl-color-border-subdued: #C8C5C3;
425
414
  --jkl-color-border-subdued: light-dark(#C8C5C3, #636060);
426
- --jkl-color-border-strong: #0E0D0C;
427
415
  --jkl-color-border-strong: light-dark(#0E0D0C, #FFFFFF);
428
- --jkl-color-warning-background-page: #F3F0ED;
429
416
  --jkl-color-warning-background-page: light-dark(#F3F0ED, #0E0D0C);
430
- --jkl-color-warning-background-container: #EED9C3;
431
417
  --jkl-color-warning-background-container: light-dark(#EED9C3, #48351E);
432
- --jkl-color-warning-background-container-accent: #E4BC8A;
433
418
  --jkl-color-warning-background-container-accent: light-dark(#E4BC8A, #61492D);
434
- --jkl-color-warning-background-contrast: #D3770B;
435
419
  --jkl-color-warning-background-contrast: light-dark(#D3770B, #EAA858);
436
- --jkl-color-warning-text-default: #522E04;
437
420
  --jkl-color-warning-text-default: light-dark(#522E04, #FDECD8);
438
- --jkl-color-warning-text-subdued: #636060;
439
421
  --jkl-color-warning-text-subdued: light-dark(#636060, #C8C5C3);
440
- --jkl-color-warning-text-accent: #D3770B;
441
422
  --jkl-color-warning-text-accent: light-dark(#D3770B, #EAA858);
442
- --jkl-color-warning-text-on-contrast: #FFFFFF;
443
423
  --jkl-color-warning-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
444
- --jkl-color-warning-border-default: #D3770B;
445
424
  --jkl-color-warning-border-default: light-dark(#D3770B, #EAA858);
446
- --jkl-color-warning-border-subdued: #E4BC8A;
447
425
  --jkl-color-warning-border-subdued: light-dark(#E4BC8A, #61492D);
448
- --jkl-color-warning-border-strong: #522E04;
449
426
  --jkl-color-warning-border-strong: light-dark(#522E04, #FDECD8);
450
- --jkl-color-success-background-page: #F3F0ED;
451
427
  --jkl-color-success-background-page: light-dark(#F3F0ED, #0E0D0C);
452
- --jkl-color-success-background-container: #D2E9CB;
453
428
  --jkl-color-success-background-container: light-dark(#D2E9CB, #334D34);
454
- --jkl-color-success-background-container-accent: #B7CFAF;
455
429
  --jkl-color-success-background-container-accent: light-dark(#B7CFAF, #3F5F41);
456
- --jkl-color-success-background-contrast: #24753A;
457
430
  --jkl-color-success-background-contrast: light-dark(#24753A, #81E49C);
458
- --jkl-color-success-text-default: #0A430D;
459
431
  --jkl-color-success-text-default: light-dark(#0A430D, #DCF9E0);
460
- --jkl-color-success-text-subdued: #636060;
461
432
  --jkl-color-success-text-subdued: light-dark(#636060, #C8C5C3);
462
- --jkl-color-success-text-accent: #24753A;
463
433
  --jkl-color-success-text-accent: light-dark(#24753A, #81E49C);
464
- --jkl-color-success-text-on-contrast: #FFFFFF;
465
434
  --jkl-color-success-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
466
- --jkl-color-success-border-default: #24753A;
467
435
  --jkl-color-success-border-default: light-dark(#24753A, #81E49C);
468
- --jkl-color-success-border-subdued: #B7CFAF;
469
436
  --jkl-color-success-border-subdued: light-dark(#B7CFAF, #3F5F41);
470
- --jkl-color-success-border-strong: #0A430D;
471
437
  --jkl-color-success-border-strong: light-dark(#0A430D, #DCF9E0);
472
- --jkl-color-info-background-page: #F3F0ED;
473
438
  --jkl-color-info-background-page: light-dark(#F3F0ED, #0E0D0C);
474
- --jkl-color-info-background-container: #D3D3F6;
475
439
  --jkl-color-info-background-container: light-dark(#D3D3F6, #35355B);
476
- --jkl-color-info-background-container-accent: #B5B5EB;
477
440
  --jkl-color-info-background-container-accent: light-dark(#B5B5EB, #4B4B89);
478
- --jkl-color-info-background-contrast: #4646D1;
479
441
  --jkl-color-info-background-contrast: light-dark(#4646D1, #9A9AEB);
480
- --jkl-color-info-text-default: #111145;
481
442
  --jkl-color-info-text-default: light-dark(#111145, #D8D8FD);
482
- --jkl-color-info-text-subdued: #636060;
483
443
  --jkl-color-info-text-subdued: light-dark(#636060, #C8C5C3);
484
- --jkl-color-info-text-accent: #4646D1;
485
444
  --jkl-color-info-text-accent: light-dark(#4646D1, #9A9AEB);
486
- --jkl-color-info-text-on-contrast: #FFFFFF;
487
445
  --jkl-color-info-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
488
- --jkl-color-info-border-default: #4646D1;
489
446
  --jkl-color-info-border-default: light-dark(#4646D1, #9A9AEB);
490
- --jkl-color-info-border-subdued: #B5B5EB;
491
447
  --jkl-color-info-border-subdued: light-dark(#B5B5EB, #4B4B89);
492
- --jkl-color-info-border-strong: #111145;
493
448
  --jkl-color-info-border-strong: light-dark(#111145, #D8D8FD);
494
- --jkl-color-error-background-page: #F3F0ED;
495
449
  --jkl-color-error-background-page: light-dark(#F3F0ED, #0E0D0C);
496
- --jkl-color-error-background-container: #F0D6D6;
497
450
  --jkl-color-error-background-container: light-dark(#F0D6D6, #4C2A28);
498
- --jkl-color-error-background-container-accent: #E4B7B6;
499
451
  --jkl-color-error-background-container-accent: light-dark(#E4B7B6, #6A3C39);
500
- --jkl-color-error-background-contrast: #B32424;
501
452
  --jkl-color-error-background-contrast: light-dark(#B32424, #F38C8C);
502
- --jkl-color-error-text-default: #4A0D0D;
503
453
  --jkl-color-error-text-default: light-dark(#4A0D0D, #FCD9D9);
504
- --jkl-color-error-text-subdued: #636060;
505
454
  --jkl-color-error-text-subdued: light-dark(#636060, #C8C5C3);
506
- --jkl-color-error-text-accent: #B32424;
507
455
  --jkl-color-error-text-accent: light-dark(#B32424, #F38C8C);
508
- --jkl-color-error-text-on-contrast: #FFFFFF;
509
456
  --jkl-color-error-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
510
- --jkl-color-error-border-default: #B32424;
511
457
  --jkl-color-error-border-default: light-dark(#B32424, #F38C8C);
512
- --jkl-color-error-border-subdued: #E4B7B6;
513
458
  --jkl-color-error-border-subdued: light-dark(#E4B7B6, #6A3C39);
514
- --jkl-color-error-border-strong: #4A0D0D;
515
459
  --jkl-color-error-border-strong: light-dark(#4A0D0D, #FCD9D9);
516
- /* stylelint-enable declaration-block-no-duplicate-custom-properties */
517
460
  }
518
461
  [data-theme=light] {
519
462
  color-scheme: light;
@@ -521,6 +464,122 @@
521
464
  [data-theme=dark] {
522
465
  color-scheme: dark;
523
466
  }
467
+ @supports not (color: light-dark(#000, #fff)) {
468
+ :root {
469
+ --jkl-color-background-page: #F3F0ED;
470
+ --jkl-color-background-container: #FFFFFF;
471
+ --jkl-color-background-container-accent: #E4DFD8;
472
+ --jkl-color-background-contrast: #262221;
473
+ --jkl-color-text-default: #0E0D0C;
474
+ --jkl-color-text-subdued: #636060;
475
+ --jkl-color-text-accent: #0E0D0C;
476
+ --jkl-color-text-on-contrast: #FFFFFF;
477
+ --jkl-color-border-default: #636060;
478
+ --jkl-color-border-subdued: #C8C5C3;
479
+ --jkl-color-border-strong: #0E0D0C;
480
+ --jkl-color-warning-background-page: #F3F0ED;
481
+ --jkl-color-warning-background-container: #EED9C3;
482
+ --jkl-color-warning-background-container-accent: #E4BC8A;
483
+ --jkl-color-warning-background-contrast: #D3770B;
484
+ --jkl-color-warning-text-default: #522E04;
485
+ --jkl-color-warning-text-subdued: #636060;
486
+ --jkl-color-warning-text-accent: #D3770B;
487
+ --jkl-color-warning-text-on-contrast: #FFFFFF;
488
+ --jkl-color-warning-border-default: #D3770B;
489
+ --jkl-color-warning-border-subdued: #E4BC8A;
490
+ --jkl-color-warning-border-strong: #522E04;
491
+ --jkl-color-success-background-page: #F3F0ED;
492
+ --jkl-color-success-background-container: #D2E9CB;
493
+ --jkl-color-success-background-container-accent: #B7CFAF;
494
+ --jkl-color-success-background-contrast: #24753A;
495
+ --jkl-color-success-text-default: #0A430D;
496
+ --jkl-color-success-text-subdued: #636060;
497
+ --jkl-color-success-text-accent: #24753A;
498
+ --jkl-color-success-text-on-contrast: #FFFFFF;
499
+ --jkl-color-success-border-default: #24753A;
500
+ --jkl-color-success-border-subdued: #B7CFAF;
501
+ --jkl-color-success-border-strong: #0A430D;
502
+ --jkl-color-info-background-page: #F3F0ED;
503
+ --jkl-color-info-background-container: #D3D3F6;
504
+ --jkl-color-info-background-container-accent: #B5B5EB;
505
+ --jkl-color-info-background-contrast: #4646D1;
506
+ --jkl-color-info-text-default: #111145;
507
+ --jkl-color-info-text-subdued: #636060;
508
+ --jkl-color-info-text-accent: #4646D1;
509
+ --jkl-color-info-text-on-contrast: #FFFFFF;
510
+ --jkl-color-info-border-default: #4646D1;
511
+ --jkl-color-info-border-subdued: #B5B5EB;
512
+ --jkl-color-info-border-strong: #111145;
513
+ --jkl-color-error-background-page: #F3F0ED;
514
+ --jkl-color-error-background-container: #F0D6D6;
515
+ --jkl-color-error-background-container-accent: #E4B7B6;
516
+ --jkl-color-error-background-contrast: #B32424;
517
+ --jkl-color-error-text-default: #4A0D0D;
518
+ --jkl-color-error-text-subdued: #636060;
519
+ --jkl-color-error-text-accent: #B32424;
520
+ --jkl-color-error-text-on-contrast: #FFFFFF;
521
+ --jkl-color-error-border-default: #B32424;
522
+ --jkl-color-error-border-subdued: #E4B7B6;
523
+ --jkl-color-error-border-strong: #4A0D0D;
524
+ }
525
+ }
526
+ }
527
+ /**
528
+ * Do not edit directly, this file was auto-generated.
529
+ */
530
+ @layer jokul.theme {
531
+ [data-color=warning] {
532
+ --jkl-color-background-page: var(--jkl-color-warning-background-page);
533
+ --jkl-color-background-container: var(--jkl-color-warning-background-container);
534
+ --jkl-color-background-container-accent: var(--jkl-color-warning-background-container-accent);
535
+ --jkl-color-background-contrast: var(--jkl-color-warning-background-contrast);
536
+ --jkl-color-text-default: var(--jkl-color-warning-text-default);
537
+ --jkl-color-text-subdued: var(--jkl-color-warning-text-subdued);
538
+ --jkl-color-text-accent: var(--jkl-color-warning-text-accent);
539
+ --jkl-color-text-on-contrast: var(--jkl-color-warning-text-on-contrast);
540
+ --jkl-color-border-default: var(--jkl-color-warning-border-default);
541
+ --jkl-color-border-subdued: var(--jkl-color-warning-border-subdued);
542
+ --jkl-color-border-strong: var(--jkl-color-warning-border-strong);
543
+ }
544
+ [data-color=success] {
545
+ --jkl-color-background-page: var(--jkl-color-success-background-page);
546
+ --jkl-color-background-container: var(--jkl-color-success-background-container);
547
+ --jkl-color-background-container-accent: var(--jkl-color-success-background-container-accent);
548
+ --jkl-color-background-contrast: var(--jkl-color-success-background-contrast);
549
+ --jkl-color-text-default: var(--jkl-color-success-text-default);
550
+ --jkl-color-text-subdued: var(--jkl-color-success-text-subdued);
551
+ --jkl-color-text-accent: var(--jkl-color-success-text-accent);
552
+ --jkl-color-text-on-contrast: var(--jkl-color-success-text-on-contrast);
553
+ --jkl-color-border-default: var(--jkl-color-success-border-default);
554
+ --jkl-color-border-subdued: var(--jkl-color-success-border-subdued);
555
+ --jkl-color-border-strong: var(--jkl-color-success-border-strong);
556
+ }
557
+ [data-color=info] {
558
+ --jkl-color-background-page: var(--jkl-color-info-background-page);
559
+ --jkl-color-background-container: var(--jkl-color-info-background-container);
560
+ --jkl-color-background-container-accent: var(--jkl-color-info-background-container-accent);
561
+ --jkl-color-background-contrast: var(--jkl-color-info-background-contrast);
562
+ --jkl-color-text-default: var(--jkl-color-info-text-default);
563
+ --jkl-color-text-subdued: var(--jkl-color-info-text-subdued);
564
+ --jkl-color-text-accent: var(--jkl-color-info-text-accent);
565
+ --jkl-color-text-on-contrast: var(--jkl-color-info-text-on-contrast);
566
+ --jkl-color-border-default: var(--jkl-color-info-border-default);
567
+ --jkl-color-border-subdued: var(--jkl-color-info-border-subdued);
568
+ --jkl-color-border-strong: var(--jkl-color-info-border-strong);
569
+ }
570
+ [data-color=error] {
571
+ --jkl-color-background-page: var(--jkl-color-error-background-page);
572
+ --jkl-color-background-container: var(--jkl-color-error-background-container);
573
+ --jkl-color-background-container-accent: var(--jkl-color-error-background-container-accent);
574
+ --jkl-color-background-contrast: var(--jkl-color-error-background-contrast);
575
+ --jkl-color-text-default: var(--jkl-color-error-text-default);
576
+ --jkl-color-text-subdued: var(--jkl-color-error-text-subdued);
577
+ --jkl-color-text-accent: var(--jkl-color-error-text-accent);
578
+ --jkl-color-text-on-contrast: var(--jkl-color-error-text-on-contrast);
579
+ --jkl-color-border-default: var(--jkl-color-error-border-default);
580
+ --jkl-color-border-subdued: var(--jkl-color-error-border-subdued);
581
+ --jkl-color-border-strong: var(--jkl-color-error-border-strong);
582
+ }
524
583
  }
525
584
  /**
526
585
  * Do not edit directly, this file was auto-generated.
@@ -571,6 +630,23 @@
571
630
  --jkl-font-size-10: 48px;
572
631
  }
573
632
  }
633
+ /**
634
+ * Do not edit directly, this file was auto-generated.
635
+ */
636
+ @layer jokul.theme {
637
+ :root,
638
+ [data-theme=light] {
639
+ --jkl-opacity-hover: 10%;
640
+ }
641
+ @media (prefers-color-scheme: dark) {
642
+ :root:not([data-theme=light]) {
643
+ --jkl-opacity-hover: 15%;
644
+ }
645
+ }
646
+ [data-theme=dark] {
647
+ --jkl-opacity-hover: 15%;
648
+ }
649
+ }
574
650
  /**
575
651
  * Do not edit directly, this file was auto-generated.
576
652
  */
@@ -651,8 +727,8 @@
651
727
  --jkl-spacing-2xl: var(--jkl-spacing-104);
652
728
  --jkl-text-style-title: var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
653
729
  --jkl-text-style-title-small: var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
654
- --jkl-text-style-heading-1: var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
655
- --jkl-text-style-heading-2: var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
730
+ --jkl-text-style-heading-1: var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-display);
731
+ --jkl-text-style-heading-2: var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-display);
656
732
  --jkl-text-style-heading-3: var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
657
733
  --jkl-text-style-heading-4: var(--jkl-font-weight-bold) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
658
734
  --jkl-text-style-heading-5: var(--jkl-font-weight-bold) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
@@ -673,118 +749,120 @@
673
749
  */
674
750
  @layer jokul.theme {
675
751
  [data-brand=dnb] {
676
- /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
677
- --jkl-color-background-page: #F8F8F8;
678
752
  --jkl-color-background-page: light-dark(#F8F8F8, #000000);
679
- --jkl-color-background-container: #FFFFFF;
680
753
  --jkl-color-background-container: light-dark(#FFFFFF, #2C2C2E);
681
- --jkl-color-background-container-accent: #D8F3EC;
682
754
  --jkl-color-background-container-accent: light-dark(#D8F3EC, #023939);
683
- --jkl-color-background-contrast: #007272;
684
755
  --jkl-color-background-contrast: light-dark(#007272, #A5E1D2);
685
- --jkl-color-text-default: #333333;
686
756
  --jkl-color-text-default: light-dark(#333333, #ffffff);
687
- --jkl-color-text-subdued: #6B6B6B;
688
757
  --jkl-color-text-subdued: light-dark(#6B6B6B, #9A9AA0);
689
- --jkl-color-text-accent: #14555A;
690
758
  --jkl-color-text-accent: light-dark(#14555A, #A5E1D2);
691
- --jkl-color-text-on-contrast: #ffffff;
692
759
  --jkl-color-text-on-contrast: light-dark(#ffffff, #023939);
693
- --jkl-color-border-default: #007272;
694
760
  --jkl-color-border-default: light-dark(#007272, #A5E1D2);
695
- --jkl-color-border-subdued: #CCCCCC;
696
761
  --jkl-color-border-subdued: light-dark(#CCCCCC, #48484A);
697
- --jkl-color-border-strong: #007272;
698
762
  --jkl-color-border-strong: light-dark(#007272, #A5E1D2);
699
- --jkl-color-warning-background-page: #F3F0ED;
700
763
  --jkl-color-warning-background-page: light-dark(#F3F0ED, #0E0D0C);
701
- --jkl-color-warning-background-container: #EED9C3;
702
764
  --jkl-color-warning-background-container: light-dark(#EED9C3, #48351E);
703
- --jkl-color-warning-background-container-accent: #E4BC8A;
704
765
  --jkl-color-warning-background-container-accent: light-dark(#E4BC8A, #61492D);
705
- --jkl-color-warning-background-contrast: #D3770B;
706
766
  --jkl-color-warning-background-contrast: light-dark(#D3770B, #EAA858);
707
- --jkl-color-warning-text-default: #522E04;
708
767
  --jkl-color-warning-text-default: light-dark(#522E04, #FDECD8);
709
- --jkl-color-warning-text-subdued: #636060;
710
768
  --jkl-color-warning-text-subdued: light-dark(#636060, #C8C5C3);
711
- --jkl-color-warning-text-accent: #D3770B;
712
769
  --jkl-color-warning-text-accent: light-dark(#D3770B, #EAA858);
713
- --jkl-color-warning-text-on-contrast: #FFFFFF;
714
770
  --jkl-color-warning-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
715
- --jkl-color-warning-border-default: #D3770B;
716
771
  --jkl-color-warning-border-default: light-dark(#D3770B, #EAA858);
717
- --jkl-color-warning-border-subdued: #E4BC8A;
718
772
  --jkl-color-warning-border-subdued: light-dark(#E4BC8A, #61492D);
719
- --jkl-color-warning-border-strong: #522E04;
720
773
  --jkl-color-warning-border-strong: light-dark(#522E04, #FDECD8);
721
- --jkl-color-success-background-page: #F3F0ED;
722
774
  --jkl-color-success-background-page: light-dark(#F3F0ED, #0E0D0C);
723
- --jkl-color-success-background-container: #D2E9CB;
724
775
  --jkl-color-success-background-container: light-dark(#D2E9CB, #334D34);
725
- --jkl-color-success-background-container-accent: #B7CFAF;
726
776
  --jkl-color-success-background-container-accent: light-dark(#B7CFAF, #3F5F41);
727
- --jkl-color-success-background-contrast: #24753A;
728
777
  --jkl-color-success-background-contrast: light-dark(#24753A, #81E49C);
729
- --jkl-color-success-text-default: #0A430D;
730
778
  --jkl-color-success-text-default: light-dark(#0A430D, #DCF9E0);
731
- --jkl-color-success-text-subdued: #636060;
732
779
  --jkl-color-success-text-subdued: light-dark(#636060, #C8C5C3);
733
- --jkl-color-success-text-accent: #24753A;
734
780
  --jkl-color-success-text-accent: light-dark(#24753A, #81E49C);
735
- --jkl-color-success-text-on-contrast: #FFFFFF;
736
781
  --jkl-color-success-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
737
- --jkl-color-success-border-default: #24753A;
738
782
  --jkl-color-success-border-default: light-dark(#24753A, #81E49C);
739
- --jkl-color-success-border-subdued: #B7CFAF;
740
783
  --jkl-color-success-border-subdued: light-dark(#B7CFAF, #3F5F41);
741
- --jkl-color-success-border-strong: #0A430D;
742
784
  --jkl-color-success-border-strong: light-dark(#0A430D, #DCF9E0);
743
- --jkl-color-info-background-page: #F3F0ED;
744
785
  --jkl-color-info-background-page: light-dark(#F3F0ED, #0E0D0C);
745
- --jkl-color-info-background-container: #D3D3F6;
746
786
  --jkl-color-info-background-container: light-dark(#D3D3F6, #35355B);
747
- --jkl-color-info-background-container-accent: #B5B5EB;
748
787
  --jkl-color-info-background-container-accent: light-dark(#B5B5EB, #4B4B89);
749
- --jkl-color-info-background-contrast: #4646D1;
750
788
  --jkl-color-info-background-contrast: light-dark(#4646D1, #9A9AEB);
751
- --jkl-color-info-text-default: #111145;
752
789
  --jkl-color-info-text-default: light-dark(#111145, #D8D8FD);
753
- --jkl-color-info-text-subdued: #636060;
754
790
  --jkl-color-info-text-subdued: light-dark(#636060, #C8C5C3);
755
- --jkl-color-info-text-accent: #4646D1;
756
791
  --jkl-color-info-text-accent: light-dark(#4646D1, #9A9AEB);
757
- --jkl-color-info-text-on-contrast: #FFFFFF;
758
792
  --jkl-color-info-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
759
- --jkl-color-info-border-default: #4646D1;
760
793
  --jkl-color-info-border-default: light-dark(#4646D1, #9A9AEB);
761
- --jkl-color-info-border-subdued: #B5B5EB;
762
794
  --jkl-color-info-border-subdued: light-dark(#B5B5EB, #4B4B89);
763
- --jkl-color-info-border-strong: #111145;
764
795
  --jkl-color-info-border-strong: light-dark(#111145, #D8D8FD);
765
- --jkl-color-error-background-page: #F3F0ED;
766
796
  --jkl-color-error-background-page: light-dark(#F3F0ED, #0E0D0C);
767
- --jkl-color-error-background-container: #F0D6D6;
768
797
  --jkl-color-error-background-container: light-dark(#F0D6D6, #4C2A28);
769
- --jkl-color-error-background-container-accent: #E4B7B6;
770
798
  --jkl-color-error-background-container-accent: light-dark(#E4B7B6, #6A3C39);
771
- --jkl-color-error-background-contrast: #B32424;
772
799
  --jkl-color-error-background-contrast: light-dark(#B32424, #F38C8C);
773
- --jkl-color-error-text-default: #4A0D0D;
774
800
  --jkl-color-error-text-default: light-dark(#4A0D0D, #FCD9D9);
775
- --jkl-color-error-text-subdued: #636060;
776
801
  --jkl-color-error-text-subdued: light-dark(#636060, #C8C5C3);
777
- --jkl-color-error-text-accent: #B32424;
778
802
  --jkl-color-error-text-accent: light-dark(#B32424, #F38C8C);
779
- --jkl-color-error-text-on-contrast: #FFFFFF;
780
803
  --jkl-color-error-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
781
- --jkl-color-error-border-default: #B32424;
782
804
  --jkl-color-error-border-default: light-dark(#B32424, #F38C8C);
783
- --jkl-color-error-border-subdued: #E4B7B6;
784
805
  --jkl-color-error-border-subdued: light-dark(#E4B7B6, #6A3C39);
785
- --jkl-color-error-border-strong: #4A0D0D;
786
806
  --jkl-color-error-border-strong: light-dark(#4A0D0D, #FCD9D9);
787
- /* stylelint-enable declaration-block-no-duplicate-custom-properties */
807
+ }
808
+ @supports not (color: light-dark(#000, #fff)) {
809
+ [data-brand=dnb] {
810
+ --jkl-color-background-page: #F8F8F8;
811
+ --jkl-color-background-container: #FFFFFF;
812
+ --jkl-color-background-container-accent: #D8F3EC;
813
+ --jkl-color-background-contrast: #007272;
814
+ --jkl-color-text-default: #333333;
815
+ --jkl-color-text-subdued: #6B6B6B;
816
+ --jkl-color-text-accent: #14555A;
817
+ --jkl-color-text-on-contrast: #ffffff;
818
+ --jkl-color-border-default: #007272;
819
+ --jkl-color-border-subdued: #CCCCCC;
820
+ --jkl-color-border-strong: #007272;
821
+ --jkl-color-warning-background-page: #F3F0ED;
822
+ --jkl-color-warning-background-container: #EED9C3;
823
+ --jkl-color-warning-background-container-accent: #E4BC8A;
824
+ --jkl-color-warning-background-contrast: #D3770B;
825
+ --jkl-color-warning-text-default: #522E04;
826
+ --jkl-color-warning-text-subdued: #636060;
827
+ --jkl-color-warning-text-accent: #D3770B;
828
+ --jkl-color-warning-text-on-contrast: #FFFFFF;
829
+ --jkl-color-warning-border-default: #D3770B;
830
+ --jkl-color-warning-border-subdued: #E4BC8A;
831
+ --jkl-color-warning-border-strong: #522E04;
832
+ --jkl-color-success-background-page: #F3F0ED;
833
+ --jkl-color-success-background-container: #D2E9CB;
834
+ --jkl-color-success-background-container-accent: #B7CFAF;
835
+ --jkl-color-success-background-contrast: #24753A;
836
+ --jkl-color-success-text-default: #0A430D;
837
+ --jkl-color-success-text-subdued: #636060;
838
+ --jkl-color-success-text-accent: #24753A;
839
+ --jkl-color-success-text-on-contrast: #FFFFFF;
840
+ --jkl-color-success-border-default: #24753A;
841
+ --jkl-color-success-border-subdued: #B7CFAF;
842
+ --jkl-color-success-border-strong: #0A430D;
843
+ --jkl-color-info-background-page: #F3F0ED;
844
+ --jkl-color-info-background-container: #D3D3F6;
845
+ --jkl-color-info-background-container-accent: #B5B5EB;
846
+ --jkl-color-info-background-contrast: #4646D1;
847
+ --jkl-color-info-text-default: #111145;
848
+ --jkl-color-info-text-subdued: #636060;
849
+ --jkl-color-info-text-accent: #4646D1;
850
+ --jkl-color-info-text-on-contrast: #FFFFFF;
851
+ --jkl-color-info-border-default: #4646D1;
852
+ --jkl-color-info-border-subdued: #B5B5EB;
853
+ --jkl-color-info-border-strong: #111145;
854
+ --jkl-color-error-background-page: #F3F0ED;
855
+ --jkl-color-error-background-container: #F0D6D6;
856
+ --jkl-color-error-background-container-accent: #E4B7B6;
857
+ --jkl-color-error-background-contrast: #B32424;
858
+ --jkl-color-error-text-default: #4A0D0D;
859
+ --jkl-color-error-text-subdued: #636060;
860
+ --jkl-color-error-text-accent: #B32424;
861
+ --jkl-color-error-text-on-contrast: #FFFFFF;
862
+ --jkl-color-error-border-default: #B32424;
863
+ --jkl-color-error-border-subdued: #E4B7B6;
864
+ --jkl-color-error-border-strong: #4A0D0D;
865
+ }
788
866
  }
789
867
  }
790
868
  /**
@@ -1,2 +1,2 @@
1
1
  @layer jokul{@layer resets, theme, global, components, utility}
2
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@layer jokul.resets{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{margin:0;border:0;padding:0;display:block;line-height:1}table{border-collapse:collapse}table,tbody,td,th,thead,tr{margin:0;padding:0}.jkl [hidden]{display:none!important}}@layer jokul.resets{}@layer jokul.theme{@font-face{font-family:Jokul;font-display:fallback;font-weight:100 900;font-style:normal;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Display;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Icons;font-weight:300 400;font-style:normal;src:url(/fonts/Jokul-Icons.woff2) format("woff2")}@font-face{font-family:Adjusted Arial Fallback;font-weight:400;font-style:normal;src:local(arial);size-adjust:104%;ascent-override:82%;descent-override:normal;line-gap-override:32%}@font-face{font-family:Adjusted Arial Fallback;font-weight:700;font-style:normal;src:local(arial);size-adjust:108%;ascent-override:83%;descent-override:normal;line-gap-override:28%}@font-face{font-family:Adjusted Arial Display Fallback;font-weight:400;font-style:normal;src:local(arial);size-adjust:102%;ascent-override:76%;descent-override:normal;line-gap-override:40%}@font-face{font-family:Adjusted Courier New Fallback;font-weight:400;font-style:normal;src:local(courier new);size-adjust:100%;ascent-override:83%;descent-override:normal;line-gap-override:27%}@font-face{font-family:Jokul Icons Fallback;src:local(courier new);font-weight:300 400;font-style:normal;size-adjust:0%}}@layer jokul.theme{:root{--jkl-spacing-16-24:var(--jkl-spacing-16);--jkl-spacing-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32:var(--jkl-spacing-24);--jkl-spacing-32-40:var(--jkl-spacing-32);--jkl-spacing-40-64:var(--jkl-spacing-40);--jkl-spacing-64-104:var(--jkl-spacing-64);--jkl-spacing-104-168:var(--jkl-spacing-104);--jkl-spacing-16-16-24:var(--jkl-spacing-16);--jkl-spacing-16-24-32:var(--jkl-spacing-16);--jkl-spacing-16-24-40:var(--jkl-spacing-16);--jkl-spacing-24-24-32:var(--jkl-spacing-24);--jkl-spacing-24-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32-40:var(--jkl-spacing-24);--jkl-spacing-32-32-40:var(--jkl-spacing-32);--jkl-spacing-32-40-64:var(--jkl-spacing-32);--jkl-spacing-40-40-64:var(--jkl-spacing-40);--jkl-spacing-40-64-104:var(--jkl-spacing-40);--jkl-spacing-64-64-104:var(--jkl-spacing-64);--jkl-spacing-64-104-168:var(--jkl-spacing-64);--jkl-spacing-104-104-168:var(--jkl-spacing-104)}@media (min-width:680px){:root{--jkl-spacing-16-24:var(--jkl-spacing-24);--jkl-spacing-24-40:var(--jkl-spacing-40);--jkl-spacing-24-32:var(--jkl-spacing-32);--jkl-spacing-32-40:var(--jkl-spacing-40);--jkl-spacing-40-64:var(--jkl-spacing-64);--jkl-spacing-64-104:var(--jkl-spacing-104);--jkl-spacing-104-168:var(--jkl-spacing-168);--jkl-spacing-16-16-24:var(--jkl-spacing-16);--jkl-spacing-16-24-32:var(--jkl-spacing-24);--jkl-spacing-16-24-40:var(--jkl-spacing-24);--jkl-spacing-24-24-32:var(--jkl-spacing-24);--jkl-spacing-24-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32-40:var(--jkl-spacing-32);--jkl-spacing-32-32-40:var(--jkl-spacing-32);--jkl-spacing-32-40-64:var(--jkl-spacing-40);--jkl-spacing-40-40-64:var(--jkl-spacing-40);--jkl-spacing-40-64-104:var(--jkl-spacing-64);--jkl-spacing-64-64-104:var(--jkl-spacing-64);--jkl-spacing-64-104-168:var(--jkl-spacing-104);--jkl-spacing-104-104-168:var(--jkl-spacing-104)}}@media (min-width:1200px){:root{--jkl-spacing-16-16-24:var(--jkl-spacing-24);--jkl-spacing-16-24-32:var(--jkl-spacing-32);--jkl-spacing-16-24-40:var(--jkl-spacing-40);--jkl-spacing-24-24-32:var(--jkl-spacing-32);--jkl-spacing-24-24-40:var(--jkl-spacing-40);--jkl-spacing-24-32-40:var(--jkl-spacing-40);--jkl-spacing-32-32-40:var(--jkl-spacing-40);--jkl-spacing-32-40-64:var(--jkl-spacing-64);--jkl-spacing-40-40-64:var(--jkl-spacing-64);--jkl-spacing-40-64-104:var(--jkl-spacing-104);--jkl-spacing-64-64-104:var(--jkl-spacing-104);--jkl-spacing-64-104-168:var(--jkl-spacing-168);--jkl-spacing-104-104-168:var(--jkl-spacing-168)}}}@layer jokul.theme{:root{color-scheme:light dark;--jkl-color-background-page:#f3f0ed;--jkl-color-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-background-container:#fff;--jkl-color-background-container:light-dark(#fff, #262221);--jkl-color-background-container-accent:#e4dfd8;--jkl-color-background-container-accent:light-dark(#e4dfd8, #3c3434);--jkl-color-background-contrast:#262221;--jkl-color-background-contrast:light-dark(#262221, #f3f0ed);--jkl-color-text-default:#0e0d0c;--jkl-color-text-default:light-dark(#0e0d0c, #fff);--jkl-color-text-subdued:#636060;--jkl-color-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-text-accent:#0e0d0c;--jkl-color-text-accent:light-dark(#0e0d0c, #fff);--jkl-color-text-on-contrast:#fff;--jkl-color-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-border-default:#636060;--jkl-color-border-default:light-dark(#636060, #c8c5c3);--jkl-color-border-subdued:#c8c5c3;--jkl-color-border-subdued:light-dark(#c8c5c3, #636060);--jkl-color-border-strong:#0e0d0c;--jkl-color-border-strong:light-dark(#0e0d0c, #fff);--jkl-color-warning-background-page:#f3f0ed;--jkl-color-warning-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-warning-background-container:#eed9c3;--jkl-color-warning-background-container:light-dark(#eed9c3, #48351e);--jkl-color-warning-background-container-accent:#e4bc8a;--jkl-color-warning-background-container-accent:light-dark(#e4bc8a, #61492d);--jkl-color-warning-background-contrast:#d3770b;--jkl-color-warning-background-contrast:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-default:#522e04;--jkl-color-warning-text-default:light-dark(#522e04, #fdecd8);--jkl-color-warning-text-subdued:#636060;--jkl-color-warning-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-warning-text-accent:#d3770b;--jkl-color-warning-text-accent:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-warning-border-default:#d3770b;--jkl-color-warning-border-default:light-dark(#d3770b, #eaa858);--jkl-color-warning-border-subdued:#e4bc8a;--jkl-color-warning-border-subdued:light-dark(#e4bc8a, #61492d);--jkl-color-warning-border-strong:#522e04;--jkl-color-warning-border-strong:light-dark(#522e04, #fdecd8);--jkl-color-success-background-page:#f3f0ed;--jkl-color-success-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-success-background-container:#d2e9cb;--jkl-color-success-background-container:light-dark(#d2e9cb, #334d34);--jkl-color-success-background-container-accent:#b7cfaf;--jkl-color-success-background-container-accent:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-background-contrast:#24753a;--jkl-color-success-background-contrast:light-dark(#24753a, #81e49c);--jkl-color-success-text-default:#0a430d;--jkl-color-success-text-default:light-dark(#0a430d, #dcf9e0);--jkl-color-success-text-subdued:#636060;--jkl-color-success-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-success-text-accent:#24753a;--jkl-color-success-text-accent:light-dark(#24753a, #81e49c);--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-success-border-default:#24753a;--jkl-color-success-border-default:light-dark(#24753a, #81e49c);--jkl-color-success-border-subdued:#b7cfaf;--jkl-color-success-border-subdued:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-border-strong:#0a430d;--jkl-color-success-border-strong:light-dark(#0a430d, #dcf9e0);--jkl-color-info-background-page:#f3f0ed;--jkl-color-info-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-info-background-container:#d3d3f6;--jkl-color-info-background-container:light-dark(#d3d3f6, #35355b);--jkl-color-info-background-container-accent:#b5b5eb;--jkl-color-info-background-container-accent:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-background-contrast:#4646d1;--jkl-color-info-background-contrast:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-default:#111145;--jkl-color-info-text-default:light-dark(#111145, #d8d8fd);--jkl-color-info-text-subdued:#636060;--jkl-color-info-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-info-text-accent:#4646d1;--jkl-color-info-text-accent:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-info-border-default:#4646d1;--jkl-color-info-border-default:light-dark(#4646d1, #9a9aeb);--jkl-color-info-border-subdued:#b5b5eb;--jkl-color-info-border-subdued:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-border-strong:#111145;--jkl-color-info-border-strong:light-dark(#111145, #d8d8fd);--jkl-color-error-background-page:#f3f0ed;--jkl-color-error-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-error-background-container:#f0d6d6;--jkl-color-error-background-container:light-dark(#f0d6d6, #4c2a28);--jkl-color-error-background-container-accent:#e4b7b6;--jkl-color-error-background-container-accent:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-background-contrast:#b32424;--jkl-color-error-background-contrast:light-dark(#b32424, #f38c8c);--jkl-color-error-text-default:#4a0d0d;--jkl-color-error-text-default:light-dark(#4a0d0d, #fcd9d9);--jkl-color-error-text-subdued:#636060;--jkl-color-error-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-error-text-accent:#b32424;--jkl-color-error-text-accent:light-dark(#b32424, #f38c8c);--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-error-border-default:#b32424;--jkl-color-error-border-default:light-dark(#b32424, #f38c8c);--jkl-color-error-border-subdued:#e4b7b6;--jkl-color-error-border-subdued:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-border-strong:#4a0d0d;--jkl-color-error-border-strong:light-dark(#4a0d0d, #fcd9d9)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}:root,[data-size=medium],[data-size]{--jkl-unit-10:8px;--jkl-unit-base:8px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:21px;--jkl-font-size-5:26px;--jkl-font-size-6:32px;--jkl-font-size-7:40px;--jkl-font-size-8:44px;--jkl-font-size-9:46px;--jkl-font-size-10:48px}[data-size=small]{--jkl-unit-10:5px;--jkl-unit-base:5px;--jkl-font-size-1:12px;--jkl-font-size-2:14px;--jkl-font-size-3:16px;--jkl-font-size-4:18px;--jkl-font-size-5:21px;--jkl-font-size-6:26px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:44px;--jkl-font-size-10:46px}[data-size=large]{--jkl-unit-10:11px;--jkl-unit-base:11px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:21px;--jkl-font-size-5:26px;--jkl-font-size-6:32px;--jkl-font-size-7:40px;--jkl-font-size-8:44px;--jkl-font-size-9:46px;--jkl-font-size-10:48px}:root,[data-brand],[data-size],[data-theme]{--jkl-unit-0:0;--jkl-spacing-0:0rem;--jkl-spacing-2:0.125rem;--jkl-spacing-4:0.25rem;--jkl-spacing-8:0.5rem;--jkl-spacing-12:0.75rem;--jkl-spacing-16:1rem;--jkl-spacing-24:1.5rem;--jkl-spacing-32:2rem;--jkl-spacing-40:2.5rem;--jkl-spacing-64:4rem;--jkl-spacing-104:6.5rem;--jkl-spacing-168:10.5rem;--jkl-spacing-none:0;--jkl-border-width-1:0.0625rem;--jkl-border-width-2:0.125rem;--jkl-border-width-3:0.1875rem;--jkl-border-radius-none:0;--jkl-border-radius-xs:0.25rem;--jkl-border-radius-s:0.5rem;--jkl-border-radius-m:0.75rem;--jkl-border-radius-l:1rem;--jkl-border-radius-full:9999px;--jkl-breakpoint-small:0;--jkl-breakpoint-medium:680px;--jkl-breakpoint-large:1200px;--jkl-breakpoint-xl:1600px;--jkl-motion-timing-energetic:75ms;--jkl-motion-timing-snappy:100ms;--jkl-motion-timing-productive:150ms;--jkl-motion-timing-polite:200ms;--jkl-motion-timing-expressive:250ms;--jkl-motion-timing-lazy:400ms;--jkl-motion-easing-standard:ease;--jkl-motion-easing-entrance:ease-out;--jkl-motion-easing-exit:ease-in;--jkl-motion-easing-ease-in-bounce-out:cubic-bezier(0, 0, 0.375, 1.17);--jkl-motion-easing-focus:cubic-bezier(0.6, 0.2, 0.35, 1);--jkl-font-weight-normal:400;--jkl-font-weight-bold:600;--jkl-font-family-regular:"Jokul", "Adjusted Arial Fallback", arial, sans-serif;--jkl-font-family-display:"Jokul Display", "Adjusted Arial Display Fallback", arial, sans-serif;--jkl-font-family-mono:monospace;--jkl-font-family-icons:"Jokul Icons", "Jokul Icons Fallback", monospace;--jkl-line-height-flush:1;--jkl-line-height-tight:1.3;--jkl-line-height-relaxed:1.6;--jkl-unit-15:calc(var(--jkl-unit-base)*1.5);--jkl-unit-20:calc(var(--jkl-unit-base)*2);--jkl-unit-25:calc(var(--jkl-unit-base)*2.5);--jkl-unit-30:calc(var(--jkl-unit-base)*3);--jkl-unit-35:calc(var(--jkl-unit-base)*3.5);--jkl-unit-40:calc(var(--jkl-unit-base)*4);--jkl-unit-50:calc(var(--jkl-unit-base)*5);--jkl-unit-60:calc(var(--jkl-unit-base)*6);--jkl-unit-70:calc(var(--jkl-unit-base)*7);--jkl-unit-80:calc(var(--jkl-unit-base)*8);--jkl-unit-90:calc(var(--jkl-unit-base)*9);--jkl-unit-100:calc(var(--jkl-unit-base)*10);--jkl-unit-130:calc(var(--jkl-unit-base)*13);--jkl-unit-210:calc(var(--jkl-unit-base)*21);--jkl-unit-02:calc(var(--jkl-unit-base)*0.25);--jkl-unit-05:calc(var(--jkl-unit-base)*0.5);--jkl-spacing-2xs:var(--jkl-spacing-4);--jkl-spacing-xs:var(--jkl-spacing-8);--jkl-spacing-s:var(--jkl-spacing-16);--jkl-spacing-m:var(--jkl-spacing-24);--jkl-spacing-l:var(--jkl-spacing-40);--jkl-spacing-xl:var(--jkl-spacing-64);--jkl-spacing-2xl:var(--jkl-spacing-104);--jkl-text-style-title:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-title-small:var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-1:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-2:var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-3:var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-4:var(--jkl-font-weight-bold) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-5:var(--jkl-font-weight-bold) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-paragraph-large:var(--jkl-font-weight-normal) var(--jkl-font-size-4)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-text-large:var(--jkl-font-weight-normal) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-micro:var(--jkl-font-weight-normal) var(--jkl-font-size-1)/var(--jkl-line-height-tight) var(--jkl-font-family-regular)}[data-brand=dnb]{--jkl-color-background-page:#f8f8f8;--jkl-color-background-page:light-dark(#f8f8f8, #000);--jkl-color-background-container:#fff;--jkl-color-background-container:light-dark(#fff, #2c2c2e);--jkl-color-background-container-accent:#d8f3ec;--jkl-color-background-container-accent:light-dark(#d8f3ec, #023939);--jkl-color-background-contrast:#007272;--jkl-color-background-contrast:light-dark(#007272, #a5e1d2);--jkl-color-text-default:#333;--jkl-color-text-default:light-dark(#333, #fff);--jkl-color-text-subdued:#6b6b6b;--jkl-color-text-subdued:light-dark(#6b6b6b, #9a9aa0);--jkl-color-text-accent:#14555a;--jkl-color-text-accent:light-dark(#14555a, #a5e1d2);--jkl-color-text-on-contrast:#fff;--jkl-color-text-on-contrast:light-dark(#fff, #023939);--jkl-color-border-default:#007272;--jkl-color-border-default:light-dark(#007272, #a5e1d2);--jkl-color-border-subdued:#ccc;--jkl-color-border-subdued:light-dark(#ccc, #48484a);--jkl-color-border-strong:#007272;--jkl-color-border-strong:light-dark(#007272, #a5e1d2);--jkl-color-warning-background-page:#f3f0ed;--jkl-color-warning-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-warning-background-container:#eed9c3;--jkl-color-warning-background-container:light-dark(#eed9c3, #48351e);--jkl-color-warning-background-container-accent:#e4bc8a;--jkl-color-warning-background-container-accent:light-dark(#e4bc8a, #61492d);--jkl-color-warning-background-contrast:#d3770b;--jkl-color-warning-background-contrast:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-default:#522e04;--jkl-color-warning-text-default:light-dark(#522e04, #fdecd8);--jkl-color-warning-text-subdued:#636060;--jkl-color-warning-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-warning-text-accent:#d3770b;--jkl-color-warning-text-accent:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-warning-border-default:#d3770b;--jkl-color-warning-border-default:light-dark(#d3770b, #eaa858);--jkl-color-warning-border-subdued:#e4bc8a;--jkl-color-warning-border-subdued:light-dark(#e4bc8a, #61492d);--jkl-color-warning-border-strong:#522e04;--jkl-color-warning-border-strong:light-dark(#522e04, #fdecd8);--jkl-color-success-background-page:#f3f0ed;--jkl-color-success-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-success-background-container:#d2e9cb;--jkl-color-success-background-container:light-dark(#d2e9cb, #334d34);--jkl-color-success-background-container-accent:#b7cfaf;--jkl-color-success-background-container-accent:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-background-contrast:#24753a;--jkl-color-success-background-contrast:light-dark(#24753a, #81e49c);--jkl-color-success-text-default:#0a430d;--jkl-color-success-text-default:light-dark(#0a430d, #dcf9e0);--jkl-color-success-text-subdued:#636060;--jkl-color-success-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-success-text-accent:#24753a;--jkl-color-success-text-accent:light-dark(#24753a, #81e49c);--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-success-border-default:#24753a;--jkl-color-success-border-default:light-dark(#24753a, #81e49c);--jkl-color-success-border-subdued:#b7cfaf;--jkl-color-success-border-subdued:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-border-strong:#0a430d;--jkl-color-success-border-strong:light-dark(#0a430d, #dcf9e0);--jkl-color-info-background-page:#f3f0ed;--jkl-color-info-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-info-background-container:#d3d3f6;--jkl-color-info-background-container:light-dark(#d3d3f6, #35355b);--jkl-color-info-background-container-accent:#b5b5eb;--jkl-color-info-background-container-accent:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-background-contrast:#4646d1;--jkl-color-info-background-contrast:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-default:#111145;--jkl-color-info-text-default:light-dark(#111145, #d8d8fd);--jkl-color-info-text-subdued:#636060;--jkl-color-info-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-info-text-accent:#4646d1;--jkl-color-info-text-accent:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-info-border-default:#4646d1;--jkl-color-info-border-default:light-dark(#4646d1, #9a9aeb);--jkl-color-info-border-subdued:#b5b5eb;--jkl-color-info-border-subdued:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-border-strong:#111145;--jkl-color-info-border-strong:light-dark(#111145, #d8d8fd);--jkl-color-error-background-page:#f3f0ed;--jkl-color-error-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-error-background-container:#f0d6d6;--jkl-color-error-background-container:light-dark(#f0d6d6, #4c2a28);--jkl-color-error-background-container-accent:#e4b7b6;--jkl-color-error-background-container-accent:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-background-contrast:#b32424;--jkl-color-error-background-contrast:light-dark(#b32424, #f38c8c);--jkl-color-error-text-default:#4a0d0d;--jkl-color-error-text-default:light-dark(#4a0d0d, #fcd9d9);--jkl-color-error-text-subdued:#636060;--jkl-color-error-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-error-text-accent:#b32424;--jkl-color-error-text-accent:light-dark(#b32424, #f38c8c);--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-error-border-default:#b32424;--jkl-color-error-border-default:light-dark(#b32424, #f38c8c);--jkl-color-error-border-subdued:#e4b7b6;--jkl-color-error-border-subdued:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-border-strong:#4a0d0d;--jkl-color-error-border-strong:light-dark(#4a0d0d, #fcd9d9);--jkl-font-family-regular:"DNB Sans", sans-serif;--jkl-font-family-display:"DNB Sans", sans-serif;--jkl-font-family-mono:"DNB Mono", "Adjusted Courier New Fallback", -apple-system, blinkmacsystemfont, monospace;--jkl-font-family-icons:"Jokul Icons", "Jokul Icons Fallback", monospace;--jkl-font-weight-normal:400;--jkl-font-weight-bold:500}}@layer jokul.theme{}@layer jokul.theme{}@layer jokul.theme{}@layer jokul.theme{@font-face{font-family:DNB Sans;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/brands/dnb/DNB-Regular.woff2) format("woff2")}@font-face{font-family:DNB Sans;font-display:fallback;font-weight:500;font-style:normal;src:url(/fonts/brands/dnb/DNB-Medium.woff2) format("woff2")}@font-face{font-family:DNB Mono;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/brands/dnb/DNBMono-Regular.woff2) format("woff2")}}@layer jokul.global{@supports (font:-apple-system-body){@media (pointer:coarse){:root{font:-apple-system-body}}}.jkl{--jkl-background-color:var(--jkl-color-background-page);--jkl-color:var(--jkl-color-text-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--jkl-background-color);color:var(--jkl-color);font-family:var(--jkl-font-family-regular);font-weight:var(--jkl-font-weight-normal)}.jkl strong{font-weight:var(--jkl-font-weight-bold)}.jkl a,.jkl button:not(:disabled){cursor:pointer}@media screen and (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:0s!important;animation-delay:0s!important;transition:none!important}}}@layer jokul.global{[popover]{opacity:0}@supports (overlay:auto){[popover]{transition:opacity,overlay allow-discrete,display allow-discrete;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive)}}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}@supports not (overlay:auto){[popover]:popover-open{transition:opacity;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive)}}}@layer jokul.utility{.jkl-body,.jkl-bold{font:var(--jkl-text-style-paragraph-medium)}.jkl-bold{font-weight:var(--jkl-font-weight-bold)}.jkl-small{font:var(--jkl-text-style-paragraph-small)}.jkl-title{font:var(--jkl-text-style-title)}.jkl-title-small{font:var(--jkl-text-style-title-small)}.jkl-heading-1{font:var(--jkl-text-style-heading-1)}.jkl-heading-2{font:var(--jkl-text-style-heading-2)}.jkl-heading-3{font:var(--jkl-text-style-heading-3)}.jkl-heading-4{font:var(--jkl-text-style-heading-4)}.jkl-heading-5{font:var(--jkl-text-style-heading-5)}.jkl-paragraph-large{font:var(--jkl-text-style-paragraph-large)}.jkl-paragraph-medium{font:var(--jkl-text-style-paragraph-medium)}.jkl-paragraph-small{font:var(--jkl-text-style-paragraph-small)}.jkl-text-large{font:var(--jkl-text-style-text-large)}.jkl-text-medium{font:var(--jkl-text-style-text-medium)}.jkl-text-small{font:var(--jkl-text-style-text-small)}.jkl-text-micro{font:var(--jkl-text-style-text-micro)}.jkl-sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.jkl-sr-only--focusable:active,.jkl-sr-only--focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;width:auto!important;white-space:normal!important}.jkl-spacing-2--all{margin:var(--jkl-spacing-2)}.jkl-spacing-2--top{margin-top:var(--jkl-spacing-2)}.jkl-spacing-2--bottom{margin-bottom:var(--jkl-spacing-2)}.jkl-spacing-2--left{margin-left:var(--jkl-spacing-2)}.jkl-spacing-2--right{margin-right:var(--jkl-spacing-2)}.jkl-spacing-4--all{margin:var(--jkl-spacing-4)}.jkl-spacing-4--top{margin-top:var(--jkl-spacing-4)}.jkl-spacing-4--bottom{margin-bottom:var(--jkl-spacing-4)}.jkl-spacing-4--left{margin-left:var(--jkl-spacing-4)}.jkl-spacing-4--right{margin-right:var(--jkl-spacing-4)}.jkl-spacing-8--all{margin:var(--jkl-spacing-8)}.jkl-spacing-8--top{margin-top:var(--jkl-spacing-8)}.jkl-spacing-8--bottom{margin-bottom:var(--jkl-spacing-8)}.jkl-spacing-8--left{margin-left:var(--jkl-spacing-8)}.jkl-spacing-8--right{margin-right:var(--jkl-spacing-8)}.jkl-spacing-12--all{margin:var(--jkl-spacing-12)}.jkl-spacing-12--top{margin-top:var(--jkl-spacing-12)}.jkl-spacing-12--bottom{margin-bottom:var(--jkl-spacing-12)}.jkl-spacing-12--left{margin-left:var(--jkl-spacing-12)}.jkl-spacing-12--right{margin-right:var(--jkl-spacing-12)}.jkl-spacing-16--all{margin:var(--jkl-spacing-16)}.jkl-spacing-16--top{margin-top:var(--jkl-spacing-16)}.jkl-spacing-16--bottom{margin-bottom:var(--jkl-spacing-16)}.jkl-spacing-16--left{margin-left:var(--jkl-spacing-16)}.jkl-spacing-16--right{margin-right:var(--jkl-spacing-16)}.jkl-spacing-24--all{margin:var(--jkl-spacing-24)}.jkl-spacing-24--top{margin-top:var(--jkl-spacing-24)}.jkl-spacing-24--bottom{margin-bottom:var(--jkl-spacing-24)}.jkl-spacing-24--left{margin-left:var(--jkl-spacing-24)}.jkl-spacing-24--right{margin-right:var(--jkl-spacing-24)}.jkl-spacing-32--all{margin:var(--jkl-spacing-32)}.jkl-spacing-32--top{margin-top:var(--jkl-spacing-32)}.jkl-spacing-32--bottom{margin-bottom:var(--jkl-spacing-32)}.jkl-spacing-32--left{margin-left:var(--jkl-spacing-32)}.jkl-spacing-32--right{margin-right:var(--jkl-spacing-32)}.jkl-spacing-40--all{margin:var(--jkl-spacing-40)}.jkl-spacing-40--top{margin-top:var(--jkl-spacing-40)}.jkl-spacing-40--bottom{margin-bottom:var(--jkl-spacing-40)}.jkl-spacing-40--left{margin-left:var(--jkl-spacing-40)}.jkl-spacing-40--right{margin-right:var(--jkl-spacing-40)}.jkl-spacing-64--all{margin:var(--jkl-spacing-64)}.jkl-spacing-64--top{margin-top:var(--jkl-spacing-64)}.jkl-spacing-64--bottom{margin-bottom:var(--jkl-spacing-64)}.jkl-spacing-64--left{margin-left:var(--jkl-spacing-64)}.jkl-spacing-64--right{margin-right:var(--jkl-spacing-64)}.jkl-spacing-104--all{margin:var(--jkl-spacing-104)}.jkl-spacing-104--top{margin-top:var(--jkl-spacing-104)}.jkl-spacing-104--bottom{margin-bottom:var(--jkl-spacing-104)}.jkl-spacing-104--left{margin-left:var(--jkl-spacing-104)}.jkl-spacing-104--right{margin-right:var(--jkl-spacing-104)}.jkl-spacing-168--all{margin:var(--jkl-spacing-168)}.jkl-spacing-168--top{margin-top:var(--jkl-spacing-168)}.jkl-spacing-168--bottom{margin-bottom:var(--jkl-spacing-168)}.jkl-spacing-168--left{margin-left:var(--jkl-spacing-168)}.jkl-spacing-168--right{margin-right:var(--jkl-spacing-168)}.jkl-spacing-16-24--all{margin:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--top{margin-top:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--bottom{margin-bottom:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--left{margin-left:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--right{margin-right:var(--jkl-spacing-16-24)}.jkl-spacing-24-40--all{margin:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--top{margin-top:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--bottom{margin-bottom:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--left{margin-left:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--right{margin-right:var(--jkl-spacing-24-40)}.jkl-spacing-24-32--all{margin:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--top{margin-top:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--bottom{margin-bottom:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--left{margin-left:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--right{margin-right:var(--jkl-spacing-24-32)}.jkl-spacing-32-40--all{margin:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--top{margin-top:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--bottom{margin-bottom:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--left{margin-left:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--right{margin-right:var(--jkl-spacing-32-40)}.jkl-spacing-40-64--all{margin:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--top{margin-top:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--bottom{margin-bottom:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--left{margin-left:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--right{margin-right:var(--jkl-spacing-40-64)}.jkl-spacing-64-104--all{margin:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--top{margin-top:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--bottom{margin-bottom:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--left{margin-left:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--right{margin-right:var(--jkl-spacing-64-104)}.jkl-spacing-104-168--all{margin:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--top{margin-top:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--bottom{margin-bottom:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--left{margin-left:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--right{margin-right:var(--jkl-spacing-104-168)}.jkl-spacing-16-16-24--all{margin:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--top{margin-top:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--bottom{margin-bottom:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--left{margin-left:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--right{margin-right:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-24-32--all{margin:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--top{margin-top:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--bottom{margin-bottom:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--left{margin-left:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--right{margin-right:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-40--all{margin:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--top{margin-top:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--bottom{margin-bottom:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--left{margin-left:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--right{margin-right:var(--jkl-spacing-16-24-40)}.jkl-spacing-24-24-32--all{margin:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--top{margin-top:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--bottom{margin-bottom:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--left{margin-left:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--right{margin-right:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-40--all{margin:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--top{margin-top:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--bottom{margin-bottom:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--left{margin-left:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--right{margin-right:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-32-40--all{margin:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--top{margin-top:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--bottom{margin-bottom:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--left{margin-left:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--right{margin-right:var(--jkl-spacing-24-32-40)}.jkl-spacing-32-32-40--all{margin:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--top{margin-top:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--bottom{margin-bottom:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--left{margin-left:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--right{margin-right:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-40-64--all{margin:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--top{margin-top:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--bottom{margin-bottom:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--left{margin-left:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--right{margin-right:var(--jkl-spacing-32-40-64)}.jkl-spacing-40-40-64--all{margin:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--top{margin-top:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--bottom{margin-bottom:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--left{margin-left:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--right{margin-right:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-64-104--all{margin:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--top{margin-top:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--bottom{margin-bottom:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--left{margin-left:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--right{margin-right:var(--jkl-spacing-40-64-104)}.jkl-spacing-64-64-104--all{margin:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--top{margin-top:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--bottom{margin-bottom:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--left{margin-left:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--right{margin-right:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-104-168--all{margin:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--top{margin-top:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--bottom{margin-bottom:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--left{margin-left:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--right{margin-right:var(--jkl-spacing-64-104-168)}.jkl-spacing-104-104-168--all{margin:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--top{margin-top:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--bottom{margin-bottom:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--left{margin-left:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--right{margin-right:var(--jkl-spacing-104-104-168)}.jkl-spacing-0--all{margin:var(--jkl-spacing-0)}.jkl-spacing-0--top{margin-top:var(--jkl-spacing-0)}.jkl-spacing-0--bottom{margin-bottom:var(--jkl-spacing-0)}.jkl-spacing-0--left{margin-left:var(--jkl-spacing-0)}.jkl-spacing-0--right{margin-right:var(--jkl-spacing-0)}.jkl-spacing-none--all{margin:var(--jkl-spacing-none)}.jkl-spacing-none--top{margin-top:var(--jkl-spacing-none)}.jkl-spacing-none--bottom{margin-bottom:var(--jkl-spacing-none)}.jkl-spacing-none--left{margin-left:var(--jkl-spacing-none)}.jkl-spacing-none--right{margin-right:var(--jkl-spacing-none)}.jkl-spacing-2xs--all{margin:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--top{margin-top:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--bottom{margin-bottom:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--left{margin-left:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--right{margin-right:var(--jkl-spacing-2xs)}.jkl-spacing-xs--all{margin:var(--jkl-spacing-xs)}.jkl-spacing-xs--top{margin-top:var(--jkl-spacing-xs)}.jkl-spacing-xs--bottom{margin-bottom:var(--jkl-spacing-xs)}.jkl-spacing-xs--left{margin-left:var(--jkl-spacing-xs)}.jkl-spacing-xs--right{margin-right:var(--jkl-spacing-xs)}.jkl-spacing-s--all{margin:var(--jkl-spacing-s)}.jkl-spacing-s--top{margin-top:var(--jkl-spacing-s)}.jkl-spacing-s--bottom{margin-bottom:var(--jkl-spacing-s)}.jkl-spacing-s--left{margin-left:var(--jkl-spacing-s)}.jkl-spacing-s--right{margin-right:var(--jkl-spacing-s)}.jkl-spacing-m--all{margin:var(--jkl-spacing-m)}.jkl-spacing-m--top{margin-top:var(--jkl-spacing-m)}.jkl-spacing-m--bottom{margin-bottom:var(--jkl-spacing-m)}.jkl-spacing-m--left{margin-left:var(--jkl-spacing-m)}.jkl-spacing-m--right{margin-right:var(--jkl-spacing-m)}.jkl-spacing-l--all{margin:var(--jkl-spacing-l)}.jkl-spacing-l--top{margin-top:var(--jkl-spacing-l)}.jkl-spacing-l--bottom{margin-bottom:var(--jkl-spacing-l)}.jkl-spacing-l--left{margin-left:var(--jkl-spacing-l)}.jkl-spacing-l--right{margin-right:var(--jkl-spacing-l)}.jkl-spacing-xl--all{margin:var(--jkl-spacing-xl)}.jkl-spacing-xl--top{margin-top:var(--jkl-spacing-xl)}.jkl-spacing-xl--bottom{margin-bottom:var(--jkl-spacing-xl)}.jkl-spacing-xl--left{margin-left:var(--jkl-spacing-xl)}.jkl-spacing-xl--right{margin-right:var(--jkl-spacing-xl)}.jkl-spacing-2xl--all{margin:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--top{margin-top:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--bottom{margin-bottom:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--left{margin-left:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--right{margin-right:var(--jkl-spacing-2xl)}}@layer jokul.utility{}@layer jokul.utility{}@layer jokul.utility{:is(ul,ol):is(.jkl-list-reset){list-style-type:none;margin:0;padding:0}}
2
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@layer jokul.resets{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{margin:0;border:0;padding:0;display:block;line-height:1}table{border-collapse:collapse}table,tbody,td,th,thead,tr{margin:0;padding:0}}@layer jokul.resets{.jkl [hidden]{display:none!important}}@layer jokul.theme{@font-face{font-family:Jokul;font-display:fallback;font-weight:100 900;font-style:normal;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Display;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Icons;font-weight:300 400;font-style:normal;src:url(/fonts/Jokul-Icons.woff2) format("woff2")}@font-face{font-family:Adjusted Arial Fallback;font-weight:400;font-style:normal;src:local(arial);size-adjust:104%;ascent-override:82%;descent-override:normal;line-gap-override:32%}@font-face{font-family:Adjusted Arial Fallback;font-weight:700;font-style:normal;src:local(arial);size-adjust:108%;ascent-override:83%;descent-override:normal;line-gap-override:28%}@font-face{font-family:Adjusted Arial Display Fallback;font-weight:400;font-style:normal;src:local(arial);size-adjust:102%;ascent-override:76%;descent-override:normal;line-gap-override:40%}@font-face{font-family:Adjusted Courier New Fallback;font-weight:400;font-style:normal;src:local(courier new);size-adjust:100%;ascent-override:83%;descent-override:normal;line-gap-override:27%}@font-face{font-family:Jokul Icons Fallback;src:local(courier new);font-weight:300 400;font-style:normal;size-adjust:0%}}@layer jokul.theme{:root{--jkl-spacing-16-24:var(--jkl-spacing-16);--jkl-spacing-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32:var(--jkl-spacing-24);--jkl-spacing-32-40:var(--jkl-spacing-32);--jkl-spacing-40-64:var(--jkl-spacing-40);--jkl-spacing-64-104:var(--jkl-spacing-64);--jkl-spacing-104-168:var(--jkl-spacing-104);--jkl-spacing-16-16-24:var(--jkl-spacing-16);--jkl-spacing-16-24-32:var(--jkl-spacing-16);--jkl-spacing-16-24-40:var(--jkl-spacing-16);--jkl-spacing-24-24-32:var(--jkl-spacing-24);--jkl-spacing-24-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32-40:var(--jkl-spacing-24);--jkl-spacing-32-32-40:var(--jkl-spacing-32);--jkl-spacing-32-40-64:var(--jkl-spacing-32);--jkl-spacing-40-40-64:var(--jkl-spacing-40);--jkl-spacing-40-64-104:var(--jkl-spacing-40);--jkl-spacing-64-64-104:var(--jkl-spacing-64);--jkl-spacing-64-104-168:var(--jkl-spacing-64);--jkl-spacing-104-104-168:var(--jkl-spacing-104)}@media (min-width:680px){:root{--jkl-spacing-16-24:var(--jkl-spacing-24);--jkl-spacing-24-40:var(--jkl-spacing-40);--jkl-spacing-24-32:var(--jkl-spacing-32);--jkl-spacing-32-40:var(--jkl-spacing-40);--jkl-spacing-40-64:var(--jkl-spacing-64);--jkl-spacing-64-104:var(--jkl-spacing-104);--jkl-spacing-104-168:var(--jkl-spacing-168);--jkl-spacing-16-16-24:var(--jkl-spacing-16);--jkl-spacing-16-24-32:var(--jkl-spacing-24);--jkl-spacing-16-24-40:var(--jkl-spacing-24);--jkl-spacing-24-24-32:var(--jkl-spacing-24);--jkl-spacing-24-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32-40:var(--jkl-spacing-32);--jkl-spacing-32-32-40:var(--jkl-spacing-32);--jkl-spacing-32-40-64:var(--jkl-spacing-40);--jkl-spacing-40-40-64:var(--jkl-spacing-40);--jkl-spacing-40-64-104:var(--jkl-spacing-64);--jkl-spacing-64-64-104:var(--jkl-spacing-64);--jkl-spacing-64-104-168:var(--jkl-spacing-104);--jkl-spacing-104-104-168:var(--jkl-spacing-104)}}@media (min-width:1200px){:root{--jkl-spacing-16-16-24:var(--jkl-spacing-24);--jkl-spacing-16-24-32:var(--jkl-spacing-32);--jkl-spacing-16-24-40:var(--jkl-spacing-40);--jkl-spacing-24-24-32:var(--jkl-spacing-32);--jkl-spacing-24-24-40:var(--jkl-spacing-40);--jkl-spacing-24-32-40:var(--jkl-spacing-40);--jkl-spacing-32-32-40:var(--jkl-spacing-40);--jkl-spacing-32-40-64:var(--jkl-spacing-64);--jkl-spacing-40-40-64:var(--jkl-spacing-64);--jkl-spacing-40-64-104:var(--jkl-spacing-104);--jkl-spacing-64-64-104:var(--jkl-spacing-104);--jkl-spacing-64-104-168:var(--jkl-spacing-168);--jkl-spacing-104-104-168:var(--jkl-spacing-168)}}}@layer jokul.theme{:root{color-scheme:light dark;--jkl-color-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-background-container:light-dark(#fff, #262221);--jkl-color-background-container-accent:light-dark(#e4dfd8, #3c3434);--jkl-color-background-contrast:light-dark(#262221, #f3f0ed);--jkl-color-text-default:light-dark(#0e0d0c, #fff);--jkl-color-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-text-accent:light-dark(#0e0d0c, #fff);--jkl-color-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-border-default:light-dark(#636060, #c8c5c3);--jkl-color-border-subdued:light-dark(#c8c5c3, #636060);--jkl-color-border-strong:light-dark(#0e0d0c, #fff);--jkl-color-warning-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-warning-background-container:light-dark(#eed9c3, #48351e);--jkl-color-warning-background-container-accent:light-dark(#e4bc8a, #61492d);--jkl-color-warning-background-contrast:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-default:light-dark(#522e04, #fdecd8);--jkl-color-warning-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-warning-text-accent:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-warning-border-default:light-dark(#d3770b, #eaa858);--jkl-color-warning-border-subdued:light-dark(#e4bc8a, #61492d);--jkl-color-warning-border-strong:light-dark(#522e04, #fdecd8);--jkl-color-success-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-success-background-container:light-dark(#d2e9cb, #334d34);--jkl-color-success-background-container-accent:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-background-contrast:light-dark(#24753a, #81e49c);--jkl-color-success-text-default:light-dark(#0a430d, #dcf9e0);--jkl-color-success-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-success-text-accent:light-dark(#24753a, #81e49c);--jkl-color-success-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-success-border-default:light-dark(#24753a, #81e49c);--jkl-color-success-border-subdued:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-border-strong:light-dark(#0a430d, #dcf9e0);--jkl-color-info-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-info-background-container:light-dark(#d3d3f6, #35355b);--jkl-color-info-background-container-accent:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-background-contrast:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-default:light-dark(#111145, #d8d8fd);--jkl-color-info-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-info-text-accent:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-info-border-default:light-dark(#4646d1, #9a9aeb);--jkl-color-info-border-subdued:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-border-strong:light-dark(#111145, #d8d8fd);--jkl-color-error-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-error-background-container:light-dark(#f0d6d6, #4c2a28);--jkl-color-error-background-container-accent:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-background-contrast:light-dark(#b32424, #f38c8c);--jkl-color-error-text-default:light-dark(#4a0d0d, #fcd9d9);--jkl-color-error-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-error-text-accent:light-dark(#b32424, #f38c8c);--jkl-color-error-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-error-border-default:light-dark(#b32424, #f38c8c);--jkl-color-error-border-subdued:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-border-strong:light-dark(#4a0d0d, #fcd9d9)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}@supports not (color:light-dark(#000,#fff)){:root{--jkl-color-background-page:#f3f0ed;--jkl-color-background-container:#fff;--jkl-color-background-container-accent:#e4dfd8;--jkl-color-background-contrast:#262221;--jkl-color-text-default:#0e0d0c;--jkl-color-text-subdued:#636060;--jkl-color-text-accent:#0e0d0c;--jkl-color-text-on-contrast:#fff;--jkl-color-border-default:#636060;--jkl-color-border-subdued:#c8c5c3;--jkl-color-border-strong:#0e0d0c;--jkl-color-warning-background-page:#f3f0ed;--jkl-color-warning-background-container:#eed9c3;--jkl-color-warning-background-container-accent:#e4bc8a;--jkl-color-warning-background-contrast:#d3770b;--jkl-color-warning-text-default:#522e04;--jkl-color-warning-text-subdued:#636060;--jkl-color-warning-text-accent:#d3770b;--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-border-default:#d3770b;--jkl-color-warning-border-subdued:#e4bc8a;--jkl-color-warning-border-strong:#522e04;--jkl-color-success-background-page:#f3f0ed;--jkl-color-success-background-container:#d2e9cb;--jkl-color-success-background-container-accent:#b7cfaf;--jkl-color-success-background-contrast:#24753a;--jkl-color-success-text-default:#0a430d;--jkl-color-success-text-subdued:#636060;--jkl-color-success-text-accent:#24753a;--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-border-default:#24753a;--jkl-color-success-border-subdued:#b7cfaf;--jkl-color-success-border-strong:#0a430d;--jkl-color-info-background-page:#f3f0ed;--jkl-color-info-background-container:#d3d3f6;--jkl-color-info-background-container-accent:#b5b5eb;--jkl-color-info-background-contrast:#4646d1;--jkl-color-info-text-default:#111145;--jkl-color-info-text-subdued:#636060;--jkl-color-info-text-accent:#4646d1;--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-border-default:#4646d1;--jkl-color-info-border-subdued:#b5b5eb;--jkl-color-info-border-strong:#111145;--jkl-color-error-background-page:#f3f0ed;--jkl-color-error-background-container:#f0d6d6;--jkl-color-error-background-container-accent:#e4b7b6;--jkl-color-error-background-contrast:#b32424;--jkl-color-error-text-default:#4a0d0d;--jkl-color-error-text-subdued:#636060;--jkl-color-error-text-accent:#b32424;--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-border-default:#b32424;--jkl-color-error-border-subdued:#e4b7b6;--jkl-color-error-border-strong:#4a0d0d}}}@layer jokul.theme{[data-color=warning]{--jkl-color-background-page:var(--jkl-color-warning-background-page);--jkl-color-background-container:var(--jkl-color-warning-background-container);--jkl-color-background-container-accent:var(--jkl-color-warning-background-container-accent);--jkl-color-background-contrast:var(--jkl-color-warning-background-contrast);--jkl-color-text-default:var(--jkl-color-warning-text-default);--jkl-color-text-subdued:var(--jkl-color-warning-text-subdued);--jkl-color-text-accent:var(--jkl-color-warning-text-accent);--jkl-color-text-on-contrast:var(--jkl-color-warning-text-on-contrast);--jkl-color-border-default:var(--jkl-color-warning-border-default);--jkl-color-border-subdued:var(--jkl-color-warning-border-subdued);--jkl-color-border-strong:var(--jkl-color-warning-border-strong)}[data-color=success]{--jkl-color-background-page:var(--jkl-color-success-background-page);--jkl-color-background-container:var(--jkl-color-success-background-container);--jkl-color-background-container-accent:var(--jkl-color-success-background-container-accent);--jkl-color-background-contrast:var(--jkl-color-success-background-contrast);--jkl-color-text-default:var(--jkl-color-success-text-default);--jkl-color-text-subdued:var(--jkl-color-success-text-subdued);--jkl-color-text-accent:var(--jkl-color-success-text-accent);--jkl-color-text-on-contrast:var(--jkl-color-success-text-on-contrast);--jkl-color-border-default:var(--jkl-color-success-border-default);--jkl-color-border-subdued:var(--jkl-color-success-border-subdued);--jkl-color-border-strong:var(--jkl-color-success-border-strong)}[data-color=info]{--jkl-color-background-page:var(--jkl-color-info-background-page);--jkl-color-background-container:var(--jkl-color-info-background-container);--jkl-color-background-container-accent:var(--jkl-color-info-background-container-accent);--jkl-color-background-contrast:var(--jkl-color-info-background-contrast);--jkl-color-text-default:var(--jkl-color-info-text-default);--jkl-color-text-subdued:var(--jkl-color-info-text-subdued);--jkl-color-text-accent:var(--jkl-color-info-text-accent);--jkl-color-text-on-contrast:var(--jkl-color-info-text-on-contrast);--jkl-color-border-default:var(--jkl-color-info-border-default);--jkl-color-border-subdued:var(--jkl-color-info-border-subdued);--jkl-color-border-strong:var(--jkl-color-info-border-strong)}[data-color=error]{--jkl-color-background-page:var(--jkl-color-error-background-page);--jkl-color-background-container:var(--jkl-color-error-background-container);--jkl-color-background-container-accent:var(--jkl-color-error-background-container-accent);--jkl-color-background-contrast:var(--jkl-color-error-background-contrast);--jkl-color-text-default:var(--jkl-color-error-text-default);--jkl-color-text-subdued:var(--jkl-color-error-text-subdued);--jkl-color-text-accent:var(--jkl-color-error-text-accent);--jkl-color-text-on-contrast:var(--jkl-color-error-text-on-contrast);--jkl-color-border-default:var(--jkl-color-error-border-default);--jkl-color-border-subdued:var(--jkl-color-error-border-subdued);--jkl-color-border-strong:var(--jkl-color-error-border-strong)}}@layer jokul.theme{:root,[data-size=medium],[data-size]{--jkl-unit-10:8px;--jkl-unit-base:8px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:21px;--jkl-font-size-5:26px;--jkl-font-size-6:32px;--jkl-font-size-7:40px;--jkl-font-size-8:44px;--jkl-font-size-9:46px;--jkl-font-size-10:48px}[data-size=small]{--jkl-unit-10:5px;--jkl-unit-base:5px;--jkl-font-size-1:12px;--jkl-font-size-2:14px;--jkl-font-size-3:16px;--jkl-font-size-4:18px;--jkl-font-size-5:21px;--jkl-font-size-6:26px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:44px;--jkl-font-size-10:46px}[data-size=large]{--jkl-unit-10:11px;--jkl-unit-base:11px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:21px;--jkl-font-size-5:26px;--jkl-font-size-6:32px;--jkl-font-size-7:40px;--jkl-font-size-8:44px;--jkl-font-size-9:46px;--jkl-font-size-10:48px}}@layer jokul.theme{:root,[data-theme=light]{--jkl-opacity-hover:10%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--jkl-opacity-hover:15%}}[data-theme=dark]{--jkl-opacity-hover:15%}}@layer jokul.theme{:root,[data-brand],[data-size],[data-theme]{--jkl-unit-0:0;--jkl-spacing-0:0rem;--jkl-spacing-2:0.125rem;--jkl-spacing-4:0.25rem;--jkl-spacing-8:0.5rem;--jkl-spacing-12:0.75rem;--jkl-spacing-16:1rem;--jkl-spacing-24:1.5rem;--jkl-spacing-32:2rem;--jkl-spacing-40:2.5rem;--jkl-spacing-64:4rem;--jkl-spacing-104:6.5rem;--jkl-spacing-168:10.5rem;--jkl-spacing-none:0;--jkl-border-width-1:0.0625rem;--jkl-border-width-2:0.125rem;--jkl-border-width-3:0.1875rem;--jkl-border-radius-none:0;--jkl-border-radius-xs:0.25rem;--jkl-border-radius-s:0.5rem;--jkl-border-radius-m:0.75rem;--jkl-border-radius-l:1rem;--jkl-border-radius-full:9999px;--jkl-breakpoint-small:0;--jkl-breakpoint-medium:680px;--jkl-breakpoint-large:1200px;--jkl-breakpoint-xl:1600px;--jkl-motion-timing-energetic:75ms;--jkl-motion-timing-snappy:100ms;--jkl-motion-timing-productive:150ms;--jkl-motion-timing-polite:200ms;--jkl-motion-timing-expressive:250ms;--jkl-motion-timing-lazy:400ms;--jkl-motion-easing-standard:ease;--jkl-motion-easing-entrance:ease-out;--jkl-motion-easing-exit:ease-in;--jkl-motion-easing-ease-in-bounce-out:cubic-bezier(0, 0, 0.375, 1.17);--jkl-motion-easing-focus:cubic-bezier(0.6, 0.2, 0.35, 1);--jkl-font-weight-normal:400;--jkl-font-weight-bold:600;--jkl-font-family-regular:"Jokul", "Adjusted Arial Fallback", arial, sans-serif;--jkl-font-family-display:"Jokul Display", "Adjusted Arial Display Fallback", arial, sans-serif;--jkl-font-family-mono:monospace;--jkl-font-family-icons:"Jokul Icons", "Jokul Icons Fallback", monospace;--jkl-line-height-flush:1;--jkl-line-height-tight:1.3;--jkl-line-height-relaxed:1.6;--jkl-unit-15:calc(var(--jkl-unit-base)*1.5);--jkl-unit-20:calc(var(--jkl-unit-base)*2);--jkl-unit-25:calc(var(--jkl-unit-base)*2.5);--jkl-unit-30:calc(var(--jkl-unit-base)*3);--jkl-unit-35:calc(var(--jkl-unit-base)*3.5);--jkl-unit-40:calc(var(--jkl-unit-base)*4);--jkl-unit-50:calc(var(--jkl-unit-base)*5);--jkl-unit-60:calc(var(--jkl-unit-base)*6);--jkl-unit-70:calc(var(--jkl-unit-base)*7);--jkl-unit-80:calc(var(--jkl-unit-base)*8);--jkl-unit-90:calc(var(--jkl-unit-base)*9);--jkl-unit-100:calc(var(--jkl-unit-base)*10);--jkl-unit-130:calc(var(--jkl-unit-base)*13);--jkl-unit-210:calc(var(--jkl-unit-base)*21);--jkl-unit-02:calc(var(--jkl-unit-base)*0.25);--jkl-unit-05:calc(var(--jkl-unit-base)*0.5);--jkl-spacing-2xs:var(--jkl-spacing-4);--jkl-spacing-xs:var(--jkl-spacing-8);--jkl-spacing-s:var(--jkl-spacing-16);--jkl-spacing-m:var(--jkl-spacing-24);--jkl-spacing-l:var(--jkl-spacing-40);--jkl-spacing-xl:var(--jkl-spacing-64);--jkl-spacing-2xl:var(--jkl-spacing-104);--jkl-text-style-title:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-title-small:var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-1:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-display);--jkl-text-style-heading-2:var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-display);--jkl-text-style-heading-3:var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-4:var(--jkl-font-weight-bold) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-5:var(--jkl-font-weight-bold) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-paragraph-large:var(--jkl-font-weight-normal) var(--jkl-font-size-4)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-text-large:var(--jkl-font-weight-normal) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-micro:var(--jkl-font-weight-normal) var(--jkl-font-size-1)/var(--jkl-line-height-tight) var(--jkl-font-family-regular)}}@layer jokul.theme{[data-brand=dnb]{--jkl-color-background-page:light-dark(#f8f8f8, #000);--jkl-color-background-container:light-dark(#fff, #2c2c2e);--jkl-color-background-container-accent:light-dark(#d8f3ec, #023939);--jkl-color-background-contrast:light-dark(#007272, #a5e1d2);--jkl-color-text-default:light-dark(#333, #fff);--jkl-color-text-subdued:light-dark(#6b6b6b, #9a9aa0);--jkl-color-text-accent:light-dark(#14555a, #a5e1d2);--jkl-color-text-on-contrast:light-dark(#fff, #023939);--jkl-color-border-default:light-dark(#007272, #a5e1d2);--jkl-color-border-subdued:light-dark(#ccc, #48484a);--jkl-color-border-strong:light-dark(#007272, #a5e1d2);--jkl-color-warning-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-warning-background-container:light-dark(#eed9c3, #48351e);--jkl-color-warning-background-container-accent:light-dark(#e4bc8a, #61492d);--jkl-color-warning-background-contrast:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-default:light-dark(#522e04, #fdecd8);--jkl-color-warning-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-warning-text-accent:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-warning-border-default:light-dark(#d3770b, #eaa858);--jkl-color-warning-border-subdued:light-dark(#e4bc8a, #61492d);--jkl-color-warning-border-strong:light-dark(#522e04, #fdecd8);--jkl-color-success-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-success-background-container:light-dark(#d2e9cb, #334d34);--jkl-color-success-background-container-accent:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-background-contrast:light-dark(#24753a, #81e49c);--jkl-color-success-text-default:light-dark(#0a430d, #dcf9e0);--jkl-color-success-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-success-text-accent:light-dark(#24753a, #81e49c);--jkl-color-success-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-success-border-default:light-dark(#24753a, #81e49c);--jkl-color-success-border-subdued:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-border-strong:light-dark(#0a430d, #dcf9e0);--jkl-color-info-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-info-background-container:light-dark(#d3d3f6, #35355b);--jkl-color-info-background-container-accent:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-background-contrast:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-default:light-dark(#111145, #d8d8fd);--jkl-color-info-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-info-text-accent:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-info-border-default:light-dark(#4646d1, #9a9aeb);--jkl-color-info-border-subdued:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-border-strong:light-dark(#111145, #d8d8fd);--jkl-color-error-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-error-background-container:light-dark(#f0d6d6, #4c2a28);--jkl-color-error-background-container-accent:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-background-contrast:light-dark(#b32424, #f38c8c);--jkl-color-error-text-default:light-dark(#4a0d0d, #fcd9d9);--jkl-color-error-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-error-text-accent:light-dark(#b32424, #f38c8c);--jkl-color-error-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-error-border-default:light-dark(#b32424, #f38c8c);--jkl-color-error-border-subdued:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-border-strong:light-dark(#4a0d0d, #fcd9d9)}@supports not (color:light-dark(#000,#fff)){[data-brand=dnb]{--jkl-color-background-page:#f8f8f8;--jkl-color-background-container:#fff;--jkl-color-background-container-accent:#d8f3ec;--jkl-color-background-contrast:#007272;--jkl-color-text-default:#333;--jkl-color-text-subdued:#6b6b6b;--jkl-color-text-accent:#14555a;--jkl-color-text-on-contrast:#fff;--jkl-color-border-default:#007272;--jkl-color-border-subdued:#ccc;--jkl-color-border-strong:#007272;--jkl-color-warning-background-page:#f3f0ed;--jkl-color-warning-background-container:#eed9c3;--jkl-color-warning-background-container-accent:#e4bc8a;--jkl-color-warning-background-contrast:#d3770b;--jkl-color-warning-text-default:#522e04;--jkl-color-warning-text-subdued:#636060;--jkl-color-warning-text-accent:#d3770b;--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-border-default:#d3770b;--jkl-color-warning-border-subdued:#e4bc8a;--jkl-color-warning-border-strong:#522e04;--jkl-color-success-background-page:#f3f0ed;--jkl-color-success-background-container:#d2e9cb;--jkl-color-success-background-container-accent:#b7cfaf;--jkl-color-success-background-contrast:#24753a;--jkl-color-success-text-default:#0a430d;--jkl-color-success-text-subdued:#636060;--jkl-color-success-text-accent:#24753a;--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-border-default:#24753a;--jkl-color-success-border-subdued:#b7cfaf;--jkl-color-success-border-strong:#0a430d;--jkl-color-info-background-page:#f3f0ed;--jkl-color-info-background-container:#d3d3f6;--jkl-color-info-background-container-accent:#b5b5eb;--jkl-color-info-background-contrast:#4646d1;--jkl-color-info-text-default:#111145;--jkl-color-info-text-subdued:#636060;--jkl-color-info-text-accent:#4646d1;--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-border-default:#4646d1;--jkl-color-info-border-subdued:#b5b5eb;--jkl-color-info-border-strong:#111145;--jkl-color-error-background-page:#f3f0ed;--jkl-color-error-background-container:#f0d6d6;--jkl-color-error-background-container-accent:#e4b7b6;--jkl-color-error-background-contrast:#b32424;--jkl-color-error-text-default:#4a0d0d;--jkl-color-error-text-subdued:#636060;--jkl-color-error-text-accent:#b32424;--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-border-default:#b32424;--jkl-color-error-border-subdued:#e4b7b6;--jkl-color-error-border-strong:#4a0d0d}}}@layer jokul.theme{@font-face{font-family:DNB Sans;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/brands/dnb/DNB-Regular.woff2) format("woff2")}@font-face{font-family:DNB Sans;font-display:fallback;font-weight:500;font-style:normal;src:url(/fonts/brands/dnb/DNB-Medium.woff2) format("woff2")}@font-face{font-family:DNB Mono;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/brands/dnb/DNBMono-Regular.woff2) format("woff2")}[data-brand=dnb]{--jkl-font-family-regular:"DNB Sans", sans-serif;--jkl-font-family-display:"DNB Sans", sans-serif;--jkl-font-family-mono:"DNB Mono", "Adjusted Courier New Fallback", -apple-system, blinkmacsystemfont, monospace;--jkl-font-family-icons:"Jokul Icons", "Jokul Icons Fallback", monospace;--jkl-font-weight-normal:400;--jkl-font-weight-bold:500}}@layer jokul.global{@supports (font:-apple-system-body){@media (pointer:coarse){:root{font:-apple-system-body}}}.jkl{--jkl-background-color:var(--jkl-color-background-page);--jkl-color:var(--jkl-color-text-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--jkl-background-color);color:var(--jkl-color);font-family:var(--jkl-font-family-regular);font-weight:var(--jkl-font-weight-normal)}.jkl strong{font-weight:var(--jkl-font-weight-bold)}.jkl a,.jkl button:not(:disabled){cursor:pointer}@media screen and (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:0s!important;animation-delay:0s!important;transition:none!important}}}@layer jokul.global{[popover]{opacity:0}@supports (overlay:auto){[popover]{transition:opacity,overlay allow-discrete,display allow-discrete;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive)}}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}@supports not (overlay:auto){[popover]:popover-open{transition:opacity;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive)}}}@layer jokul.utility{.jkl-body,.jkl-bold{font:var(--jkl-text-style-paragraph-medium)}.jkl-bold{font-weight:var(--jkl-font-weight-bold)}.jkl-small{font:var(--jkl-text-style-paragraph-small)}.jkl-title{font:var(--jkl-text-style-title)}.jkl-title-small{font:var(--jkl-text-style-title-small)}.jkl-heading-1{font:var(--jkl-text-style-heading-1)}.jkl-heading-2{font:var(--jkl-text-style-heading-2)}.jkl-heading-3{font:var(--jkl-text-style-heading-3)}.jkl-heading-4{font:var(--jkl-text-style-heading-4)}.jkl-heading-5{font:var(--jkl-text-style-heading-5)}.jkl-paragraph-large{font:var(--jkl-text-style-paragraph-large)}.jkl-paragraph-medium{font:var(--jkl-text-style-paragraph-medium)}.jkl-paragraph-small{font:var(--jkl-text-style-paragraph-small)}.jkl-text-large{font:var(--jkl-text-style-text-large)}.jkl-text-medium{font:var(--jkl-text-style-text-medium)}.jkl-text-small{font:var(--jkl-text-style-text-small)}.jkl-text-micro{font:var(--jkl-text-style-text-micro)}.jkl-sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}@layer jokul.utility{.jkl-sr-only--focusable:active,.jkl-sr-only--focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;width:auto!important;white-space:normal!important}}@layer jokul.utility{.jkl-spacing-2--all{margin:var(--jkl-spacing-2)}.jkl-spacing-2--top{margin-top:var(--jkl-spacing-2)}.jkl-spacing-2--bottom{margin-bottom:var(--jkl-spacing-2)}.jkl-spacing-2--left{margin-left:var(--jkl-spacing-2)}.jkl-spacing-2--right{margin-right:var(--jkl-spacing-2)}.jkl-spacing-4--all{margin:var(--jkl-spacing-4)}.jkl-spacing-4--top{margin-top:var(--jkl-spacing-4)}.jkl-spacing-4--bottom{margin-bottom:var(--jkl-spacing-4)}.jkl-spacing-4--left{margin-left:var(--jkl-spacing-4)}.jkl-spacing-4--right{margin-right:var(--jkl-spacing-4)}.jkl-spacing-8--all{margin:var(--jkl-spacing-8)}.jkl-spacing-8--top{margin-top:var(--jkl-spacing-8)}.jkl-spacing-8--bottom{margin-bottom:var(--jkl-spacing-8)}.jkl-spacing-8--left{margin-left:var(--jkl-spacing-8)}.jkl-spacing-8--right{margin-right:var(--jkl-spacing-8)}.jkl-spacing-12--all{margin:var(--jkl-spacing-12)}.jkl-spacing-12--top{margin-top:var(--jkl-spacing-12)}.jkl-spacing-12--bottom{margin-bottom:var(--jkl-spacing-12)}.jkl-spacing-12--left{margin-left:var(--jkl-spacing-12)}.jkl-spacing-12--right{margin-right:var(--jkl-spacing-12)}.jkl-spacing-16--all{margin:var(--jkl-spacing-16)}.jkl-spacing-16--top{margin-top:var(--jkl-spacing-16)}.jkl-spacing-16--bottom{margin-bottom:var(--jkl-spacing-16)}.jkl-spacing-16--left{margin-left:var(--jkl-spacing-16)}.jkl-spacing-16--right{margin-right:var(--jkl-spacing-16)}.jkl-spacing-24--all{margin:var(--jkl-spacing-24)}.jkl-spacing-24--top{margin-top:var(--jkl-spacing-24)}.jkl-spacing-24--bottom{margin-bottom:var(--jkl-spacing-24)}.jkl-spacing-24--left{margin-left:var(--jkl-spacing-24)}.jkl-spacing-24--right{margin-right:var(--jkl-spacing-24)}.jkl-spacing-32--all{margin:var(--jkl-spacing-32)}.jkl-spacing-32--top{margin-top:var(--jkl-spacing-32)}.jkl-spacing-32--bottom{margin-bottom:var(--jkl-spacing-32)}.jkl-spacing-32--left{margin-left:var(--jkl-spacing-32)}.jkl-spacing-32--right{margin-right:var(--jkl-spacing-32)}.jkl-spacing-40--all{margin:var(--jkl-spacing-40)}.jkl-spacing-40--top{margin-top:var(--jkl-spacing-40)}.jkl-spacing-40--bottom{margin-bottom:var(--jkl-spacing-40)}.jkl-spacing-40--left{margin-left:var(--jkl-spacing-40)}.jkl-spacing-40--right{margin-right:var(--jkl-spacing-40)}.jkl-spacing-64--all{margin:var(--jkl-spacing-64)}.jkl-spacing-64--top{margin-top:var(--jkl-spacing-64)}.jkl-spacing-64--bottom{margin-bottom:var(--jkl-spacing-64)}.jkl-spacing-64--left{margin-left:var(--jkl-spacing-64)}.jkl-spacing-64--right{margin-right:var(--jkl-spacing-64)}.jkl-spacing-104--all{margin:var(--jkl-spacing-104)}.jkl-spacing-104--top{margin-top:var(--jkl-spacing-104)}.jkl-spacing-104--bottom{margin-bottom:var(--jkl-spacing-104)}.jkl-spacing-104--left{margin-left:var(--jkl-spacing-104)}.jkl-spacing-104--right{margin-right:var(--jkl-spacing-104)}.jkl-spacing-168--all{margin:var(--jkl-spacing-168)}.jkl-spacing-168--top{margin-top:var(--jkl-spacing-168)}.jkl-spacing-168--bottom{margin-bottom:var(--jkl-spacing-168)}.jkl-spacing-168--left{margin-left:var(--jkl-spacing-168)}.jkl-spacing-168--right{margin-right:var(--jkl-spacing-168)}.jkl-spacing-16-24--all{margin:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--top{margin-top:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--bottom{margin-bottom:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--left{margin-left:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--right{margin-right:var(--jkl-spacing-16-24)}.jkl-spacing-24-40--all{margin:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--top{margin-top:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--bottom{margin-bottom:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--left{margin-left:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--right{margin-right:var(--jkl-spacing-24-40)}.jkl-spacing-24-32--all{margin:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--top{margin-top:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--bottom{margin-bottom:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--left{margin-left:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--right{margin-right:var(--jkl-spacing-24-32)}.jkl-spacing-32-40--all{margin:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--top{margin-top:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--bottom{margin-bottom:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--left{margin-left:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--right{margin-right:var(--jkl-spacing-32-40)}.jkl-spacing-40-64--all{margin:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--top{margin-top:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--bottom{margin-bottom:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--left{margin-left:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--right{margin-right:var(--jkl-spacing-40-64)}.jkl-spacing-64-104--all{margin:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--top{margin-top:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--bottom{margin-bottom:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--left{margin-left:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--right{margin-right:var(--jkl-spacing-64-104)}.jkl-spacing-104-168--all{margin:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--top{margin-top:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--bottom{margin-bottom:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--left{margin-left:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--right{margin-right:var(--jkl-spacing-104-168)}.jkl-spacing-16-16-24--all{margin:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--top{margin-top:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--bottom{margin-bottom:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--left{margin-left:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--right{margin-right:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-24-32--all{margin:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--top{margin-top:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--bottom{margin-bottom:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--left{margin-left:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--right{margin-right:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-40--all{margin:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--top{margin-top:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--bottom{margin-bottom:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--left{margin-left:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--right{margin-right:var(--jkl-spacing-16-24-40)}.jkl-spacing-24-24-32--all{margin:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--top{margin-top:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--bottom{margin-bottom:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--left{margin-left:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--right{margin-right:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-40--all{margin:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--top{margin-top:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--bottom{margin-bottom:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--left{margin-left:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--right{margin-right:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-32-40--all{margin:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--top{margin-top:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--bottom{margin-bottom:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--left{margin-left:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--right{margin-right:var(--jkl-spacing-24-32-40)}.jkl-spacing-32-32-40--all{margin:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--top{margin-top:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--bottom{margin-bottom:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--left{margin-left:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--right{margin-right:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-40-64--all{margin:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--top{margin-top:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--bottom{margin-bottom:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--left{margin-left:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--right{margin-right:var(--jkl-spacing-32-40-64)}.jkl-spacing-40-40-64--all{margin:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--top{margin-top:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--bottom{margin-bottom:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--left{margin-left:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--right{margin-right:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-64-104--all{margin:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--top{margin-top:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--bottom{margin-bottom:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--left{margin-left:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--right{margin-right:var(--jkl-spacing-40-64-104)}.jkl-spacing-64-64-104--all{margin:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--top{margin-top:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--bottom{margin-bottom:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--left{margin-left:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--right{margin-right:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-104-168--all{margin:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--top{margin-top:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--bottom{margin-bottom:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--left{margin-left:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--right{margin-right:var(--jkl-spacing-64-104-168)}.jkl-spacing-104-104-168--all{margin:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--top{margin-top:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--bottom{margin-bottom:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--left{margin-left:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--right{margin-right:var(--jkl-spacing-104-104-168)}.jkl-spacing-0--all{margin:var(--jkl-spacing-0)}.jkl-spacing-0--top{margin-top:var(--jkl-spacing-0)}.jkl-spacing-0--bottom{margin-bottom:var(--jkl-spacing-0)}.jkl-spacing-0--left{margin-left:var(--jkl-spacing-0)}.jkl-spacing-0--right{margin-right:var(--jkl-spacing-0)}.jkl-spacing-none--all{margin:var(--jkl-spacing-none)}.jkl-spacing-none--top{margin-top:var(--jkl-spacing-none)}.jkl-spacing-none--bottom{margin-bottom:var(--jkl-spacing-none)}.jkl-spacing-none--left{margin-left:var(--jkl-spacing-none)}.jkl-spacing-none--right{margin-right:var(--jkl-spacing-none)}.jkl-spacing-2xs--all{margin:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--top{margin-top:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--bottom{margin-bottom:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--left{margin-left:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--right{margin-right:var(--jkl-spacing-2xs)}.jkl-spacing-xs--all{margin:var(--jkl-spacing-xs)}.jkl-spacing-xs--top{margin-top:var(--jkl-spacing-xs)}.jkl-spacing-xs--bottom{margin-bottom:var(--jkl-spacing-xs)}.jkl-spacing-xs--left{margin-left:var(--jkl-spacing-xs)}.jkl-spacing-xs--right{margin-right:var(--jkl-spacing-xs)}.jkl-spacing-s--all{margin:var(--jkl-spacing-s)}.jkl-spacing-s--top{margin-top:var(--jkl-spacing-s)}.jkl-spacing-s--bottom{margin-bottom:var(--jkl-spacing-s)}.jkl-spacing-s--left{margin-left:var(--jkl-spacing-s)}.jkl-spacing-s--right{margin-right:var(--jkl-spacing-s)}.jkl-spacing-m--all{margin:var(--jkl-spacing-m)}.jkl-spacing-m--top{margin-top:var(--jkl-spacing-m)}.jkl-spacing-m--bottom{margin-bottom:var(--jkl-spacing-m)}.jkl-spacing-m--left{margin-left:var(--jkl-spacing-m)}.jkl-spacing-m--right{margin-right:var(--jkl-spacing-m)}.jkl-spacing-l--all{margin:var(--jkl-spacing-l)}.jkl-spacing-l--top{margin-top:var(--jkl-spacing-l)}.jkl-spacing-l--bottom{margin-bottom:var(--jkl-spacing-l)}.jkl-spacing-l--left{margin-left:var(--jkl-spacing-l)}.jkl-spacing-l--right{margin-right:var(--jkl-spacing-l)}.jkl-spacing-xl--all{margin:var(--jkl-spacing-xl)}.jkl-spacing-xl--top{margin-top:var(--jkl-spacing-xl)}.jkl-spacing-xl--bottom{margin-bottom:var(--jkl-spacing-xl)}.jkl-spacing-xl--left{margin-left:var(--jkl-spacing-xl)}.jkl-spacing-xl--right{margin-right:var(--jkl-spacing-xl)}.jkl-spacing-2xl--all{margin:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--top{margin-top:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--bottom{margin-bottom:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--left{margin-left:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--right{margin-right:var(--jkl-spacing-2xl)}}@layer jokul.utility{:is(ul,ol):is(.jkl-list-reset){list-style-type:none;margin:0;padding:0}}