@fremtind/jokul 5.0.0-next.7 → 5.0.0-next.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/card/Card.cjs +1 -1
  3. package/build/cjs/components/card/Card.cjs.map +1 -1
  4. package/build/cjs/components/card/index.d.cts +1 -1
  5. package/build/cjs/components/card/types.cjs +1 -1
  6. package/build/cjs/components/card/types.cjs.map +1 -1
  7. package/build/cjs/components/card/types.d.cts +3 -6
  8. package/build/cjs/tokens.cjs +1 -1
  9. package/build/cjs/tokens.cjs.map +1 -1
  10. package/build/cjs/tokens.d.cts +25 -32
  11. package/build/es/components/card/Card.js +1 -1
  12. package/build/es/components/card/Card.js.map +1 -1
  13. package/build/es/components/card/index.d.ts +1 -1
  14. package/build/es/components/card/types.d.ts +3 -6
  15. package/build/es/components/card/types.js +1 -1
  16. package/build/es/components/card/types.js.map +1 -1
  17. package/build/es/tokens.d.ts +25 -32
  18. package/build/es/tokens.js +1 -1
  19. package/build/es/tokens.js.map +1 -1
  20. package/package.json +1 -1
  21. package/styles/base.css +550 -562
  22. package/styles/base.min.css +1 -1
  23. package/styles/components/autosuggest/autosuggest.css +2 -2
  24. package/styles/components/autosuggest/autosuggest.min.css +1 -1
  25. package/styles/components/autosuggest/autosuggest.scss +2 -2
  26. package/styles/components/beta/nav-link/navlink.css +1 -1
  27. package/styles/components/beta/nav-link/navlink.min.css +1 -1
  28. package/styles/components/beta/nav-link/navlink.scss +4 -2
  29. package/styles/components/button/button.css +2 -2
  30. package/styles/components/button/button.min.css +1 -1
  31. package/styles/components/button/button.scss +2 -2
  32. package/styles/components/card/card.css +3 -5
  33. package/styles/components/card/card.min.css +1 -1
  34. package/styles/components/card/card.scss +4 -7
  35. package/styles/components/checkbox/checkbox.css +1 -7
  36. package/styles/components/checkbox/checkbox.min.css +1 -1
  37. package/styles/components/checkbox/checkbox.scss +2 -8
  38. package/styles/components/checkbox-panel/checkbox-panel.css +2 -8
  39. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  40. package/styles/components/chip/chip.css +4 -4
  41. package/styles/components/chip/chip.min.css +1 -1
  42. package/styles/components/chip/chip.scss +5 -5
  43. package/styles/components/combobox/combobox.css +7 -8
  44. package/styles/components/combobox/combobox.min.css +1 -1
  45. package/styles/components/combobox/combobox.scss +6 -12
  46. package/styles/components/countdown/countdown.css +2 -2
  47. package/styles/components/countdown/countdown.min.css +1 -1
  48. package/styles/components/datepicker/_calendar-date-button.scss +6 -4
  49. package/styles/components/datepicker/datepicker.css +3 -3
  50. package/styles/components/datepicker/datepicker.min.css +1 -1
  51. package/styles/components/expander/expandable.css +5 -2
  52. package/styles/components/expander/expandable.min.css +1 -1
  53. package/styles/components/expander/expandable.scss +6 -2
  54. package/styles/components/feedback/feedback.css +2 -2
  55. package/styles/components/feedback/feedback.min.css +1 -1
  56. package/styles/components/file-input/file-input.css +11 -11
  57. package/styles/components/file-input/file-input.min.css +1 -1
  58. package/styles/components/help/help.css +2 -2
  59. package/styles/components/help/help.min.css +1 -1
  60. package/styles/components/help/help.scss +4 -4
  61. package/styles/components/icon/icon.css +4 -4
  62. package/styles/components/icon/icon.min.css +1 -1
  63. package/styles/components/icon/icon.scss +73 -73
  64. package/styles/components/icon-button/icon-button.css +1 -1
  65. package/styles/components/icon-button/icon-button.min.css +1 -1
  66. package/styles/components/icon-button/icon-button.scss +1 -1
  67. package/styles/components/input-group/input-group.css +2 -2
  68. package/styles/components/input-group/input-group.min.css +1 -1
  69. package/styles/components/input-panel/input-panel.css +1 -1
  70. package/styles/components/input-panel/input-panel.min.css +1 -1
  71. package/styles/components/input-panel/input-panel.scss +2 -3
  72. package/styles/components/link-list/link-list.css +2 -2
  73. package/styles/components/link-list/link-list.min.css +1 -1
  74. package/styles/components/link-list/link-list.scss +2 -2
  75. package/styles/components/loader/loader.css +6 -6
  76. package/styles/components/loader/loader.min.css +1 -1
  77. package/styles/components/loader/skeleton-loader.css +3 -3
  78. package/styles/components/loader/skeleton-loader.min.css +1 -1
  79. package/styles/components/menu/_menu-item.scss +2 -2
  80. package/styles/components/menu/menu.css +2 -2
  81. package/styles/components/menu/menu.min.css +1 -1
  82. package/styles/components/message/message.css +3 -3
  83. package/styles/components/message/message.min.css +1 -1
  84. package/styles/components/message/message.scss +3 -6
  85. package/styles/components/pagination/pagination.css +2 -2
  86. package/styles/components/pagination/pagination.min.css +1 -1
  87. package/styles/components/pagination/pagination.scss +2 -2
  88. package/styles/components/progress-bar/progress-bar.css +1 -1
  89. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  90. package/styles/components/radio-button/radio-button.css +1 -1
  91. package/styles/components/radio-button/radio-button.min.css +1 -1
  92. package/styles/components/radio-button/radio-button.scss +1 -1
  93. package/styles/components/radio-panel/radio-panel.css +1 -1
  94. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  95. package/styles/components/segmented-control/segmented-control.css +13 -13
  96. package/styles/components/segmented-control/segmented-control.min.css +1 -1
  97. package/styles/components/segmented-control/segmented-control.scss +2 -2
  98. package/styles/components/select/select.css +2 -3
  99. package/styles/components/select/select.min.css +1 -1
  100. package/styles/components/select/select.scss +14 -19
  101. package/styles/components/system-message/system-message.css +5 -5
  102. package/styles/components/system-message/system-message.min.css +1 -1
  103. package/styles/components/system-message/system-message.scss +119 -118
  104. package/styles/components/table/_table-row.scss +3 -1
  105. package/styles/components/table/table.css +3 -1
  106. package/styles/components/table/table.min.css +1 -1
  107. package/styles/components/tabs/tabs.css +2 -2
  108. package/styles/components/tabs/tabs.min.css +1 -1
  109. package/styles/components/tabs/tabs.scss +3 -4
  110. package/styles/components/tag/tag.scss +2 -1
  111. package/styles/components/text-area/text-area.css +4 -4
  112. package/styles/components/text-area/text-area.min.css +1 -1
  113. package/styles/components/text-input/text-input.css +4 -4
  114. package/styles/components/text-input/text-input.min.css +1 -1
  115. package/styles/components/toast/toast.css +5 -5
  116. package/styles/components/toast/toast.min.css +1 -1
  117. package/styles/components/toast/toast.scss +4 -6
  118. package/styles/components/toggle-switch/toggle-switch.css +4 -9
  119. package/styles/components/toggle-switch/toggle-switch.min.css +1 -3
  120. package/styles/components/toggle-switch/toggle-switch.scss +4 -9
  121. package/styles/components/tooltip/tooltip.css +4 -4
  122. package/styles/components/tooltip/tooltip.min.css +1 -1
  123. package/styles/components/tooltip/tooltip.scss +4 -4
  124. package/styles/components.css +97 -107
  125. package/styles/components.min.css +1 -3
  126. package/styles/jkl/_tokens.scss +67 -73
  127. package/styles/shared/input/shared-input-styles.scss +5 -9
  128. package/styles/tailwind.css +110 -108
  129. package/styles/theme/_color-scheme.scss +110 -132
  130. package/styles/theme/brands/dnb/_color-scheme.scss +110 -108
  131. package/styles/theme/brands/eika/_color-scheme.scss +110 -108
  132. package/styles/theme/brands/fremtind/_color-scheme.scss +110 -108
  133. package/styles/theme/brands/sparebank1/_color-scheme.scss +110 -108
  134. package/build/cjs/tailwind/colors.cjs +0 -2
  135. package/build/cjs/tailwind/colors.cjs.map +0 -1
  136. package/build/cjs/tailwind/colors.d.cts +0 -39
  137. package/build/es/tailwind/colors.d.ts +0 -39
  138. package/build/es/tailwind/colors.js +0 -2
  139. package/build/es/tailwind/colors.js.map +0 -1
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: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{border:0;display:block;line-height:1;margin:0;padding:0}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-display:fallback;font-family:Jokul;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Jokul;font-style:normal;font-weight:700;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Jokul Display;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Jokul Mono;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Icons;font-style:normal;font-weight:300 400;src:url(/fonts/Fremtind-Material-Symbols.woff2) format("woff2")}@font-face{ascent-override:82%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:400;line-gap-override:32%;size-adjust:104%;src:local(arial)}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{ascent-override:76%;descent-override:normal;font-family:Adjusted Arial Display Fallback;font-style:normal;font-weight:400;line-gap-override:40%;size-adjust:102%;src:local(arial)}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Courier New Fallback;font-style:normal;font-weight:400;line-gap-override:27%;size-adjust:100%;src:local(courier new)}@font-face{font-family:Jokul Icons Fallback;font-style:normal;font-weight:300 400;size-adjust:0%;src:local(courier new)}}@layer jokul.theme{:root{--jkl-spacing-2: ;--jkl-spacing-4: ;--jkl-spacing-8: ;--jkl-spacing-12: ;--jkl-spacing-16: ;--jkl-spacing-24: ;--jkl-spacing-32: ;--jkl-spacing-40: ;--jkl-spacing-64: ;--jkl-spacing-104: ;--jkl-spacing-168: ;--jkl-spacing-16-24: ;--jkl-spacing-24-40: ;--jkl-spacing-24-32: ;--jkl-spacing-32-40: ;--jkl-spacing-40-64: ;--jkl-spacing-64-104: ;--jkl-spacing-104-168: ;--jkl-spacing-16-16-24: ;--jkl-spacing-16-24-32: ;--jkl-spacing-16-24-40: ;--jkl-spacing-24-24-32: ;--jkl-spacing-24-24-40: ;--jkl-spacing-24-32-40: ;--jkl-spacing-32-32-40: ;--jkl-spacing-32-40-64: ;--jkl-spacing-40-40-64: ;--jkl-spacing-40-64-104: ;--jkl-spacing-64-64-104: ;--jkl-spacing-64-104-168: ;--jkl-spacing-104-104-168: }@media (min-width:680px){:root{--jkl-spacing-16-24: ;--jkl-spacing-24-40: ;--jkl-spacing-24-32: ;--jkl-spacing-32-40: ;--jkl-spacing-40-64: ;--jkl-spacing-64-104: ;--jkl-spacing-104-168: ;--jkl-spacing-16-16-24: ;--jkl-spacing-16-24-32: ;--jkl-spacing-16-24-40: ;--jkl-spacing-24-24-32: ;--jkl-spacing-24-24-40: ;--jkl-spacing-24-32-40: ;--jkl-spacing-32-32-40: ;--jkl-spacing-32-40-64: ;--jkl-spacing-40-40-64: ;--jkl-spacing-40-64-104: ;--jkl-spacing-64-64-104: ;--jkl-spacing-64-104-168: ;--jkl-spacing-104-104-168: }}@media (min-width:1200px){:root{--jkl-spacing-16-16-24: ;--jkl-spacing-16-24-32: ;--jkl-spacing-16-24-40: ;--jkl-spacing-24-24-32: ;--jkl-spacing-24-24-40: ;--jkl-spacing-24-32-40: ;--jkl-spacing-32-32-40: ;--jkl-spacing-32-40-64: ;--jkl-spacing-40-40-64: ;--jkl-spacing-40-64-104: ;--jkl-spacing-64-64-104: ;--jkl-spacing-64-104-168: ;--jkl-spacing-104-104-168: }}}@layer jokul.theme{:root{color-scheme:light dark;--jkl-color-neutral-background-page:#f4f2ef;--jkl-color-neutral-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-neutral-background-container:#f9f9f9;--jkl-color-neutral-background-container:light-dark(#f9f9f9,#313030);--jkl-color-neutral-background-action:#1b1917;--jkl-color-neutral-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-default:#1b1917;--jkl-color-neutral-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-subdued:#636060;--jkl-color-neutral-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-neutral-text-on-action:#f9f9f9;--jkl-color-neutral-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-neutral-border-strong:#1b1917;--jkl-color-neutral-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-border-default:#636060;--jkl-color-neutral-border-default:light-dark(#636060,#c8c5c3);--jkl-color-neutral-border-subdued:#c8c5c3;--jkl-color-neutral-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#1b1917;--jkl-color-accent-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-default:#1b1917;--jkl-color-accent-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-subdued:#636060;--jkl-color-accent-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-accent-text-on-action:#f9f9f9;--jkl-color-accent-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-accent-border-strong:#1b1917;--jkl-color-accent-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-border-default:#636060;--jkl-color-accent-border-default:light-dark(#636060,#c8c5c3);--jkl-color-accent-border-subdued:#c8c5c3;--jkl-color-accent-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}:root,[data-variant=neutral]{--jkl-color-background-page:var(--jkl-color-neutral-background-page);--jkl-color-background-container:var(--jkl-color-neutral-background-container);--jkl-color-background-action:var(--jkl-color-neutral-background-action);--jkl-color-text-default:var(--jkl-color-neutral-text-default);--jkl-color-text-subdued:var(--jkl-color-neutral-text-subdued);--jkl-color-text-on-action:var(--jkl-color-neutral-text-on-action);--jkl-color-border-strong:var(--jkl-color-neutral-border-strong);--jkl-color-border-default:var(--jkl-color-neutral-border-default);--jkl-color-border-subdued:var(--jkl-color-neutral-border-subdued)}[data-variant=accent]{--jkl-color-background-page:var(--jkl-color-accent-background-page);--jkl-color-background-container:var(--jkl-color-accent-background-container);--jkl-color-background-action:var(--jkl-color-accent-background-action);--jkl-color-text-default:var(--jkl-color-accent-text-default);--jkl-color-text-subdued:var(--jkl-color-accent-text-subdued);--jkl-color-text-on-action:var(--jkl-color-accent-text-on-action);--jkl-color-border-strong:var(--jkl-color-accent-border-strong);--jkl-color-border-default:var(--jkl-color-accent-border-default);--jkl-color-border-subdued:var(--jkl-color-accent-border-subdued)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}}@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:20px;--jkl-font-size-5:24px;--jkl-font-size-6:28px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:48px;--jkl-font-size-10:56px}[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:20px;--jkl-font-size-6:24px;--jkl-font-size-7:28px;--jkl-font-size-8:32px;--jkl-font-size-9:40px;--jkl-font-size-10:48px}[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:20px;--jkl-font-size-5:24px;--jkl-font-size-6:28px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:48px;--jkl-font-size-10:56px}}@layer jokul.theme{:root,[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:700;--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:"Jokul Mono","Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,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-10)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-title-small:var(--jkl-font-weight-normal) var(--jkl-font-size-9)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-1:var(--jkl-font-weight-normal) var(--jkl-font-size-8)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-2:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-3:var(--jkl-font-weight-bold) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-4:var(--jkl-font-weight-bold) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-5:var(--jkl-font-weight-bold) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-paragraph-large:var(--jkl-font-weight-normal) var(--jkl-font-size-5)/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-5)/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-neutral-background-page:#f8f8f8;--jkl-color-neutral-background-page:light-dark(#f8f8f8,#000);--jkl-color-neutral-background-container:#fff;--jkl-color-neutral-background-container:light-dark(#fff,#333);--jkl-color-neutral-background-action:#000;--jkl-color-neutral-background-action:light-dark(#000,#fff);--jkl-color-neutral-text-default:#000;--jkl-color-neutral-text-default:light-dark(#000,#fff);--jkl-color-neutral-text-subdued:#737373;--jkl-color-neutral-text-subdued:light-dark(#737373,#ccc);--jkl-color-neutral-text-on-action:#fff;--jkl-color-neutral-text-on-action:light-dark(#fff,#000);--jkl-color-neutral-border-strong:#000;--jkl-color-neutral-border-strong:light-dark(#000,#fff);--jkl-color-neutral-border-default:#737373;--jkl-color-neutral-border-default:light-dark(#737373,#ccc);--jkl-color-neutral-border-subdued:#ccc;--jkl-color-neutral-border-subdued:light-dark(#ccc,#737373);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#007272;--jkl-color-accent-background-action:light-dark(#007272,#a5e1d2);--jkl-color-accent-text-default:#40342c;--jkl-color-accent-text-default:light-dark(#40342c,#f3e9e0);--jkl-color-accent-text-subdued:#6b5b4f;--jkl-color-accent-text-subdued:light-dark(#6b5b4f,#d2bdae);--jkl-color-accent-text-on-action:#f9f9f9;--jkl-color-accent-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-accent-border-strong:#007272;--jkl-color-accent-border-strong:light-dark(#007272,#a5e1d2);--jkl-color-accent-border-default:#007272;--jkl-color-accent-border-default:light-dark(#007272,#a5e1d2);--jkl-color-accent-border-subdued:#b3d5d5;--jkl-color-accent-border-subdued:light-dark(#b3d5d5,#d2f0e9);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:DNB Sans;font-style:normal;font-weight:400;src:url(/fonts/brands/dnb/DNB-Regular.woff2) format("woff2")}@font-face{font-display:fallback;font-family:DNB Sans;font-style:normal;font-weight:500;src:url(/fonts/brands/dnb/DNB-Medium.woff2) format("woff2")}@font-face{font-display:fallback;font-family:DNB Sans;font-style:normal;font-weight:700;src:url(/fonts/brands/dnb/DNB-Bold.woff2) format("woff2")}@font-face{font-display:fallback;font-family:DNB Mono;font-style:normal;font-weight:400;src:url(/fonts/brands/dnb/DNBMono-Regular.woff2) format("woff2")}[data-brand=dnb]{--jkl-font-family-regular:"DNB Sans","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"DNB Sans","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"DNB Mono","Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace}}@layer jokul.theme{[data-brand=eika]{--jkl-color-neutral-background-page:#f4f2ef;--jkl-color-neutral-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-neutral-background-container:#f9f9f9;--jkl-color-neutral-background-container:light-dark(#f9f9f9,#313030);--jkl-color-neutral-background-action:#1b1917;--jkl-color-neutral-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-default:#1b1917;--jkl-color-neutral-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-subdued:#636060;--jkl-color-neutral-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-neutral-text-on-action:#f9f9f9;--jkl-color-neutral-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-neutral-border-strong:#1b1917;--jkl-color-neutral-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-border-default:#636060;--jkl-color-neutral-border-default:light-dark(#636060,#c8c5c3);--jkl-color-neutral-border-subdued:#c8c5c3;--jkl-color-neutral-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#90d000;--jkl-color-accent-background-action:light-dark(#90d000,#d3ec99);--jkl-color-accent-text-default:#1b1917;--jkl-color-accent-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-subdued:#636060;--jkl-color-accent-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-accent-text-on-action:#00383d;--jkl-color-accent-text-on-action:light-dark(#00383d,#00383d);--jkl-color-accent-border-strong:#90d000;--jkl-color-accent-border-strong:light-dark(#90d000,#d3ec99);--jkl-color-accent-border-default:#90d000;--jkl-color-accent-border-default:light-dark(#90d000,#d3ec99);--jkl-color-accent-border-subdued:#d3ec99;--jkl-color-accent-border-subdued:light-dark(#d3ec99,#f4fae6);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:300;src:url(/fonts/brands/eika/OpenSans-Light.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:400;src:url(/fonts/brands/eika/OpenSans-Regular.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:600;src:url(/fonts/brands/eika/OpenSans-SemiBold.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/fonts/brands/eika/OpenSans-Bold.woff2) format("woff2")}[data-brand=eika]{--jkl-font-family-regular:"Open Sans","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"Open Sans","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace}}@layer jokul.theme{[data-brand=sparebank1]{--jkl-color-neutral-background-page:#f4f2ef;--jkl-color-neutral-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-neutral-background-container:#f9f9f9;--jkl-color-neutral-background-container:light-dark(#f9f9f9,#313030);--jkl-color-neutral-background-action:#1b1917;--jkl-color-neutral-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-default:#1b1917;--jkl-color-neutral-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-subdued:#636060;--jkl-color-neutral-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-neutral-text-on-action:#f9f9f9;--jkl-color-neutral-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-neutral-border-strong:#1b1917;--jkl-color-neutral-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-border-default:#636060;--jkl-color-neutral-border-default:light-dark(#636060,#c8c5c3);--jkl-color-neutral-border-subdued:#c8c5c3;--jkl-color-neutral-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#005aa4;--jkl-color-accent-background-action:light-dark(#005aa4,#9ec2e5);--jkl-color-accent-text-default:#1b1917;--jkl-color-accent-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-subdued:#636060;--jkl-color-accent-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-accent-text-on-action:#f9f9f9;--jkl-color-accent-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-accent-border-strong:#005aa4;--jkl-color-accent-border-strong:light-dark(#005aa4,#9ec2e5);--jkl-color-accent-border-default:#005aa4;--jkl-color-accent-border-default:light-dark(#005aa4,#9ec2e5);--jkl-color-accent-border-subdued:#c3d9ef;--jkl-color-accent-border-subdued:light-dark(#c3d9ef,#d7e7f4);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:SpareBank1 Sans;font-style:normal;font-weight:400;src:url(/fonts/brands/sparebank1/SpareBank1-Regular-Web.woff2) format("woff2")}@font-face{font-display:fallback;font-family:SpareBank1 Sans;font-style:normal;font-weight:500;src:url(/fonts/brands/sparebank1/SpareBank1-Medium-Web.woff2) format("woff2")}@font-face{font-display:fallback;font-family:SpareBank1 Title;font-style:normal;font-weight:500;src:url(/fonts/brands/sparebank1/SpareBank1-Title-Medium-Web.woff2) format("woff2")}[data-brand=sparebank1]{--jkl-font-family-regular:"SpareBank1 Sans","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"SpareBank1 Title","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace}}@layer jokul.theme{[data-brand=fremtind]{--jkl-color-neutral-background-page:#f4f2ef;--jkl-color-neutral-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-neutral-background-container:#f9f9f9;--jkl-color-neutral-background-container:light-dark(#f9f9f9,#313030);--jkl-color-neutral-background-action:#1b1917;--jkl-color-neutral-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-default:#1b1917;--jkl-color-neutral-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-subdued:#636060;--jkl-color-neutral-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-neutral-text-on-action:#f9f9f9;--jkl-color-neutral-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-neutral-border-strong:#1b1917;--jkl-color-neutral-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-border-default:#636060;--jkl-color-neutral-border-default:light-dark(#636060,#c8c5c3);--jkl-color-neutral-border-subdued:#c8c5c3;--jkl-color-neutral-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#1b1917;--jkl-color-accent-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-default:#1b1917;--jkl-color-accent-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-subdued:#636060;--jkl-color-accent-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-accent-text-on-action:#f9f9f9;--jkl-color-accent-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-accent-border-strong:#1b1917;--jkl-color-accent-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-border-default:#636060;--jkl-color-accent-border-default:light-dark(#636060,#c8c5c3);--jkl-color-accent-border-subdued:#c8c5c3;--jkl-color-accent-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:Inter;font-style:normal;font-weight:400;src:url(/fonts/brands/fremtind/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Inter;font-style:normal;font-weight:700;src:url(/fonts/brands/fremtind/InterVariable.woff2) format("woff2")}[data-brand=fremtind]{--jkl-font-family-regular:Inter,"Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:Inter,"Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:monospace,-apple-system,blinkmacsystemfont}}@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)}.jkl strong{font-weight:var(--jkl-font-weight-bold)}@media screen and (prefers-reduced-motion:reduce){*,:after,:before{animation-delay:0s!important;animation-duration:0s!important;transition:none!important}}}@layer jokul.global{[popover]{opacity:0;transition:opacity,overlay allow-discrete,display allow-discrete;transition-duration:var(--jkl-motion-timing-productive);transition-timing-function:var(--jkl-motion-easing-standard)}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}}@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;white-space:nowrap!important;width:1px!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;white-space:normal!important;width:auto!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)}}
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{border:0;display:block;line-height:1;margin:0;padding:0}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-display:fallback;font-family:Jokul;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Jokul;font-style:normal;font-weight:700;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Jokul Display;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Jokul Mono;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Icons;font-style:normal;font-weight:300 400;src:url(/fonts/Fremtind-Material-Symbols.woff2) format("woff2")}@font-face{ascent-override:82%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:400;line-gap-override:32%;size-adjust:104%;src:local(arial)}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{ascent-override:76%;descent-override:normal;font-family:Adjusted Arial Display Fallback;font-style:normal;font-weight:400;line-gap-override:40%;size-adjust:102%;src:local(arial)}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Courier New Fallback;font-style:normal;font-weight:400;line-gap-override:27%;size-adjust:100%;src:local(courier new)}@font-face{font-family:Jokul Icons Fallback;font-style:normal;font-weight:300 400;size-adjust:0%;src:local(courier new)}}@layer jokul.theme{:root{--jkl-spacing-2: ;--jkl-spacing-4: ;--jkl-spacing-8: ;--jkl-spacing-12: ;--jkl-spacing-16: ;--jkl-spacing-24: ;--jkl-spacing-32: ;--jkl-spacing-40: ;--jkl-spacing-64: ;--jkl-spacing-104: ;--jkl-spacing-168: ;--jkl-spacing-16-24: ;--jkl-spacing-24-40: ;--jkl-spacing-24-32: ;--jkl-spacing-32-40: ;--jkl-spacing-40-64: ;--jkl-spacing-64-104: ;--jkl-spacing-104-168: ;--jkl-spacing-16-16-24: ;--jkl-spacing-16-24-32: ;--jkl-spacing-16-24-40: ;--jkl-spacing-24-24-32: ;--jkl-spacing-24-24-40: ;--jkl-spacing-24-32-40: ;--jkl-spacing-32-32-40: ;--jkl-spacing-32-40-64: ;--jkl-spacing-40-40-64: ;--jkl-spacing-40-64-104: ;--jkl-spacing-64-64-104: ;--jkl-spacing-64-104-168: ;--jkl-spacing-104-104-168: }@media (min-width:680px){:root{--jkl-spacing-16-24: ;--jkl-spacing-24-40: ;--jkl-spacing-24-32: ;--jkl-spacing-32-40: ;--jkl-spacing-40-64: ;--jkl-spacing-64-104: ;--jkl-spacing-104-168: ;--jkl-spacing-16-16-24: ;--jkl-spacing-16-24-32: ;--jkl-spacing-16-24-40: ;--jkl-spacing-24-24-32: ;--jkl-spacing-24-24-40: ;--jkl-spacing-24-32-40: ;--jkl-spacing-32-32-40: ;--jkl-spacing-32-40-64: ;--jkl-spacing-40-40-64: ;--jkl-spacing-40-64-104: ;--jkl-spacing-64-64-104: ;--jkl-spacing-64-104-168: ;--jkl-spacing-104-104-168: }}@media (min-width:1200px){:root{--jkl-spacing-16-16-24: ;--jkl-spacing-16-24-32: ;--jkl-spacing-16-24-40: ;--jkl-spacing-24-24-32: ;--jkl-spacing-24-24-40: ;--jkl-spacing-24-32-40: ;--jkl-spacing-32-32-40: ;--jkl-spacing-32-40-64: ;--jkl-spacing-40-40-64: ;--jkl-spacing-40-64-104: ;--jkl-spacing-64-64-104: ;--jkl-spacing-64-104-168: ;--jkl-spacing-104-104-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,#3e3a36);--jkl-color-background-container-accent:#e6e2db;--jkl-color-background-container-accent:light-dark(#e6e2db,#2a2724);--jkl-color-background-contrast:#1b1917;--jkl-color-background-contrast:light-dark(#1b1917,#f3f0ed);--jkl-color-text-default:#1b1917;--jkl-color-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-text-subdued:#636060;--jkl-color-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-text-accent:#000;--jkl-color-text-accent:light-dark(#000,#fff);--jkl-color-text-on-contrast:#f9f9f9;--jkl-color-text-on-contrast:light-dark(#f9f9f9,#1b1917);--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:#1b1917;--jkl-color-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-warning-background-page:#fff;--jkl-color-warning-background-page:light-dark(#fff,#000);--jkl-color-warning-background-container:#f1dfd1;--jkl-color-warning-background-container:light-dark(#f1dfd1,#61441f);--jkl-color-warning-background-container-accent:#eac7a8;--jkl-color-warning-background-container-accent:light-dark(#eac7a8,#75542b);--jkl-color-warning-background-contrast:#8b6539;--jkl-color-warning-background-contrast:light-dark(#8b6539,#8b6539);--jkl-color-warning-text-default:#000;--jkl-color-warning-text-default:light-dark(#000,#fff);--jkl-color-warning-text-subdued:#3e3a36;--jkl-color-warning-text-subdued:light-dark(#3e3a36,#dfd8ce);--jkl-color-warning-text-accent:#000;--jkl-color-warning-text-accent:light-dark(#000,#fff);--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-text-on-contrast:light-dark(#fff,#000);--jkl-color-warning-border-default:#a17747;--jkl-color-warning-border-default:light-dark(#a17747,#b68957);--jkl-color-warning-border-subdued:#e3b07a;--jkl-color-warning-border-subdued:light-dark(#e3b07a,#75542b);--jkl-color-warning-border-strong:#61441f;--jkl-color-warning-border-strong:light-dark(#61441f,#a17747);--jkl-color-success-background-page:#fff;--jkl-color-success-background-page:light-dark(#fff,#000);--jkl-color-success-background-container:#c6e6cd;--jkl-color-success-background-container:light-dark(#c6e6cd,#15341e);--jkl-color-success-background-container-accent:#acd3b5;--jkl-color-success-background-container-accent:light-dark(#acd3b5,#24492e);--jkl-color-success-background-contrast:#345f40;--jkl-color-success-background-contrast:light-dark(#345f40,#467653);--jkl-color-success-text-default:#000;--jkl-color-success-text-default:light-dark(#000,#fff);--jkl-color-success-text-subdued:#3e3a36;--jkl-color-success-text-subdued:light-dark(#3e3a36,#dfd8ce);--jkl-color-success-text-accent:#000;--jkl-color-success-text-accent:light-dark(#000,#fff);--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-text-on-contrast:light-dark(#fff,#000);--jkl-color-success-border-default:#467653;--jkl-color-success-border-default:light-dark(#467653,#598d67);--jkl-color-success-border-subdued:#8cbc98;--jkl-color-success-border-subdued:light-dark(#8cbc98,#24492e);--jkl-color-success-border-strong:#15341e;--jkl-color-success-border-strong:light-dark(#15341e,#467653);--jkl-color-info-background-page:#fff;--jkl-color-info-background-page:light-dark(#fff,#000);--jkl-color-info-background-container:#e3e3f4;--jkl-color-info-background-container:light-dark(#e3e3f4,#1e1e81);--jkl-color-info-background-container-accent:#d3d3f6;--jkl-color-info-background-container-accent:light-dark(#d3d3f6,#2d2db3);--jkl-color-info-background-contrast:#4646d1;--jkl-color-info-background-contrast:light-dark(#4646d1,#6262dc);--jkl-color-info-text-default:#000;--jkl-color-info-text-default:light-dark(#000,#fff);--jkl-color-info-text-subdued:#3e3a36;--jkl-color-info-text-subdued:light-dark(#3e3a36,#dfd8ce);--jkl-color-info-text-accent:#000;--jkl-color-info-text-accent:light-dark(#000,#fff);--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-text-on-contrast:light-dark(#fff,#000);--jkl-color-info-border-default:#6262dc;--jkl-color-info-border-default:light-dark(#6262dc,#7e7ee4);--jkl-color-info-border-subdued:#b7b7f0;--jkl-color-info-border-subdued:light-dark(#b7b7f0,#2d2db3);--jkl-color-info-border-strong:#1e1e81;--jkl-color-info-border-strong:light-dark(#1e1e81,#6262dc);--jkl-color-error-background-page:#fff;--jkl-color-error-background-page:light-dark(#fff,#000);--jkl-color-error-background-container:#f3dede;--jkl-color-error-background-container:light-dark(#f3dede,#610f0f);--jkl-color-error-background-container-accent:#f2c9c9;--jkl-color-error-background-container-accent:light-dark(#f2c9c9,#891919);--jkl-color-error-background-contrast:#b32424;--jkl-color-error-background-contrast:light-dark(#b32424,#df3030);--jkl-color-error-text-default:#000;--jkl-color-error-text-default:light-dark(#000,#fff);--jkl-color-error-text-subdued:#3e3a36;--jkl-color-error-text-subdued:light-dark(#3e3a36,#dfd8ce);--jkl-color-error-text-accent:#610f0f;--jkl-color-error-text-accent:light-dark(#610f0f,#f6b3b3);--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-text-on-contrast:light-dark(#fff,#fff);--jkl-color-error-border-default:#df3030;--jkl-color-error-border-default:light-dark(#df3030,#f15d5d);--jkl-color-error-border-subdued:#f6b3b3;--jkl-color-error-border-subdued:light-dark(#f6b3b3,#891919);--jkl-color-error-border-strong:#610f0f;--jkl-color-error-border-strong:light-dark(#610f0f,#df3030)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}}@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:20px;--jkl-font-size-5:24px;--jkl-font-size-6:28px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:48px;--jkl-font-size-10:56px}[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:20px;--jkl-font-size-6:24px;--jkl-font-size-7:28px;--jkl-font-size-8:32px;--jkl-font-size-9:40px;--jkl-font-size-10:48px}[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:20px;--jkl-font-size-5:24px;--jkl-font-size-6:28px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:48px;--jkl-font-size-10:56px}}@layer jokul.theme{:root,[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:700;--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:"Jokul Mono","Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,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-10)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-title-small:var(--jkl-font-weight-normal) var(--jkl-font-size-9)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-1:var(--jkl-font-weight-normal) var(--jkl-font-size-8)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-2:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-3:var(--jkl-font-weight-bold) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-4:var(--jkl-font-weight-bold) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-5:var(--jkl-font-weight-bold) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-paragraph-large:var(--jkl-font-weight-normal) var(--jkl-font-size-5)/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-5)/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:#fff;--jkl-color-background-page:light-dark(#fff,#fff);--jkl-color-background-container:#d8f3ec;--jkl-color-background-container:light-dark(#d8f3ec,#d8f3ec);--jkl-color-background-container-accent:#a5e1d2;--jkl-color-background-container-accent:light-dark(#a5e1d2,#a5e1d2);--jkl-color-background-contrast:#007272;--jkl-color-background-contrast:light-dark(#007272,#007272);--jkl-color-text-default:#333;--jkl-color-text-default:light-dark(#333,#333);--jkl-color-text-subdued:#737373;--jkl-color-text-subdued:light-dark(#737373,#737373);--jkl-color-text-accent:#fff;--jkl-color-text-accent:light-dark(#fff,#fff);--jkl-color-text-on-contrast:#fff;--jkl-color-text-on-contrast:light-dark(#fff,#fff);--jkl-color-border-default:#007272;--jkl-color-border-default:light-dark(#007272,#007272);--jkl-color-border-subdued:#fff;--jkl-color-border-subdued:light-dark(#fff,#f7f4f2);--jkl-color-border-strong:#fff;--jkl-color-border-strong:light-dark(#fff,#fff);--jkl-color-warning-background-page:#fff;--jkl-color-warning-background-page:light-dark(#fff,#fff);--jkl-color-warning-background-container:#fbf6ec;--jkl-color-warning-background-container:light-dark(#fbf6ec,#fbf6ec);--jkl-color-warning-background-container-accent:#fff;--jkl-color-warning-background-container-accent:light-dark(#fff,#fff);--jkl-color-warning-background-contrast:#fdbb31;--jkl-color-warning-background-contrast:light-dark(#fdbb31,#fdbb31);--jkl-color-warning-text-default:#333;--jkl-color-warning-text-default:light-dark(#333,#333);--jkl-color-warning-text-subdued:#737373;--jkl-color-warning-text-subdued:light-dark(#737373,#737373);--jkl-color-warning-text-accent:#805b0e;--jkl-color-warning-text-accent:light-dark(#805b0e,#805b0e);--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-text-on-contrast:light-dark(#fff,#fff);--jkl-color-warning-border-default:#fdbb31;--jkl-color-warning-border-default:light-dark(#fdbb31,#fdbb31);--jkl-color-warning-border-subdued:#fff;--jkl-color-warning-border-subdued:light-dark(#fff,#fff);--jkl-color-warning-border-strong:#fff;--jkl-color-warning-border-strong:light-dark(#fff,#fff);--jkl-color-success-background-page:#fff;--jkl-color-success-background-page:light-dark(#fff,#fff);--jkl-color-success-background-container:#ebf4f2;--jkl-color-success-background-container:light-dark(#ebf4f2,#ebf4f2);--jkl-color-success-background-container-accent:#fff;--jkl-color-success-background-container-accent:light-dark(#fff,#fff);--jkl-color-success-background-contrast:#007b5e;--jkl-color-success-background-contrast:light-dark(#007b5e,#007b5e);--jkl-color-success-text-default:#333;--jkl-color-success-text-default:light-dark(#333,#333);--jkl-color-success-text-subdued:#737373;--jkl-color-success-text-subdued:light-dark(#737373,#737373);--jkl-color-success-text-accent:#28b482;--jkl-color-success-text-accent:light-dark(#28b482,#28b482);--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-text-on-contrast:light-dark(#fff,#fff);--jkl-color-success-border-default:#007b5e;--jkl-color-success-border-default:light-dark(#007b5e,#007b5e);--jkl-color-success-border-subdued:#fff;--jkl-color-success-border-subdued:light-dark(#fff,#fff);--jkl-color-success-border-strong:#fff;--jkl-color-success-border-strong:light-dark(#fff,#fff);--jkl-color-info-background-page:#fff;--jkl-color-info-background-page:light-dark(#fff,#fff);--jkl-color-info-background-container:#fff;--jkl-color-info-background-container:light-dark(#fff,#fff);--jkl-color-info-background-container-accent:#fff;--jkl-color-info-background-container-accent:light-dark(#fff,#fff);--jkl-color-info-background-contrast:#007272;--jkl-color-info-background-contrast:light-dark(#007272,#007272);--jkl-color-info-text-default:#333;--jkl-color-info-text-default:light-dark(#333,#333);--jkl-color-info-text-subdued:#737373;--jkl-color-info-text-subdued:light-dark(#737373,#737373);--jkl-color-info-text-accent:#fff;--jkl-color-info-text-accent:light-dark(#fff,#fff);--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-text-on-contrast:light-dark(#fff,#fff);--jkl-color-info-border-default:#007272;--jkl-color-info-border-default:light-dark(#007272,#007272);--jkl-color-info-border-subdued:#fff;--jkl-color-info-border-subdued:light-dark(#fff,#fff);--jkl-color-info-border-strong:#fff;--jkl-color-info-border-strong:light-dark(#fff,#fff);--jkl-color-error-background-page:#fff;--jkl-color-error-background-page:light-dark(#fff,#fff);--jkl-color-error-background-container:#fceeee;--jkl-color-error-background-container:light-dark(#fceeee,#fceeee);--jkl-color-error-background-container-accent:#fff;--jkl-color-error-background-container-accent:light-dark(#fff,#fff);--jkl-color-error-background-contrast:#d52525;--jkl-color-error-background-contrast:light-dark(#d52525,#d52525);--jkl-color-error-text-default:#333;--jkl-color-error-text-default:light-dark(#333,#333);--jkl-color-error-text-subdued:#737373;--jkl-color-error-text-subdued:light-dark(#737373,#737373);--jkl-color-error-text-accent:#fff;--jkl-color-error-text-accent:light-dark(#fff,#fff);--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-text-on-contrast:light-dark(#fff,#fff);--jkl-color-error-border-default:#d52525;--jkl-color-error-border-default:light-dark(#d52525,#d52525);--jkl-color-error-border-subdued:#fff;--jkl-color-error-border-subdued:light-dark(#fff,#fff);--jkl-color-error-border-strong:#fff;--jkl-color-error-border-strong:light-dark(#fff,#fff)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:DNB Sans;font-style:normal;font-weight:400;src:url(/fonts/brands/dnb/DNB-Regular.woff2) format("woff2")}@font-face{font-display:fallback;font-family:DNB Sans;font-style:normal;font-weight:500;src:url(/fonts/brands/dnb/DNB-Medium.woff2) format("woff2")}@font-face{font-display:fallback;font-family:DNB Sans;font-style:normal;font-weight:700;src:url(/fonts/brands/dnb/DNB-Bold.woff2) format("woff2")}@font-face{font-display:fallback;font-family:DNB Mono;font-style:normal;font-weight:400;src:url(/fonts/brands/dnb/DNBMono-Regular.woff2) format("woff2")}[data-brand=dnb]{--jkl-font-family-regular:"DNB Sans","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"DNB Sans","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"DNB Mono","Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace}}@layer jokul.theme{[data-brand=eika]{--jkl-color-background-page:#fff;--jkl-color-background-page:light-dark(#fff,#fff);--jkl-color-background-container:#fbfafa;--jkl-color-background-container:light-dark(#fbfafa,#ece5e0);--jkl-color-background-container-accent:#ece5e0;--jkl-color-background-container-accent:light-dark(#ece5e0,#ece5e0);--jkl-color-background-contrast:#00383d;--jkl-color-background-contrast:light-dark(#00383d,#00383d);--jkl-color-text-default:#00383d;--jkl-color-text-default:light-dark(#00383d,#00383d);--jkl-color-text-subdued:#4d7477;--jkl-color-text-subdued:light-dark(#4d7477,#4d7477);--jkl-color-text-accent:#00383d;--jkl-color-text-accent:light-dark(#00383d,#00383d);--jkl-color-text-on-contrast:#fff;--jkl-color-text-on-contrast:light-dark(#fff,#fff);--jkl-color-border-default:#ece5e0;--jkl-color-border-default:light-dark(#ece5e0,#ece5e0);--jkl-color-border-subdued:#f7f4f2;--jkl-color-border-subdued:light-dark(#f7f4f2,#f7f4f2);--jkl-color-border-strong:#4d7477;--jkl-color-border-strong:light-dark(#4d7477,#4d7477);--jkl-color-warning-background-page:#fff;--jkl-color-warning-background-page:light-dark(#fff,#fff);--jkl-color-warning-background-container:#ffe5c7;--jkl-color-warning-background-container:light-dark(#ffe5c7,#ffe5c7);--jkl-color-warning-background-container-accent:#ece5e0;--jkl-color-warning-background-container-accent:light-dark(#ece5e0,#ece5e0);--jkl-color-warning-background-contrast:#ffbd74;--jkl-color-warning-background-contrast:light-dark(#ffbd74,#ffbd74);--jkl-color-warning-text-default:#00383d;--jkl-color-warning-text-default:light-dark(#00383d,#00383d);--jkl-color-warning-text-subdued:#4d7477;--jkl-color-warning-text-subdued:light-dark(#4d7477,#4d7477);--jkl-color-warning-text-accent:#00383d;--jkl-color-warning-text-accent:light-dark(#00383d,#00383d);--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-text-on-contrast:light-dark(#fff,#fff);--jkl-color-warning-border-default:#ece5e0;--jkl-color-warning-border-default:light-dark(#ece5e0,#ece5e0);--jkl-color-warning-border-subdued:#f7f4f2;--jkl-color-warning-border-subdued:light-dark(#f7f4f2,#f7f4f2);--jkl-color-warning-border-strong:#4d7477;--jkl-color-warning-border-strong:light-dark(#4d7477,#4d7477);--jkl-color-success-background-page:#fff;--jkl-color-success-background-page:light-dark(#fff,#fff);--jkl-color-success-background-container:#ecf7d4;--jkl-color-success-background-container:light-dark(#ecf7d4,#ecf7d4);--jkl-color-success-background-container-accent:#ece5e0;--jkl-color-success-background-container-accent:light-dark(#ece5e0,#ece5e0);--jkl-color-success-background-contrast:#00383d;--jkl-color-success-background-contrast:light-dark(#00383d,#00383d);--jkl-color-success-text-default:#00383d;--jkl-color-success-text-default:light-dark(#00383d,#00383d);--jkl-color-success-text-subdued:#4d7477;--jkl-color-success-text-subdued:light-dark(#4d7477,#4d7477);--jkl-color-success-text-accent:#00383d;--jkl-color-success-text-accent:light-dark(#00383d,#00383d);--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-text-on-contrast:light-dark(#fff,#fff);--jkl-color-success-border-default:#ece5e0;--jkl-color-success-border-default:light-dark(#ece5e0,#ece5e0);--jkl-color-success-border-subdued:#f7f4f2;--jkl-color-success-border-subdued:light-dark(#f7f4f2,#f7f4f2);--jkl-color-success-border-strong:#4d7477;--jkl-color-success-border-strong:light-dark(#4d7477,#4d7477);--jkl-color-info-background-page:#fff;--jkl-color-info-background-page:light-dark(#fff,#fff);--jkl-color-info-background-container:#e6f3f5;--jkl-color-info-background-container:light-dark(#e6f3f5,#e6f3f5);--jkl-color-info-background-container-accent:#ece5e0;--jkl-color-info-background-container-accent:light-dark(#ece5e0,#ece5e0);--jkl-color-info-background-contrast:#00383d;--jkl-color-info-background-contrast:light-dark(#00383d,#00383d);--jkl-color-info-text-default:#00383d;--jkl-color-info-text-default:light-dark(#00383d,#00383d);--jkl-color-info-text-subdued:#4d7477;--jkl-color-info-text-subdued:light-dark(#4d7477,#4d7477);--jkl-color-info-text-accent:#00383d;--jkl-color-info-text-accent:light-dark(#00383d,#00383d);--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-text-on-contrast:light-dark(#fff,#fff);--jkl-color-info-border-default:#ece5e0;--jkl-color-info-border-default:light-dark(#ece5e0,#ece5e0);--jkl-color-info-border-subdued:#f7f4f2;--jkl-color-info-border-subdued:light-dark(#f7f4f2,#f7f4f2);--jkl-color-info-border-strong:#4d7477;--jkl-color-info-border-strong:light-dark(#4d7477,#4d7477);--jkl-color-error-background-page:#fff;--jkl-color-error-background-page:light-dark(#fff,#fff);--jkl-color-error-background-container:#fddee6;--jkl-color-error-background-container:light-dark(#fddee6,#fddee6);--jkl-color-error-background-container-accent:#ece5e0;--jkl-color-error-background-container-accent:light-dark(#ece5e0,#ece5e0);--jkl-color-error-background-contrast:#b83653;--jkl-color-error-background-contrast:light-dark(#b83653,#b83653);--jkl-color-error-text-default:#00383d;--jkl-color-error-text-default:light-dark(#00383d,#00383d);--jkl-color-error-text-subdued:#4d7477;--jkl-color-error-text-subdued:light-dark(#4d7477,#4d7477);--jkl-color-error-text-accent:#00383d;--jkl-color-error-text-accent:light-dark(#00383d,#00383d);--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-text-on-contrast:light-dark(#fff,#fff);--jkl-color-error-border-default:#ece5e0;--jkl-color-error-border-default:light-dark(#ece5e0,#ece5e0);--jkl-color-error-border-subdued:#f7f4f2;--jkl-color-error-border-subdued:light-dark(#f7f4f2,#f7f4f2);--jkl-color-error-border-strong:#4d7477;--jkl-color-error-border-strong:light-dark(#4d7477,#4d7477)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:300;src:url(/fonts/brands/eika/OpenSans-Light.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:400;src:url(/fonts/brands/eika/OpenSans-Regular.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:600;src:url(/fonts/brands/eika/OpenSans-SemiBold.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/fonts/brands/eika/OpenSans-Bold.woff2) format("woff2")}[data-brand=eika]{--jkl-font-family-regular:"Open Sans","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"Open Sans","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace}}@layer jokul.theme{[data-brand=sparebank1]{--jkl-color-background-page:#fdf7f3;--jkl-color-background-page:light-dark(#fdf7f3,#131313);--jkl-color-background-container:#fff;--jkl-color-background-container:light-dark(#fff,#222);--jkl-color-background-container-accent:#e1eef3;--jkl-color-background-container-accent:light-dark(#e1eef3,#0f1f2c);--jkl-color-background-contrast:#0c4686;--jkl-color-background-contrast:light-dark(#0c4686,#00509a);--jkl-color-text-default:#191919;--jkl-color-text-default:light-dark(#191919,#fff);--jkl-color-text-subdued:#484848;--jkl-color-text-subdued:light-dark(#484848,#bababa);--jkl-color-text-accent:#0c2053;--jkl-color-text-accent:light-dark(#0c2053,#d1e3f2);--jkl-color-text-on-contrast:#fff;--jkl-color-text-on-contrast:light-dark(#fff,#060d0d);--jkl-color-border-default:#cdcfcf;--jkl-color-border-default:light-dark(#cdcfcf,#383d3d);--jkl-color-border-subdued:#eceded;--jkl-color-border-subdued:light-dark(#eceded,#191f1f);--jkl-color-border-strong:#0c4686;--jkl-color-border-strong:light-dark(#0c4686,#94bae1);--jkl-color-warning-background-page:#fff;--jkl-color-warning-background-page:light-dark(#fff,#060d0d);--jkl-color-warning-background-container:#fdebcd;--jkl-color-warning-background-container:light-dark(#fdebcd,#401a00);--jkl-color-warning-background-container-accent:#fdebcd;--jkl-color-warning-background-container-accent:light-dark(#fdebcd,#401a00);--jkl-color-warning-background-contrast:#0c4686;--jkl-color-warning-background-contrast:light-dark(#0c4686,#00509a);--jkl-color-warning-text-default:#5d2700;--jkl-color-warning-text-default:light-dark(#5d2700,#ffbf6a);--jkl-color-warning-text-subdued:#484848;--jkl-color-warning-text-subdued:light-dark(#484848,#bababa);--jkl-color-warning-text-accent:#5d2700;--jkl-color-warning-text-accent:light-dark(#5d2700,#ffbf6a);--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-text-on-contrast:light-dark(#fff,#060d0d);--jkl-color-warning-border-default:#c56709;--jkl-color-warning-border-default:light-dark(#c56709,#c56709);--jkl-color-warning-border-subdued:#eceded;--jkl-color-warning-border-subdued:light-dark(#eceded,#191f1f);--jkl-color-warning-border-strong:#0c4686;--jkl-color-warning-border-strong:light-dark(#0c4686,#94bae1);--jkl-color-success-background-page:#fff;--jkl-color-success-background-page:light-dark(#fff,#060d0d);--jkl-color-success-background-container:#daf5e8;--jkl-color-success-background-container:light-dark(#daf5e8,#0d3b2a);--jkl-color-success-background-container-accent:#daf5e8;--jkl-color-success-background-container-accent:light-dark(#daf5e8,#0d3b2a);--jkl-color-success-background-contrast:#0c4686;--jkl-color-success-background-contrast:light-dark(#0c4686,#00509a);--jkl-color-success-text-default:#0d4430;--jkl-color-success-text-default:light-dark(#0d4430,#a9e2c6);--jkl-color-success-text-subdued:#484848;--jkl-color-success-text-subdued:light-dark(#484848,#bababa);--jkl-color-success-text-accent:#0d4430;--jkl-color-success-text-accent:light-dark(#0d4430,#a9e2c6);--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-text-on-contrast:light-dark(#fff,#060d0d);--jkl-color-success-border-default:#3f9d76;--jkl-color-success-border-default:light-dark(#3f9d76,#3f9d76);--jkl-color-success-border-subdued:#eceded;--jkl-color-success-border-subdued:light-dark(#eceded,#191f1f);--jkl-color-success-border-strong:#0c4686;--jkl-color-success-border-strong:light-dark(#0c4686,#94bae1);--jkl-color-info-background-page:#fff;--jkl-color-info-background-page:light-dark(#fff,#060d0d);--jkl-color-info-background-container:#e1eef3;--jkl-color-info-background-container:light-dark(#e1eef3,#163149);--jkl-color-info-background-container-accent:#c4dee8;--jkl-color-info-background-container-accent:light-dark(#c4dee8,#204666);--jkl-color-info-background-contrast:#0c4686;--jkl-color-info-background-contrast:light-dark(#0c4686,#00509a);--jkl-color-info-text-default:#204666;--jkl-color-info-text-default:light-dark(#204666,#bbdae7);--jkl-color-info-text-subdued:#484848;--jkl-color-info-text-subdued:light-dark(#484848,#bababa);--jkl-color-info-text-accent:#204666;--jkl-color-info-text-accent:light-dark(#204666,#bbdae7);--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-text-on-contrast:light-dark(#fff,#060d0d);--jkl-color-info-border-default:#558bb5;--jkl-color-info-border-default:light-dark(#558bb5,#558bb5);--jkl-color-info-border-subdued:#eceded;--jkl-color-info-border-subdued:light-dark(#eceded,#191f1f);--jkl-color-info-border-strong:#0c4686;--jkl-color-info-border-strong:light-dark(#0c4686,#94bae1);--jkl-color-error-background-page:#fff;--jkl-color-error-background-page:light-dark(#fff,#060d0d);--jkl-color-error-background-container:#ffdfdb;--jkl-color-error-background-container:light-dark(#ffdfdb,#591011);--jkl-color-error-background-container-accent:#ffb6af;--jkl-color-error-background-container-accent:light-dark(#ffb6af,#711314);--jkl-color-error-background-contrast:#0c4686;--jkl-color-error-background-contrast:light-dark(#0c4686,#00509a);--jkl-color-error-text-default:#711314;--jkl-color-error-text-default:light-dark(#711314,#ffa49e);--jkl-color-error-text-subdued:#484848;--jkl-color-error-text-subdued:light-dark(#484848,#bababa);--jkl-color-error-text-accent:#711314;--jkl-color-error-text-accent:light-dark(#711314,#ffa49e);--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-text-on-contrast:light-dark(#fff,#060d0d);--jkl-color-error-border-default:#e03a3c;--jkl-color-error-border-default:light-dark(#e03a3c,#e03a3c);--jkl-color-error-border-subdued:#eceded;--jkl-color-error-border-subdued:light-dark(#eceded,#191f1f);--jkl-color-error-border-strong:#0c4686;--jkl-color-error-border-strong:light-dark(#0c4686,#94bae1)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:SpareBank1 Sans;font-style:normal;font-weight:400;src:url(/fonts/brands/sparebank1/SpareBank1-Regular-Web.woff2) format("woff2")}@font-face{font-display:fallback;font-family:SpareBank1 Sans;font-style:normal;font-weight:500;src:url(/fonts/brands/sparebank1/SpareBank1-Medium-Web.woff2) format("woff2")}@font-face{font-display:fallback;font-family:SpareBank1 Title;font-style:normal;font-weight:500;src:url(/fonts/brands/sparebank1/SpareBank1-Title-Medium-Web.woff2) format("woff2")}[data-brand=sparebank1]{--jkl-font-family-regular:"SpareBank1 Sans","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"SpareBank1 Title","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace}}@layer jokul.theme{[data-brand=fremtind]{--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,#3e3a36);--jkl-color-background-container-accent:#e6e2db;--jkl-color-background-container-accent:light-dark(#e6e2db,#2a2724);--jkl-color-background-contrast:#1b1917;--jkl-color-background-contrast:light-dark(#1b1917,#f3f0ed);--jkl-color-text-default:#1b1917;--jkl-color-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-text-subdued:#636060;--jkl-color-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-text-accent:#000;--jkl-color-text-accent:light-dark(#000,#fff);--jkl-color-text-on-contrast:#f9f9f9;--jkl-color-text-on-contrast:light-dark(#f9f9f9,#1b1917);--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:#1b1917;--jkl-color-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-warning-background-page:#fff;--jkl-color-warning-background-page:light-dark(#fff,#000);--jkl-color-warning-background-container:#f1dfd1;--jkl-color-warning-background-container:light-dark(#f1dfd1,#61441f);--jkl-color-warning-background-container-accent:#eac7a8;--jkl-color-warning-background-container-accent:light-dark(#eac7a8,#75542b);--jkl-color-warning-background-contrast:#8b6539;--jkl-color-warning-background-contrast:light-dark(#8b6539,#8b6539);--jkl-color-warning-text-default:#000;--jkl-color-warning-text-default:light-dark(#000,#fff);--jkl-color-warning-text-subdued:#3e3a36;--jkl-color-warning-text-subdued:light-dark(#3e3a36,#dfd8ce);--jkl-color-warning-text-accent:#000;--jkl-color-warning-text-accent:light-dark(#000,#fff);--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-text-on-contrast:light-dark(#fff,#000);--jkl-color-warning-border-default:#a17747;--jkl-color-warning-border-default:light-dark(#a17747,#b68957);--jkl-color-warning-border-subdued:#e3b07a;--jkl-color-warning-border-subdued:light-dark(#e3b07a,#75542b);--jkl-color-warning-border-strong:#61441f;--jkl-color-warning-border-strong:light-dark(#61441f,#a17747);--jkl-color-success-background-page:#fff;--jkl-color-success-background-page:light-dark(#fff,#000);--jkl-color-success-background-container:#c6e6cd;--jkl-color-success-background-container:light-dark(#c6e6cd,#15341e);--jkl-color-success-background-container-accent:#acd3b5;--jkl-color-success-background-container-accent:light-dark(#acd3b5,#24492e);--jkl-color-success-background-contrast:#345f40;--jkl-color-success-background-contrast:light-dark(#345f40,#467653);--jkl-color-success-text-default:#000;--jkl-color-success-text-default:light-dark(#000,#fff);--jkl-color-success-text-subdued:#3e3a36;--jkl-color-success-text-subdued:light-dark(#3e3a36,#dfd8ce);--jkl-color-success-text-accent:#000;--jkl-color-success-text-accent:light-dark(#000,#fff);--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-text-on-contrast:light-dark(#fff,#000);--jkl-color-success-border-default:#467653;--jkl-color-success-border-default:light-dark(#467653,#598d67);--jkl-color-success-border-subdued:#8cbc98;--jkl-color-success-border-subdued:light-dark(#8cbc98,#24492e);--jkl-color-success-border-strong:#15341e;--jkl-color-success-border-strong:light-dark(#15341e,#467653);--jkl-color-info-background-page:#fff;--jkl-color-info-background-page:light-dark(#fff,#000);--jkl-color-info-background-container:#e3e3f4;--jkl-color-info-background-container:light-dark(#e3e3f4,#1e1e81);--jkl-color-info-background-container-accent:#d3d3f6;--jkl-color-info-background-container-accent:light-dark(#d3d3f6,#2d2db3);--jkl-color-info-background-contrast:#4646d1;--jkl-color-info-background-contrast:light-dark(#4646d1,#6262dc);--jkl-color-info-text-default:#000;--jkl-color-info-text-default:light-dark(#000,#fff);--jkl-color-info-text-subdued:#3e3a36;--jkl-color-info-text-subdued:light-dark(#3e3a36,#dfd8ce);--jkl-color-info-text-accent:#000;--jkl-color-info-text-accent:light-dark(#000,#fff);--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-text-on-contrast:light-dark(#fff,#000);--jkl-color-info-border-default:#6262dc;--jkl-color-info-border-default:light-dark(#6262dc,#7e7ee4);--jkl-color-info-border-subdued:#b7b7f0;--jkl-color-info-border-subdued:light-dark(#b7b7f0,#2d2db3);--jkl-color-info-border-strong:#1e1e81;--jkl-color-info-border-strong:light-dark(#1e1e81,#6262dc);--jkl-color-error-background-page:#fff;--jkl-color-error-background-page:light-dark(#fff,#000);--jkl-color-error-background-container:#f3dede;--jkl-color-error-background-container:light-dark(#f3dede,#610f0f);--jkl-color-error-background-container-accent:#f2c9c9;--jkl-color-error-background-container-accent:light-dark(#f2c9c9,#891919);--jkl-color-error-background-contrast:#b32424;--jkl-color-error-background-contrast:light-dark(#b32424,#df3030);--jkl-color-error-text-default:#000;--jkl-color-error-text-default:light-dark(#000,#fff);--jkl-color-error-text-subdued:#3e3a36;--jkl-color-error-text-subdued:light-dark(#3e3a36,#dfd8ce);--jkl-color-error-text-accent:#610f0f;--jkl-color-error-text-accent:light-dark(#610f0f,#f6b3b3);--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-text-on-contrast:light-dark(#fff,#fff);--jkl-color-error-border-default:#df3030;--jkl-color-error-border-default:light-dark(#df3030,#f15d5d);--jkl-color-error-border-subdued:#f6b3b3;--jkl-color-error-border-subdued:light-dark(#f6b3b3,#891919);--jkl-color-error-border-strong:#610f0f;--jkl-color-error-border-strong:light-dark(#610f0f,#df3030)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:Inter;font-style:normal;font-weight:400;src:url(/fonts/brands/fremtind/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Inter;font-style:normal;font-weight:700;src:url(/fonts/brands/fremtind/InterVariable.woff2) format("woff2")}[data-brand=fremtind]{--jkl-font-family-regular:Inter,"Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:Inter,"Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:monospace,-apple-system,blinkmacsystemfont}}@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)}.jkl strong{font-weight:var(--jkl-font-weight-bold)}@media screen and (prefers-reduced-motion:reduce){*,:after,:before{animation-delay:0s!important;animation-duration:0s!important;transition:none!important}}}@layer jokul.global{[popover]{opacity:0;transition:opacity,overlay allow-discrete,display allow-discrete;transition-duration:var(--jkl-motion-timing-productive);transition-timing-function:var(--jkl-motion-easing-standard)}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}}@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;white-space:nowrap!important;width:1px!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;white-space:normal!important;width:auto!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)}}
package/styles/components/autosuggest/autosuggest.css CHANGED
@@ -50,7 +50,7 @@
50
50
  display: flex;
51
51
  align-items: center;
52
52
  border: 0;
53
- background-color: var(--jkl-color-background-interactive);
53
+ background-color: transparent;
54
54
  min-height: var(--jkl-autosuggest-option-height);
55
55
  text-align: left;
56
56
  transition-timing-function: var(--jkl-motion-easing-standard);
@@ -62,6 +62,6 @@
62
62
  }
63
63
  .jkl-autosuggest__item:focus, .jkl-autosuggest__item--active, .jkl-autosuggest__item:hover {
64
64
  color: var(--jkl-color-text-default);
65
- background-color: var(--jkl-color-background-interactive-hover);
65
+ background-color: color-mix(in srgb, currentColor 10%, transparent);
66
66
  }
67
67
  }
package/styles/components/autosuggest/autosuggest.min.css CHANGED
@@ -1 +1 @@
1
- @layer jokul.components{.jkl-autosuggest{--border-radius:var(--jkl-border-radius-s);--jkl-autosuggest-menu-padding:var(--jkl-unit-20) var(--jkl-unit-10) 0;--jkl-autosuggest-controller-button-width:auto;--jkl-autosuggest-controller-button-padding:0 var(--jkl-unit-15);--jkl-autosuggest-controller-button-icon-size:1.25rem;--jkl-autosuggest-option-padding:var(--jkl-unit-10) 0.75em;--jkl-autosuggest-option-height:3rem;align-items:flex-start;display:flex;flex-direction:column;position:relative}.jkl-autosuggest[aria-expanded=true] .jkl-text-input-wrapper{border-radius:var(--border-radius) var(--border-radius) 0 0}.jkl-autosuggest__no-hits-message{color:var(--jkl-color-text-subdued);font:var(--jkl-text-style-text-small);padding:var(--jkl-autosuggest-option-padding)}.jkl-autosuggest__menu{background-color:var(--jkl-color-background-container);border:.125rem solid var(--jkl-color-border-strong);border-radius:0 0 var(--border-radius) var(--border-radius);border-top:none;box-sizing:border-box;inset:100% -.0625rem auto;margin:0;max-height:60vh;overflow-y:auto;padding:0;position:absolute;width:calc(100% + .125rem);z-index:7000;-webkit-overflow-scrolling:touch}.jkl-autosuggest__item-list{list-style-type:none;margin:0;padding:0}.jkl-autosuggest__item{align-items:center;background-color:var(--jkl-color-background-interactive);border:0;color:unset;cursor:pointer;display:flex;font:var(--jkl-text-style-text-small);min-height:var(--jkl-autosuggest-option-height);padding:var(--jkl-autosuggest-option-padding);position:relative;text-align:left;transition-duration:var(--jkl-motion-timing-productive);transition-property:color,background-color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-autosuggest__item--active,.jkl-autosuggest__item:focus,.jkl-autosuggest__item:hover{background-color:var(--jkl-color-background-interactive-hover);color:var(--jkl-color-text-default)}}
1
+ @layer jokul.components{.jkl-autosuggest{--border-radius:var(--jkl-border-radius-s);--jkl-autosuggest-menu-padding:var(--jkl-unit-20) var(--jkl-unit-10) 0;--jkl-autosuggest-controller-button-width:auto;--jkl-autosuggest-controller-button-padding:0 var(--jkl-unit-15);--jkl-autosuggest-controller-button-icon-size:1.25rem;--jkl-autosuggest-option-padding:var(--jkl-unit-10) 0.75em;--jkl-autosuggest-option-height:3rem;align-items:flex-start;display:flex;flex-direction:column;position:relative}.jkl-autosuggest[aria-expanded=true] .jkl-text-input-wrapper{border-radius:var(--border-radius) var(--border-radius) 0 0}.jkl-autosuggest__no-hits-message{color:var(--jkl-color-text-subdued);font:var(--jkl-text-style-text-small);padding:var(--jkl-autosuggest-option-padding)}.jkl-autosuggest__menu{background-color:var(--jkl-color-background-container);border:.125rem solid var(--jkl-color-border-strong);border-radius:0 0 var(--border-radius) var(--border-radius);border-top:none;box-sizing:border-box;inset:100% -.0625rem auto;margin:0;max-height:60vh;overflow-y:auto;padding:0;position:absolute;width:calc(100% + .125rem);z-index:7000;-webkit-overflow-scrolling:touch}.jkl-autosuggest__item-list{list-style-type:none;margin:0;padding:0}.jkl-autosuggest__item{align-items:center;background-color:transparent;border:0;color:unset;cursor:pointer;display:flex;font:var(--jkl-text-style-text-small);min-height:var(--jkl-autosuggest-option-height);padding:var(--jkl-autosuggest-option-padding);position:relative;text-align:left;transition-duration:var(--jkl-motion-timing-productive);transition-property:color,background-color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-autosuggest__item--active,.jkl-autosuggest__item:focus,.jkl-autosuggest__item:hover{background-color:color-mix(in srgb,currentColor 10%,transparent);color:var(--jkl-color-text-default)}}
package/styles/components/autosuggest/autosuggest.scss CHANGED
@@ -55,7 +55,7 @@
55
55
  display: flex; // avoids wrapping long names "under" the focus arrow
56
56
  align-items: center;
57
57
  border: 0; // removes native styling
58
- background-color: var(--jkl-color-background-interactive);
58
+ background-color: transparent;
59
59
  min-height: var(--jkl-autosuggest-option-height);
60
60
  text-align: left;
61
61
 
@@ -69,7 +69,7 @@
69
69
  &--active,
70
70
  &:hover {
71
71
  color: var(--jkl-color-text-default);
72
- background-color: var(--jkl-color-background-interactive-hover);
72
+ background-color: color-mix(in srgb, currentColor 10%, transparent);
73
73
  }
74
74
  }
75
75
  }
package/styles/components/beta/nav-link/navlink.css CHANGED
@@ -47,7 +47,7 @@
47
47
  transition-property: translate;
48
48
  }
49
49
  .jkl-navlink--beta:hover, .jkl-navlink--beta:focus-visible {
50
- background-color: var(--jkl-color-background-interactive-selected);
50
+ background-color: color-mix(in srgb, currentColor 15%, transparent);
51
51
  }
52
52
  .jkl-navlink--beta:hover::after, .jkl-navlink--beta:focus-visible::after {
53
53
  translate: 4px 0;
package/styles/components/beta/nav-link/navlink.min.css CHANGED
@@ -1 +1 @@
1
- .jkl-navlink--beta{--border-radius:4px;--separator:1px solid var(--jkl-color-border-subdued);align-items:center;background-color:var(--jkl-color-background-page);border-radius:0;color:inherit;column-gap:2em;display:grid;font:var(--jkl-text-style-paragraph-medium);grid-template-columns:1fr auto;padding:var(--jkl-spacing-s);text-decoration:none;transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color;transition-timing-function:var(--jkl-motion-easing-ease-in-bounce-out)}.jkl-navlink--beta .description,.jkl-navlink--beta .title{grid-column:1}.jkl-navlink--beta:has(.description) .title{font-weight:700}.jkl-navlink--beta:after{content:"arrow_forward"/"";display:inline-block;font-family:Jokul Icons,Jokul Icons Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;grid-column:2;grid-row:1/span 999;line-height:1;translate:0;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-duration:var(--jkl-motion-timing-productive);transition-property:font-variation-settings,transform;transition-property:translate;transition-timing-function:var(--jkl-motion-easing-standard);transition-timing-function:var(--jkl-motion-easing-ease-in-bounce-out)}.jkl-navlink--beta:focus-visible,.jkl-navlink--beta:hover{background-color:var(--jkl-color-background-interactive-selected)}.jkl-navlink--beta:focus-visible:after,.jkl-navlink--beta:hover:after{translate:4px 0}.jkl-navlink--beta:first-of-type{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.jkl-navlink--beta:last-of-type{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.jkl-navlink--beta:has(+.jkl-navlink--beta){-webkit-border-after:var(--separator);border-block-end:var(--separator)}
1
+ .jkl-navlink--beta{--border-radius:4px;--separator:1px solid var(--jkl-color-border-subdued);align-items:center;background-color:var(--jkl-color-background-page);border-radius:0;color:inherit;column-gap:2em;display:grid;font:var(--jkl-text-style-paragraph-medium);grid-template-columns:1fr auto;padding:var(--jkl-spacing-s);text-decoration:none;transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color;transition-timing-function:var(--jkl-motion-easing-ease-in-bounce-out)}.jkl-navlink--beta .description,.jkl-navlink--beta .title{grid-column:1}.jkl-navlink--beta:has(.description) .title{font-weight:700}.jkl-navlink--beta:after{content:"arrow_forward"/"";display:inline-block;font-family:Jokul Icons,Jokul Icons Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;grid-column:2;grid-row:1/span 999;line-height:1;translate:0;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-duration:var(--jkl-motion-timing-productive);transition-property:font-variation-settings,transform;transition-property:translate;transition-timing-function:var(--jkl-motion-easing-standard);transition-timing-function:var(--jkl-motion-easing-ease-in-bounce-out)}.jkl-navlink--beta:focus-visible,.jkl-navlink--beta:hover{background-color:color-mix(in srgb,currentColor 15%,transparent)}.jkl-navlink--beta:focus-visible:after,.jkl-navlink--beta:hover:after{translate:4px 0}.jkl-navlink--beta:first-of-type{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.jkl-navlink--beta:last-of-type{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.jkl-navlink--beta:has(+.jkl-navlink--beta){-webkit-border-after:var(--separator);border-block-end:var(--separator)}
package/styles/components/beta/nav-link/navlink.scss CHANGED
@@ -44,7 +44,9 @@
44
44
 
45
45
  &:hover,
46
46
  &:focus-visible {
47
- background-color: var(--jkl-color-background-interactive-selected);
47
+ background-color: color-mix(in srgb,
48
+ currentColor 15%,
49
+ transparent);
48
50
 
49
51
  &::after {
50
52
  translate: 4px 0;
@@ -64,4 +66,4 @@
64
66
  &:has(+ .jkl-navlink--beta) {
65
67
  border-block-end: var(--separator);
66
68
  }
67
- }
69
+ }
package/styles/components/button/button.css CHANGED
@@ -105,8 +105,8 @@
105
105
  --border-radius: 999px;
106
106
  }
107
107
  .jkl-button--primary {
108
- --background-color: var(--jkl-color-background-action);
109
- --text-color: var(--jkl-color-text-on-action);
108
+ --background-color: var(--jkl-color-background-contrast);
109
+ --text-color: var(--jkl-color-text-on-contrast);
110
110
  }
111
111
  @media (forced-colors: active) {
112
112
  .jkl-button--primary {
package/styles/components/button/button.min.css CHANGED
@@ -1 +1 @@
1
- @layer jokul.components{.jkl-button{--jkl-button-font-size:var(--jkl-typography-body-base-font-size);--jkl-button-line-height:var(--jkl-typography-body-base-line-height);--jkl-button-padding-block:var(--jkl-unit-10);--jkl-button-padding-text:var(--jkl-unit-30);--jkl-button-padding-icon:var(--jkl-unit-20);--jkl-button-padding-icon-button:var(--jkl-unit-10);--jkl-button-tertiary-padding-icon:var(--jkl-unit-05);--jkl-button-text-ink-offset:0.1em;--jkl-icon-weight:var(--jkl-icon-weight-bold);--text-color:var(--jkl-color-text-default);--background-color:transparent;--border-radius:0;--border-width:0.0625rem;background:var(--background-color);border:unset;color:var(--text-color);cursor:pointer;display:inline-block;font:var(--jkl-text-style-text-medium);font-weight:var(--jkl-font-weight-bold);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:a .3s linear;border-radius:var(--border-radius);max-width:100%;overflow:hidden;padding-block:var(--jkl-button-padding-block);padding-inline:var(--jkl-button-padding-text);position:relative;transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-button:has(.jkl-button__text){min-width:9.5ch}.jkl-button:has(.jkl-icon:first-child){-webkit-padding-start:var(--jkl-button-padding-icon);padding-inline-start:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:last-child){-webkit-padding-end:var(--jkl-button-padding-icon);padding-inline-end:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--jkl-button-padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:var(--jkl-unit-02);pointer-events:none;transition-duration:var(--jkl-motion-timing-expressive);transition-property:translate;transition-timing-function:var(--jkl-motion-easing-standard);width:100%}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:var(--jkl-motion-timing-expressive);transition-property:opacity,translate;transition-timing-function:var(--jkl-motion-easing-standard);translate:-50% 350%}.jkl-button__text{display:block;max-width:100%;width:100%;-webkit-padding-before:var(--jkl-button-text-ink-offset);padding-block-start:var(--jkl-button-text-ink-offset);-webkit-margin-before:calc(var(--jkl-button-text-ink-offset)*-1);margin-block-start:calc(var(--jkl-button-text-ink-offset)*-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-button:hover{background-color:color-mix(in srgb,var(--background-color),var(--text-color) 15%)}@media (forced-colors:active){.jkl-button:hover{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}@media (forced-colors:active){.jkl-button--primary{border:calc(var(--border-width)*2) solid Highlight}}.jkl-button--secondary{border:var(--border-width) solid var(--text-color)}.jkl-button--tertiary{border-bottom:var(--border-width) solid var(--text-color);padding-inline:var(--jkl-button-tertiary-padding-icon)}.jkl-button--tertiary:has(.jkl-icon:first-child){padding-inline:var(--jkl-button-tertiary-padding-icon) calc(var(--jkl-button-tertiary-padding-icon)*2)}.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:calc(var(--jkl-button-tertiary-padding-icon)*2) var(--jkl-button-tertiary-padding-icon)}}
1
+ @layer jokul.components{.jkl-button{--jkl-button-font-size:var(--jkl-typography-body-base-font-size);--jkl-button-line-height:var(--jkl-typography-body-base-line-height);--jkl-button-padding-block:var(--jkl-unit-10);--jkl-button-padding-text:var(--jkl-unit-30);--jkl-button-padding-icon:var(--jkl-unit-20);--jkl-button-padding-icon-button:var(--jkl-unit-10);--jkl-button-tertiary-padding-icon:var(--jkl-unit-05);--jkl-button-text-ink-offset:0.1em;--jkl-icon-weight:var(--jkl-icon-weight-bold);--text-color:var(--jkl-color-text-default);--background-color:transparent;--border-radius:0;--border-width:0.0625rem;background:var(--background-color);border:unset;color:var(--text-color);cursor:pointer;display:inline-block;font:var(--jkl-text-style-text-medium);font-weight:var(--jkl-font-weight-bold);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:a .3s linear;border-radius:var(--border-radius);max-width:100%;overflow:hidden;padding-block:var(--jkl-button-padding-block);padding-inline:var(--jkl-button-padding-text);position:relative;transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-button:has(.jkl-button__text){min-width:9.5ch}.jkl-button:has(.jkl-icon:first-child){-webkit-padding-start:var(--jkl-button-padding-icon);padding-inline-start:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:last-child){-webkit-padding-end:var(--jkl-button-padding-icon);padding-inline-end:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--jkl-button-padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:var(--jkl-unit-02);pointer-events:none;transition-duration:var(--jkl-motion-timing-expressive);transition-property:translate;transition-timing-function:var(--jkl-motion-easing-standard);width:100%}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:var(--jkl-motion-timing-expressive);transition-property:opacity,translate;transition-timing-function:var(--jkl-motion-easing-standard);translate:-50% 350%}.jkl-button__text{display:block;max-width:100%;width:100%;-webkit-padding-before:var(--jkl-button-text-ink-offset);padding-block-start:var(--jkl-button-text-ink-offset);-webkit-margin-before:calc(var(--jkl-button-text-ink-offset)*-1);margin-block-start:calc(var(--jkl-button-text-ink-offset)*-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-button:hover{background-color:color-mix(in srgb,var(--background-color),var(--text-color) 15%)}@media (forced-colors:active){.jkl-button:hover{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-contrast);--text-color:var(--jkl-color-text-on-contrast)}@media (forced-colors:active){.jkl-button--primary{border:calc(var(--border-width)*2) solid Highlight}}.jkl-button--secondary{border:var(--border-width) solid var(--text-color)}.jkl-button--tertiary{border-bottom:var(--border-width) solid var(--text-color);padding-inline:var(--jkl-button-tertiary-padding-icon)}.jkl-button--tertiary:has(.jkl-icon:first-child){padding-inline:var(--jkl-button-tertiary-padding-icon) calc(var(--jkl-button-tertiary-padding-icon)*2)}.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:calc(var(--jkl-button-tertiary-padding-icon)*2) var(--jkl-button-tertiary-padding-icon)}}
package/styles/components/button/button.scss CHANGED
@@ -126,8 +126,8 @@
126
126
  }
127
127
 
128
128
  &--primary {
129
- --background-color: var(--jkl-color-background-action);
130
- --text-color: var(--jkl-color-text-on-action);
129
+ --background-color: var(--jkl-color-background-contrast);
130
+ --text-color: var(--jkl-color-text-on-contrast);
131
131
 
132
132
  @media (forced-colors: active) {
133
133
  border: calc(var(--border-width) * 2) solid Highlight;
package/styles/components/card/card.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --border-radius: var(--jkl-border-radius-m);
11
11
  --border-color: transparent;
12
12
  --border-width: 0.0625rem;
13
- --background-color: transparent;
13
+ --background-color: var(--jkl-color-background-container);
14
14
  position: relative;
15
15
  overflow: hidden;
16
16
  display: block;
@@ -52,11 +52,9 @@
52
52
  .jkl-card[data-padding=xl] {
53
53
  --padding: var(--padding-xl);
54
54
  }
55
- .jkl-card--filled {
56
- --background-color: var(--jkl-color-background-container);
57
- }
58
55
  .jkl-card--outlined {
59
- --border-color: var(--jkl-color-border-default);
56
+ --border-color: var(--jkl-color-border-subdued);
57
+ --background-color: transparent;
60
58
  }
61
59
  .jkl-card[data-clickable=true] {
62
60
  cursor: pointer;
package/styles/components/card/card.min.css CHANGED
@@ -1 +1 @@
1
- @layer jokul.components{.jkl-card{--padding-s:var(--jkl-unit-05);--padding-m:var(--jkl-unit-15);--padding-l:var(--jkl-unit-20);--padding-xl:var(--jkl-unit-30);--border-radius:var(--jkl-border-radius-m);--border-color:transparent;--border-width:0.0625rem;--background-color:transparent;background-color:var(--background-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--jkl-color-text-default);display:block;overflow:hidden;padding:var(--padding,var(--padding-s));position:relative;text-decoration:none}.jkl-card:after{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);content:"";inset:0;pointer-events:none;position:absolute;transition-duration:var(--jkl-motion-timing-snappy);transition-property:border-color,border-size;transition-timing-function:var(--jkl-motion-easing-standard)}@media (min-width:680px){.jkl-card{--padding-s:var(--jkl-unit-10);--padding-m:var(--jkl-unit-20);--padding-l:var(--jkl-unit-30);--padding-xl:var(--jkl-unit-40)}}.jkl-card[data-padding=s]{--padding:var(--padding-s)}.jkl-card[data-padding=m]{--padding:var(--padding-m)}.jkl-card[data-padding=l]{--padding:var(--padding-l)}.jkl-card[data-padding=xl]{--padding:var(--padding-xl)}.jkl-card--filled{--background-color:var(--jkl-color-background-container)}.jkl-card--outlined{--border-color:var(--jkl-color-border-default)}.jkl-card[data-clickable=true]{cursor:pointer}.jkl-card[data-clickable=true]:hover{--border-color:var(--jkl-color-border-strong);--border-width:0.125rem}.jkl-card[data-clickable=true]:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-card-image{--margin:calc(var(--padding, 0)*-1);aspect-ratio:var(--image-aspect-ratio,3/2);margin-inline:var(--margin,0);object-fit:cover;width:calc(100% + var(--padding, 0)*2)}.jkl-card-image--top{margin-top:var(--margin,0)}.jkl-card-image--bottom{margin-bottom:var(--margin,0)}.jkl-card-image--full{margin-block:var(--margin,0)}}
1
+ @layer jokul.components{.jkl-card{--padding-s:var(--jkl-unit-05);--padding-m:var(--jkl-unit-15);--padding-l:var(--jkl-unit-20);--padding-xl:var(--jkl-unit-30);--border-radius:var(--jkl-border-radius-m);--border-color:transparent;--border-width:0.0625rem;--background-color:var(--jkl-color-background-container);background-color:var(--background-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--jkl-color-text-default);display:block;overflow:hidden;padding:var(--padding,var(--padding-s));position:relative;text-decoration:none}.jkl-card:after{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);content:"";inset:0;pointer-events:none;position:absolute;transition-duration:var(--jkl-motion-timing-snappy);transition-property:border-color,border-size;transition-timing-function:var(--jkl-motion-easing-standard)}@media (min-width:680px){.jkl-card{--padding-s:var(--jkl-unit-10);--padding-m:var(--jkl-unit-20);--padding-l:var(--jkl-unit-30);--padding-xl:var(--jkl-unit-40)}}.jkl-card[data-padding=s]{--padding:var(--padding-s)}.jkl-card[data-padding=m]{--padding:var(--padding-m)}.jkl-card[data-padding=l]{--padding:var(--padding-l)}.jkl-card[data-padding=xl]{--padding:var(--padding-xl)}.jkl-card--outlined{--border-color:var(--jkl-color-border-subdued);--background-color:transparent}.jkl-card[data-clickable=true]{cursor:pointer}.jkl-card[data-clickable=true]:hover{--border-color:var(--jkl-color-border-strong);--border-width:0.125rem}.jkl-card[data-clickable=true]:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-card-image{--margin:calc(var(--padding, 0)*-1);aspect-ratio:var(--image-aspect-ratio,3/2);margin-inline:var(--margin,0);object-fit:cover;width:calc(100% + var(--padding, 0)*2)}.jkl-card-image--top{margin-top:var(--margin,0)}.jkl-card-image--bottom{margin-bottom:var(--margin,0)}.jkl-card-image--full{margin-block:var(--margin,0)}}
package/styles/components/card/card.scss CHANGED
@@ -10,7 +10,7 @@
10
10
  --border-radius: var(--jkl-border-radius-m);
11
11
  --border-color: transparent;
12
12
  --border-width: #{jkl.rem(1px)};
13
- --background-color: transparent;
13
+ --background-color: var(--jkl-color-background-container);
14
14
 
15
15
  position: relative;
16
16
  overflow: hidden;
@@ -56,12 +56,9 @@
56
56
  --padding: var(--padding-xl);
57
57
  }
58
58
 
59
- &--filled {
60
- --background-color: var(--jkl-color-background-container);
61
- }
62
-
63
59
  &--outlined {
64
- --border-color: var(--jkl-color-border-default);
60
+ --border-color: var(--jkl-color-border-subdued);
61
+ --background-color: transparent;
65
62
  }
66
63
 
67
64
  &[data-clickable="true"] {
@@ -98,4 +95,4 @@
98
95
  margin-block: var(--margin, 0);
99
96
  }
100
97
  }
101
- }
98
+ }
package/styles/components/checkbox/checkbox.css CHANGED
@@ -3,12 +3,6 @@
3
3
  */
4
4
  @layer jokul.components {
5
5
  .jkl-checkbox {
6
- /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback for browsers without light-dark() support */
7
- --jkl-checkbox-error-color: #ab2e43;
8
- --jkl-checkbox-error-color: light-dark(#ab2e43, #d79ba5);
9
- /* stylelint-enable declaration-block-no-duplicate-custom-properties */
10
- --box-color: var(--jkl-color-border-strong);
11
- --check-color: var(--jkl-color-border-strong);
12
6
  --text-color: var(--jkl-color-text-default);
13
7
  --background-color: transparent;
14
8
  font: var(--jkl-text-style-text-medium);
@@ -91,7 +85,7 @@
91
85
  --jkl-icon-fill: 1;
92
86
  }
93
87
  .jkl-checkbox__input[aria-invalid=true] + .jkl-checkbox__label::before {
94
- color: var(--jkl-checkbox-error-color);
88
+ color: var(--jkl-color-error-background-contrast);
95
89
  }
96
90
  .jkl-checkbox + .jkl-checkbox {
97
91
  margin-top: 0.75em;
package/styles/components/checkbox/checkbox.min.css CHANGED
@@ -1 +1 @@
1
- @layer jokul.components{.jkl-checkbox{--jkl-checkbox-error-color:#ab2e43;--jkl-checkbox-error-color:light-dark(#ab2e43,#d79ba5);--box-color:var(--jkl-color-border-strong);--check-color:var(--jkl-color-border-strong);--text-color:var(--jkl-color-text-default);--background-color:transparent;color:var(--text-color);display:flex;flex-wrap:wrap;font:var(--jkl-text-style-text-medium);position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:transparent;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;outline:0;outline-style:none;padding:0;position:absolute;z-index:1}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert;outline:revert;outline-style:revert}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{cursor:pointer;display:flex;font:var(--jkl-text-style-text-medium);transition-duration:var(--jkl-motion-timing-productive);transition-property:color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__label:before{content:"check_box_outline_blank";-webkit-margin-end:.25em;display:inline-block;font-family:Jokul Icons,Jokul Icons Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;line-height:1;margin-inline-end:.25em;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-checkbox__input:is(:hover,:active)+.jkl-checkbox__label,.jkl-checkbox__label:active,.jkl-checkbox__label:hover{--jkl-icon-weight:var(--jkl-font-weight-bold)}.jkl-checkbox__input:checked+.jkl-checkbox__label:before{content:"check_box";--jkl-icon-fill:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label:before{content:"indeterminate_check_box";--jkl-icon-fill:1}.jkl-checkbox__input[aria-invalid=true]+.jkl-checkbox__label:before{color:var(--jkl-checkbox-error-color)}.jkl-checkbox+.jkl-checkbox{margin-top:.75em}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:var(--jkl-unit-30)}}
1
+ @layer jokul.components{.jkl-checkbox{--text-color:var(--jkl-color-text-default);--background-color:transparent;color:var(--text-color);display:flex;flex-wrap:wrap;font:var(--jkl-text-style-text-medium);position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:transparent;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;outline:0;outline-style:none;padding:0;position:absolute;z-index:1}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert;outline:revert;outline-style:revert}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{cursor:pointer;display:flex;font:var(--jkl-text-style-text-medium);transition-duration:var(--jkl-motion-timing-productive);transition-property:color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__label:before{content:"check_box_outline_blank";-webkit-margin-end:.25em;display:inline-block;font-family:Jokul Icons,Jokul Icons Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;line-height:1;margin-inline-end:.25em;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-checkbox__input:is(:hover,:active)+.jkl-checkbox__label,.jkl-checkbox__label:active,.jkl-checkbox__label:hover{--jkl-icon-weight:var(--jkl-font-weight-bold)}.jkl-checkbox__input:checked+.jkl-checkbox__label:before{content:"check_box";--jkl-icon-fill:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label:before{content:"indeterminate_check_box";--jkl-icon-fill:1}.jkl-checkbox__input[aria-invalid=true]+.jkl-checkbox__label:before{color:var(--jkl-color-error-background-contrast)}.jkl-checkbox+.jkl-checkbox{margin-top:.75em}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:var(--jkl-unit-30)}}
package/styles/components/checkbox/checkbox.scss CHANGED
@@ -5,12 +5,6 @@
5
5
 
6
6
  @layer jokul.components {
7
7
  .jkl-checkbox {
8
- /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback for browsers without light-dark() support */
9
- --jkl-checkbox-error-color: #ab2e43;
10
- --jkl-checkbox-error-color: light-dark(#ab2e43, #d79ba5);
11
- /* stylelint-enable declaration-block-no-duplicate-custom-properties */
12
- --box-color: var(--jkl-color-border-strong);
13
- --check-color: var(--jkl-color-border-strong);
14
8
  --text-color: var(--jkl-color-text-default);
15
9
  --background-color: transparent;
16
10
 
@@ -79,7 +73,7 @@
79
73
  }
80
74
 
81
75
  &__input[aria-invalid="true"] + &__label::before {
82
- color: var(--jkl-checkbox-error-color);
76
+ color: var(--jkl-color-error-background-contrast);
83
77
  }
84
78
 
85
79
  & + & {
@@ -94,4 +88,4 @@
94
88
  }
95
89
  }
96
90
  }
97
- }
91
+ }
package/styles/components/checkbox-panel/checkbox-panel.css CHANGED
@@ -71,19 +71,13 @@
71
71
  padding-block-end: var(--jkl-unit-20);
72
72
  }
73
73
  .jkl-input-panel:has(input:hover) {
74
- --outer-border-color: var(--jkl-color-border-default);
74
+ --outer-border-color: var(--jkl-color-border-strong);
75
75
  --outer-border-thickness: 0.125rem;
76
76
  cursor: pointer;
77
77
  }
78
78
  }
79
79
  @layer jokul.components {
80
80
  .jkl-checkbox {
81
- /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback for browsers without light-dark() support */
82
- --jkl-checkbox-error-color: #ab2e43;
83
- --jkl-checkbox-error-color: light-dark(#ab2e43, #d79ba5);
84
- /* stylelint-enable declaration-block-no-duplicate-custom-properties */
85
- --box-color: var(--jkl-color-border-strong);
86
- --check-color: var(--jkl-color-border-strong);
87
81
  --text-color: var(--jkl-color-text-default);
88
82
  --background-color: transparent;
89
83
  font: var(--jkl-text-style-text-medium);
@@ -166,7 +160,7 @@
166
160
  --jkl-icon-fill: 1;
167
161
  }
168
162
  .jkl-checkbox__input[aria-invalid=true] + .jkl-checkbox__label::before {
169
- color: var(--jkl-checkbox-error-color);
163
+ color: var(--jkl-color-error-background-contrast);
170
164
  }
171
165
  .jkl-checkbox + .jkl-checkbox {
172
166
  margin-top: 0.75em;
package/styles/components/checkbox-panel/checkbox-panel.min.css CHANGED
@@ -1 +1 @@
1
- @layer jokul.components{.jkl-input-panel{--outer-border-color:var(--jkl-color-border-default);--outer-border-thickness:0.0625rem;--background-color:transparent;--padding-inline:var(--jkl-unit-25);background-color:var(--background-color);border-radius:var(--jkl-border-radius-s);box-shadow:inset 0 0 0 var(--outer-border-thickness) var(--outer-border-color);display:flex;flex-direction:column;interpolate-size:allow-keywords;transition-duration:var(--jkl-motion-timing-productive);transition-property:box-shadow;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-input-panel__header{align-items:center;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;padding:var(--jkl-unit-20) var(--padding-inline);position:relative}.jkl-input-panel__header .jkl-checkbox,.jkl-input-panel__header .jkl-radio-button{grid-column:1/-1;grid-row:1;inline-size:100%}.jkl-input-panel__header label{inline-size:100%}.jkl-input-panel__header__amount{align-items:center;display:flex;font:var(--jkl-text-style-text-medium);font-weight:var(--jkl-font-weight-bold);grid-column:2;grid-row:1;height:100%;justify-self:end;pointer-events:none;position:relative;z-index:1}.jkl-input-panel__description{height:0;overflow:hidden;padding-inline:var(--padding-inline);-webkit-padding-after:var(--jkl-spacing-none);line-height:normal;font:var(--jkl-text-style-paragraph-medium);padding-block-end:var(--jkl-spacing-none);transition-duration:var(--jkl-motion-timing-productive);transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-input-panel:has(:focus-visible){outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-input-panel:has(:checked),.jkl-input-panel:not([data-always-open]),.jkl-input-panel[data-always-open=true]{--background-color:var(--jkl-color-background-container)}.jkl-input-panel:has(:checked) .jkl-input-panel__description,.jkl-input-panel:not([data-always-open]) .jkl-input-panel__description,.jkl-input-panel[data-always-open=true] .jkl-input-panel__description{height:auto;-webkit-padding-after:var(--jkl-unit-20);padding-block-end:var(--jkl-unit-20)}.jkl-input-panel:has(input:hover){--outer-border-color:var(--jkl-color-border-default);--outer-border-thickness:0.125rem;cursor:pointer}}@layer jokul.components{.jkl-checkbox{--jkl-checkbox-error-color:#ab2e43;--jkl-checkbox-error-color:light-dark(#ab2e43,#d79ba5);--box-color:var(--jkl-color-border-strong);--check-color:var(--jkl-color-border-strong);--text-color:var(--jkl-color-text-default);--background-color:transparent;color:var(--text-color);display:flex;flex-wrap:wrap;font:var(--jkl-text-style-text-medium);position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:transparent;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;outline:0;outline-style:none;padding:0;position:absolute;z-index:1}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert;outline:revert;outline-style:revert}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{cursor:pointer;display:flex;font:var(--jkl-text-style-text-medium);transition-duration:var(--jkl-motion-timing-productive);transition-property:color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__label:before{content:"check_box_outline_blank";-webkit-margin-end:.25em;display:inline-block;font-family:Jokul Icons,Jokul Icons Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;line-height:1;margin-inline-end:.25em;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-checkbox__input:is(:hover,:active)+.jkl-checkbox__label,.jkl-checkbox__label:active,.jkl-checkbox__label:hover{--jkl-icon-weight:var(--jkl-font-weight-bold)}.jkl-checkbox__input:checked+.jkl-checkbox__label:before{content:"check_box";--jkl-icon-fill:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label:before{content:"indeterminate_check_box";--jkl-icon-fill:1}.jkl-checkbox__input[aria-invalid=true]+.jkl-checkbox__label:before{color:var(--jkl-checkbox-error-color)}.jkl-checkbox+.jkl-checkbox{margin-top:.75em}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:var(--jkl-unit-30)}}@layer jokul.components{.jkl-checkbox-panel .jkl-checkbox{-webkit-margin-start:-.1em;margin-inline-start:-.1em}.jkl-checkbox-panel .jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:none}}
1
+ @layer jokul.components{.jkl-input-panel{--outer-border-color:var(--jkl-color-border-default);--outer-border-thickness:0.0625rem;--background-color:transparent;--padding-inline:var(--jkl-unit-25);background-color:var(--background-color);border-radius:var(--jkl-border-radius-s);box-shadow:inset 0 0 0 var(--outer-border-thickness) var(--outer-border-color);display:flex;flex-direction:column;interpolate-size:allow-keywords;transition-duration:var(--jkl-motion-timing-productive);transition-property:box-shadow;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-input-panel__header{align-items:center;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;padding:var(--jkl-unit-20) var(--padding-inline);position:relative}.jkl-input-panel__header .jkl-checkbox,.jkl-input-panel__header .jkl-radio-button{grid-column:1/-1;grid-row:1;inline-size:100%}.jkl-input-panel__header label{inline-size:100%}.jkl-input-panel__header__amount{align-items:center;display:flex;font:var(--jkl-text-style-text-medium);font-weight:var(--jkl-font-weight-bold);grid-column:2;grid-row:1;height:100%;justify-self:end;pointer-events:none;position:relative;z-index:1}.jkl-input-panel__description{height:0;overflow:hidden;padding-inline:var(--padding-inline);-webkit-padding-after:var(--jkl-spacing-none);line-height:normal;font:var(--jkl-text-style-paragraph-medium);padding-block-end:var(--jkl-spacing-none);transition-duration:var(--jkl-motion-timing-productive);transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-input-panel:has(:focus-visible){outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-input-panel:has(:checked),.jkl-input-panel:not([data-always-open]),.jkl-input-panel[data-always-open=true]{--background-color:var(--jkl-color-background-container)}.jkl-input-panel:has(:checked) .jkl-input-panel__description,.jkl-input-panel:not([data-always-open]) .jkl-input-panel__description,.jkl-input-panel[data-always-open=true] .jkl-input-panel__description{height:auto;-webkit-padding-after:var(--jkl-unit-20);padding-block-end:var(--jkl-unit-20)}.jkl-input-panel:has(input:hover){--outer-border-color:var(--jkl-color-border-strong);--outer-border-thickness:0.125rem;cursor:pointer}}@layer jokul.components{.jkl-checkbox{--text-color:var(--jkl-color-text-default);--background-color:transparent;color:var(--text-color);display:flex;flex-wrap:wrap;font:var(--jkl-text-style-text-medium);position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:transparent;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;outline:0;outline-style:none;padding:0;position:absolute;z-index:1}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert;outline:revert;outline-style:revert}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{cursor:pointer;display:flex;font:var(--jkl-text-style-text-medium);transition-duration:var(--jkl-motion-timing-productive);transition-property:color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__label:before{content:"check_box_outline_blank";-webkit-margin-end:.25em;display:inline-block;font-family:Jokul Icons,Jokul Icons Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;line-height:1;margin-inline-end:.25em;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-checkbox__input:is(:hover,:active)+.jkl-checkbox__label,.jkl-checkbox__label:active,.jkl-checkbox__label:hover{--jkl-icon-weight:var(--jkl-font-weight-bold)}.jkl-checkbox__input:checked+.jkl-checkbox__label:before{content:"check_box";--jkl-icon-fill:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label:before{content:"indeterminate_check_box";--jkl-icon-fill:1}.jkl-checkbox__input[aria-invalid=true]+.jkl-checkbox__label:before{color:var(--jkl-color-error-background-contrast)}.jkl-checkbox+.jkl-checkbox{margin-top:.75em}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:var(--jkl-unit-30)}}@layer jokul.components{.jkl-checkbox-panel .jkl-checkbox{-webkit-margin-start:-.1em;margin-inline-start:-.1em}.jkl-checkbox-panel .jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:none}}
package/styles/components/chip/chip.css CHANGED
@@ -8,7 +8,7 @@
8
8
  --gap: var(--jkl-unit-05);
9
9
  --text-color: var(--jkl-color-text-default);
10
10
  --border-color: var(--jkl-color-border-subdued);
11
- --background-color: transparent;
11
+ --background-color: var(--jkl-color-background-container);
12
12
  --border-width: 0.0625rem;
13
13
  font: var(--jkl-text-style-text-small);
14
14
  font-weight: var(--jkl-font-weight-bold);
@@ -51,9 +51,9 @@
51
51
  opacity: 0.15;
52
52
  }
53
53
  .jkl-chip--filter[aria-pressed=true] {
54
- --background-color: var(--jkl-color-background-action);
55
- --text-color: var(--jkl-color-text-on-action);
56
- --border-color: var(--text-color);
54
+ --background-color: var(--jkl-color-background-contrast);
55
+ --text-color: var(--jkl-color-text-on-contrast);
56
+ --border-color: var(--jkl-color-border-strong);
57
57
  }
58
58
  @media screen and (forced-colors: active) {
59
59
  .jkl-chip--filter[aria-pressed=true] {