@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.
- package/build/build-stats.html +1 -1
- package/build/cjs/components/button-group/ButtonGroup.cjs +2 -0
- package/build/cjs/components/button-group/ButtonGroup.cjs.map +1 -0
- package/build/cjs/components/button-group/ButtonGroup.d.cts +7 -0
- package/build/cjs/components/button-group/index.cjs +2 -0
- package/build/cjs/components/button-group/index.cjs.map +1 -0
- package/build/cjs/components/button-group/index.d.cts +1 -0
- package/build/cjs/components/checkbox/types.d.cts +2 -2
- package/build/cjs/components/combobox/Combobox.cjs +1 -1
- package/build/cjs/components/combobox/Combobox.cjs.map +1 -1
- package/build/cjs/components/combobox/types.d.cts +2 -1
- package/build/cjs/components/date-input/DateInput.cjs +1 -1
- package/build/cjs/components/date-input/DateInput.cjs.map +1 -1
- package/build/cjs/components/date-input/DateInput.d.cts +1 -1
- package/build/cjs/components/date-input/types.d.cts +2 -2
- package/build/cjs/components/input-group/InputGroup.cjs +1 -1
- package/build/cjs/components/input-group/InputGroup.cjs.map +1 -1
- package/build/cjs/components/input-group/Label.cjs +1 -1
- package/build/cjs/components/input-group/Label.cjs.map +1 -1
- package/build/cjs/components/input-group/types.d.cts +9 -2
- package/build/cjs/components/input-panel/InputPanel.d.cts +1 -1
- package/build/cjs/components/input-panel/types.d.cts +2 -2
- package/build/cjs/components/message/Message.cjs +1 -1
- package/build/cjs/components/message/Message.cjs.map +1 -1
- package/build/cjs/components/message/types.d.cts +5 -1
- package/build/cjs/components/notification-badge/NotificationBadge.cjs +2 -0
- package/build/cjs/components/notification-badge/NotificationBadge.cjs.map +1 -0
- package/build/cjs/components/notification-badge/NotificationBadge.d.cts +3 -0
- package/build/cjs/components/notification-badge/index.cjs +2 -0
- package/build/cjs/components/notification-badge/index.cjs.map +1 -0
- package/build/cjs/components/notification-badge/index.d.cts +2 -0
- package/build/cjs/components/notification-badge/types.cjs +2 -0
- package/build/cjs/components/notification-badge/types.cjs.map +1 -0
- package/build/cjs/components/notification-badge/types.d.cts +40 -0
- package/build/cjs/components/number-input/NumberInput.d.cts +1 -1
- package/build/cjs/components/number-input/types.d.cts +2 -1
- package/build/cjs/components/radio-button/types.d.cts +2 -1
- package/build/cjs/components/search/Search.cjs +1 -1
- package/build/cjs/components/search/Search.cjs.map +1 -1
- package/build/cjs/components/search/types.d.cts +2 -1
- package/build/cjs/components/select/Option.d.cts +1 -1
- package/build/cjs/components/select/Select.cjs.map +1 -1
- package/build/cjs/components/select/Select.d.cts +2 -2
- package/build/cjs/components/system-message/SystemMessage.cjs +1 -1
- package/build/cjs/components/system-message/SystemMessage.cjs.map +1 -1
- package/build/cjs/components/tag/Tag.cjs +1 -1
- package/build/cjs/components/tag/Tag.cjs.map +1 -1
- package/build/cjs/components/text-area/types.d.cts +2 -1
- package/build/cjs/components/text-input/types.d.cts +3 -2
- package/build/cjs/components/toast/Toast.cjs +1 -1
- package/build/cjs/components/toast/Toast.cjs.map +1 -1
- package/build/cjs/components/toggle-switch/ToggleSwitch.d.cts +1 -1
- package/build/cjs/components/toggle-switch/types.d.cts +2 -2
- package/build/cjs/hooks/index.cjs +1 -1
- package/build/cjs/hooks/index.d.cts +1 -0
- package/build/cjs/hooks/useMergeRefs/useMergeRefs.cjs +2 -0
- package/build/cjs/hooks/useMergeRefs/useMergeRefs.cjs.map +1 -0
- package/build/cjs/hooks/useMergeRefs/useMergeRefs.d.cts +8 -0
- package/build/cjs/tokens.cjs +1 -1
- package/build/cjs/tokens.cjs.map +1 -1
- package/build/cjs/tokens.d.cts +3 -0
- package/build/cjs/utilities/index.cjs +1 -1
- package/build/cjs/utilities/index.d.cts +1 -0
- package/build/cjs/utilities/mergeRefs.cjs +1 -1
- package/build/cjs/utilities/mergeRefs.cjs.map +1 -1
- package/build/cjs/utilities/mergeRefs.d.cts +0 -8
- package/build/cjs/utilities/types.cjs +1 -1
- package/build/cjs/utilities/types.cjs.map +1 -1
- package/build/cjs/utilities/types.d.cts +36 -2
- package/build/es/components/button-group/ButtonGroup.d.ts +7 -0
- package/build/es/components/button-group/ButtonGroup.js +2 -0
- package/build/es/components/button-group/ButtonGroup.js.map +1 -0
- package/build/es/components/button-group/index.d.ts +1 -0
- package/build/es/components/button-group/index.js +2 -0
- package/build/es/components/button-group/index.js.map +1 -0
- package/build/es/components/checkbox/types.d.ts +2 -2
- package/build/es/components/combobox/Combobox.js +1 -1
- package/build/es/components/combobox/Combobox.js.map +1 -1
- package/build/es/components/combobox/types.d.ts +2 -1
- package/build/es/components/date-input/DateInput.d.ts +1 -1
- package/build/es/components/date-input/DateInput.js +1 -1
- package/build/es/components/date-input/DateInput.js.map +1 -1
- package/build/es/components/date-input/types.d.ts +2 -2
- package/build/es/components/input-group/InputGroup.js +1 -1
- package/build/es/components/input-group/InputGroup.js.map +1 -1
- package/build/es/components/input-group/Label.js +1 -1
- package/build/es/components/input-group/Label.js.map +1 -1
- package/build/es/components/input-group/types.d.ts +9 -2
- package/build/es/components/input-panel/InputPanel.d.ts +1 -1
- package/build/es/components/input-panel/types.d.ts +2 -2
- package/build/es/components/message/Message.js +1 -1
- package/build/es/components/message/Message.js.map +1 -1
- package/build/es/components/message/types.d.ts +5 -1
- package/build/es/components/notification-badge/NotificationBadge.d.ts +3 -0
- package/build/es/components/notification-badge/NotificationBadge.js +2 -0
- package/build/es/components/notification-badge/NotificationBadge.js.map +1 -0
- package/build/es/components/notification-badge/index.d.ts +2 -0
- package/build/es/components/notification-badge/index.js +2 -0
- package/build/es/components/notification-badge/index.js.map +1 -0
- package/build/es/components/notification-badge/types.d.ts +40 -0
- package/build/es/components/notification-badge/types.js +2 -0
- package/build/es/components/notification-badge/types.js.map +1 -0
- package/build/es/components/number-input/NumberInput.d.ts +1 -1
- package/build/es/components/number-input/types.d.ts +2 -1
- package/build/es/components/radio-button/types.d.ts +2 -1
- package/build/es/components/search/Search.js +1 -1
- package/build/es/components/search/Search.js.map +1 -1
- package/build/es/components/search/types.d.ts +2 -1
- package/build/es/components/select/Option.d.ts +1 -1
- package/build/es/components/select/Select.d.ts +2 -2
- package/build/es/components/select/Select.js.map +1 -1
- package/build/es/components/system-message/SystemMessage.js +1 -1
- package/build/es/components/system-message/SystemMessage.js.map +1 -1
- package/build/es/components/tag/Tag.js +1 -1
- package/build/es/components/tag/Tag.js.map +1 -1
- package/build/es/components/text-area/types.d.ts +2 -1
- package/build/es/components/text-input/types.d.ts +3 -2
- package/build/es/components/toast/Toast.js +1 -1
- package/build/es/components/toast/Toast.js.map +1 -1
- package/build/es/components/toggle-switch/ToggleSwitch.d.ts +1 -1
- package/build/es/components/toggle-switch/types.d.ts +2 -2
- package/build/es/hooks/index.d.ts +1 -0
- package/build/es/hooks/index.js +1 -1
- package/build/es/hooks/useMergeRefs/useMergeRefs.d.ts +8 -0
- package/build/es/hooks/useMergeRefs/useMergeRefs.js +2 -0
- package/build/es/hooks/useMergeRefs/useMergeRefs.js.map +1 -0
- package/build/es/tokens.d.ts +3 -0
- package/build/es/tokens.js +1 -1
- package/build/es/tokens.js.map +1 -1
- package/build/es/utilities/index.d.ts +1 -0
- package/build/es/utilities/index.js +1 -1
- package/build/es/utilities/mergeRefs.d.ts +0 -8
- package/build/es/utilities/mergeRefs.js +1 -1
- package/build/es/utilities/mergeRefs.js.map +1 -1
- package/build/es/utilities/types.d.ts +36 -2
- package/build/es/utilities/types.js +1 -1
- package/build/es/utilities/types.js.map +1 -1
- package/package.json +3 -2
- package/styles/base.css +194 -116
- package/styles/base.min.css +1 -1
- package/styles/components/autosuggest/autosuggest.min.css +1 -1
- package/styles/components/beta/nav-link/navlink.min.css +1 -1
- package/styles/components/button/button.css +3 -3
- package/styles/components/button/button.min.css +1 -1
- package/styles/components/button/button.scss +3 -5
- package/styles/components/button-group/_index.scss +1 -0
- package/styles/components/button-group/button-group.css +12 -0
- package/styles/components/button-group/button-group.min.css +1 -0
- package/styles/components/button-group/button-group.scss +14 -0
- package/styles/components/card/card.min.css +1 -1
- package/styles/components/checkbox/checkbox.css +15 -0
- package/styles/components/checkbox/checkbox.min.css +1 -1
- package/styles/components/checkbox/checkbox.scss +4 -0
- package/styles/components/checkbox-panel/checkbox-panel.css +32 -0
- package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
- package/styles/components/chip/chip.css +6 -13
- package/styles/components/chip/chip.min.css +1 -1
- package/styles/components/chip/chip.scss +4 -14
- package/styles/components/combobox/combobox.css +45 -0
- package/styles/components/combobox/combobox.min.css +1 -1
- package/styles/components/combobox/combobox.scss +11 -0
- package/styles/components/cookie-consent/cookie-consent.min.css +1 -1
- package/styles/components/countdown/countdown.css +2 -2
- package/styles/components/countdown/countdown.min.css +1 -1
- package/styles/components/date-input/calendar/calendar.css +15 -4
- package/styles/components/date-input/calendar/calendar.min.css +1 -1
- package/styles/components/date-input/calendar/calendar.scss +6 -10
- package/styles/components/date-input/date-input.css +25 -0
- package/styles/components/date-input/date-input.min.css +1 -1
- package/styles/components/description-list/description-list.min.css +1 -1
- package/styles/components/expander/accordion.min.css +1 -1
- package/styles/components/expander/expandable.css +1 -1
- package/styles/components/expander/expandable.min.css +1 -1
- package/styles/components/expander/expandable.scss +2 -2
- package/styles/components/feedback/feedback.css +2 -2
- package/styles/components/feedback/feedback.min.css +1 -1
- package/styles/components/file/file.min.css +1 -1
- package/styles/components/file-input/file-input.css +27 -12
- package/styles/components/file-input/file-input.min.css +1 -1
- package/styles/components/file-input/file-input.scss +6 -0
- package/styles/components/icon-button/icon-button.min.css +1 -1
- package/styles/components/input-group/_labels.scss +52 -0
- package/styles/components/input-group/input-group.css +52 -2
- package/styles/components/input-group/input-group.min.css +1 -1
- package/styles/components/input-panel/input-panel.css +17 -0
- package/styles/components/input-panel/input-panel.min.css +1 -1
- package/styles/components/input-panel/input-panel.scss +7 -0
- package/styles/components/link-list/link-list.css +1 -1
- package/styles/components/link-list/link-list.min.css +1 -1
- package/styles/components/link-list/link-list.scss +1 -1
- package/styles/components/list/list.min.css +1 -1
- package/styles/components/loader/loader.css +6 -6
- package/styles/components/loader/loader.min.css +1 -1
- package/styles/components/loader/skeleton-loader.css +3 -3
- package/styles/components/loader/skeleton-loader.min.css +1 -1
- package/styles/components/menu/_menu-item.scss +1 -1
- package/styles/components/menu/menu.css +1 -1
- package/styles/components/menu/menu.min.css +1 -1
- package/styles/components/message/message.css +5 -25
- package/styles/components/message/message.min.css +1 -1
- package/styles/components/message/message.scss +3 -27
- package/styles/components/modal/modal.min.css +1 -1
- package/styles/components/nav-link/nav-link.min.css +1 -1
- package/styles/components/notification-badge/_index.scss +1 -0
- package/styles/components/notification-badge/notification-badge.css +45 -0
- package/styles/components/notification-badge/notification-badge.min.css +3 -0
- package/styles/components/notification-badge/notification-badge.scss +58 -0
- package/styles/components/number-input/number-input.css +37 -1
- package/styles/components/number-input/number-input.min.css +1 -1
- package/styles/components/number-input/number-input.scss +1 -2
- package/styles/components/popover/popover.min.css +1 -1
- package/styles/components/progress-bar/progress-bar.css +1 -1
- package/styles/components/progress-bar/progress-bar.min.css +1 -1
- package/styles/components/radio-button/radio-button.css +15 -0
- package/styles/components/radio-button/radio-button.min.css +1 -1
- package/styles/components/radio-button/radio-button.scss +4 -0
- package/styles/components/radio-panel/radio-panel.css +17 -0
- package/styles/components/radio-panel/radio-panel.min.css +1 -1
- package/styles/components/search/search-with-submit-button.css +29 -43
- package/styles/components/search/search-with-submit-button.min.css +1 -1
- package/styles/components/search/search-with-submit-button.scss +9 -24
- package/styles/components/search/search.css +246 -125
- package/styles/components/search/search.min.css +1 -1
- package/styles/components/search/search.scss +98 -103
- package/styles/components/segmented-control/segmented-control.css +94 -13
- package/styles/components/segmented-control/segmented-control.min.css +1 -1
- package/styles/components/segmented-control/segmented-control.scss +8 -2
- package/styles/components/select/option.css +17 -2
- package/styles/components/select/option.min.css +1 -1
- package/styles/components/select/option.scss +6 -3
- package/styles/components/select/select.css +17 -0
- package/styles/components/select/select.min.css +1 -1
- package/styles/components/select/select.scss +7 -0
- package/styles/components/system-message/system-message.css +5 -25
- package/styles/components/system-message/system-message.min.css +1 -1
- package/styles/components/system-message/system-message.scss +3 -27
- package/styles/components/table/_table-row.scss +2 -2
- package/styles/components/table/table.css +2 -2
- package/styles/components/table/table.min.css +2 -2
- package/styles/components/tabs/tabs.css +2 -0
- package/styles/components/tabs/tabs.min.css +1 -1
- package/styles/components/tabs/tabs.scss +2 -0
- package/styles/components/tag/tag.css +4 -24
- package/styles/components/tag/tag.min.css +1 -1
- package/styles/components/tag/tag.scss +4 -28
- package/styles/components/text-area/text-area.css +25 -0
- package/styles/components/text-area/text-area.min.css +1 -1
- package/styles/components/text-input/text-input.css +25 -0
- package/styles/components/text-input/text-input.min.css +1 -1
- package/styles/components/toast/toast.css +12 -52
- package/styles/components/toast/toast.min.css +1 -1
- package/styles/components/toast/toast.scss +6 -60
- package/styles/components/toggle-switch/toggle-switch.css +12 -7
- package/styles/components/toggle-switch/toggle-switch.min.css +1 -1
- package/styles/components/toggle-switch/toggle-switch.scss +1 -11
- package/styles/components/tooltip/tooltip.min.css +1 -1
- package/styles/components.css +770 -381
- package/styles/components.min.css +4 -2
- package/styles/components.scss +2 -0
- package/styles/jkl/_index.scss +1 -0
- package/styles/jkl/_ornaments.scss +8 -0
- package/styles/jkl/_states.scss +45 -0
- package/styles/jkl/_tokens.scss +4 -0
- package/styles/shared/input/shared-input-styles.scss +21 -0
- package/styles/theme/_color-mode.scss +62 -0
- package/styles/theme/_color-scheme.scss +60 -57
- package/styles/theme/_data-theme.scss +21 -0
- package/styles/theme/_index.scss +2 -0
- package/styles/theme/_tokens.scss +2 -2
- 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-
|
|
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-
|
|
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
|
-
|
|
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
|
/**
|
package/styles/base.min.css
CHANGED
|
@@ -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}}
|