@fremtind/jokul 5.0.0-next.13 → 5.0.0-next.14

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 (88) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/expander/Accordion.cjs +2 -0
  3. package/build/cjs/components/expander/Accordion.cjs.map +1 -0
  4. package/build/cjs/components/expander/Accordion.d.cts +2 -0
  5. package/build/cjs/components/expander/ExpandablePanel.cjs +1 -1
  6. package/build/cjs/components/expander/ExpandablePanel.cjs.map +1 -1
  7. package/build/cjs/components/expander/ExpandablePanelContent.cjs +1 -1
  8. package/build/cjs/components/expander/ExpandablePanelContent.cjs.map +1 -1
  9. package/build/cjs/components/expander/index.d.cts +1 -1
  10. package/build/cjs/components/expander/types.d.cts +5 -2
  11. package/build/cjs/components/link-list/LinkList.cjs +1 -1
  12. package/build/cjs/components/link-list/LinkList.cjs.map +1 -1
  13. package/build/cjs/components/link-list/LinkList.d.cts +1 -1
  14. package/build/cjs/components/link-list/types.d.cts +1 -0
  15. package/build/cjs/utilities/types.cjs +1 -1
  16. package/build/cjs/utilities/types.cjs.map +1 -1
  17. package/build/cjs/utilities/types.d.cts +1 -1
  18. package/build/es/components/expander/Accordion.d.ts +2 -0
  19. package/build/es/components/expander/Accordion.js +2 -0
  20. package/build/es/components/expander/Accordion.js.map +1 -0
  21. package/build/es/components/expander/ExpandablePanel.js +1 -1
  22. package/build/es/components/expander/ExpandablePanel.js.map +1 -1
  23. package/build/es/components/expander/ExpandablePanelContent.js +1 -1
  24. package/build/es/components/expander/ExpandablePanelContent.js.map +1 -1
  25. package/build/es/components/expander/index.d.ts +1 -1
  26. package/build/es/components/expander/types.d.ts +5 -2
  27. package/build/es/components/link-list/LinkList.d.ts +1 -1
  28. package/build/es/components/link-list/LinkList.js +1 -1
  29. package/build/es/components/link-list/LinkList.js.map +1 -1
  30. package/build/es/components/link-list/types.d.ts +1 -0
  31. package/build/es/utilities/types.d.ts +1 -1
  32. package/build/es/utilities/types.js +1 -1
  33. package/build/es/utilities/types.js.map +1 -1
  34. package/codemods/__tests__/import-paths.test.mjs +131 -32
  35. package/codemods/import-paths.mjs +38 -14
  36. package/codemods/transforms/expandable-panel.mjs +41 -0
  37. package/package.json +1 -1
  38. package/styles/base.css +95 -702
  39. package/styles/base.min.css +1 -1
  40. package/styles/components/countdown/countdown.css +2 -2
  41. package/styles/components/countdown/countdown.min.css +1 -1
  42. package/styles/components/expander/_index.scss +1 -0
  43. package/styles/components/expander/accordion.css +21 -0
  44. package/styles/components/expander/accordion.min.css +1 -0
  45. package/styles/components/expander/accordion.scss +24 -0
  46. package/styles/components/expander/expandable.css +16 -27
  47. package/styles/components/expander/expandable.min.css +1 -1
  48. package/styles/components/expander/expandable.scss +5 -19
  49. package/styles/components/feedback/feedback.css +2 -2
  50. package/styles/components/feedback/feedback.min.css +1 -1
  51. package/styles/components/file-input/file-input.css +9 -9
  52. package/styles/components/file-input/file-input.min.css +1 -1
  53. package/styles/components/input-group/input-group.css +2 -2
  54. package/styles/components/input-group/input-group.min.css +1 -1
  55. package/styles/components/link-list/link-list.css +6 -1
  56. package/styles/components/link-list/link-list.min.css +1 -1
  57. package/styles/components/link-list/link-list.scss +8 -1
  58. package/styles/components/loader/loader.css +6 -6
  59. package/styles/components/loader/loader.min.css +1 -1
  60. package/styles/components/loader/skeleton-loader.css +3 -3
  61. package/styles/components/loader/skeleton-loader.min.css +1 -1
  62. package/styles/components/message/message.css +2 -2
  63. package/styles/components/message/message.min.css +1 -1
  64. package/styles/components/progress-bar/progress-bar.css +1 -1
  65. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  66. package/styles/components/segmented-control/segmented-control.css +2 -2
  67. package/styles/components/segmented-control/segmented-control.min.css +1 -1
  68. package/styles/components/system-message/system-message.css +2 -2
  69. package/styles/components/system-message/system-message.min.css +1 -1
  70. package/styles/components/toast/toast.css +4 -4
  71. package/styles/components/toast/toast.min.css +1 -1
  72. package/styles/components.css +67 -52
  73. package/styles/components.min.css +1 -1
  74. package/styles/tailwind.css +95 -95
  75. package/styles/theme/_color-scheme.scss +95 -95
  76. package/styles/theme/_index.scss +0 -4
  77. package/styles/theme/brands/dnb/_color-scheme.scss +0 -121
  78. package/styles/theme/brands/dnb/_fonts.scss +0 -46
  79. package/styles/theme/brands/dnb/_index.scss +0 -2
  80. package/styles/theme/brands/eika/_color-scheme.scss +0 -121
  81. package/styles/theme/brands/eika/_fonts.scss +0 -46
  82. package/styles/theme/brands/eika/_index.scss +0 -2
  83. package/styles/theme/brands/fremtind/_color-scheme.scss +0 -121
  84. package/styles/theme/brands/fremtind/_fonts.scss +0 -30
  85. package/styles/theme/brands/fremtind/_index.scss +0 -2
  86. package/styles/theme/brands/sparebank1/_color-scheme.scss +0 -121
  87. package/styles/theme/brands/sparebank1/_fonts.scss +0 -38
  88. package/styles/theme/brands/sparebank1/_index.scss +0 -2
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:100 900;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-16-24:var(--jkl-spacing-16);--jkl-spacing-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32:var(--jkl-spacing-24);--jkl-spacing-32-40:var(--jkl-spacing-32);--jkl-spacing-40-64:var(--jkl-spacing-40);--jkl-spacing-64-104:var(--jkl-spacing-64);--jkl-spacing-104-168:var(--jkl-spacing-104);--jkl-spacing-16-16-24:var(--jkl-spacing-16);--jkl-spacing-16-24-32:var(--jkl-spacing-16);--jkl-spacing-16-24-40:var(--jkl-spacing-16);--jkl-spacing-24-24-32:var(--jkl-spacing-24);--jkl-spacing-24-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32-40:var(--jkl-spacing-24);--jkl-spacing-32-32-40:var(--jkl-spacing-32);--jkl-spacing-32-40-64:var(--jkl-spacing-32);--jkl-spacing-40-40-64:var(--jkl-spacing-40);--jkl-spacing-40-64-104:var(--jkl-spacing-40);--jkl-spacing-64-64-104:var(--jkl-spacing-64);--jkl-spacing-64-104-168:var(--jkl-spacing-64);--jkl-spacing-104-104-168:var(--jkl-spacing-104)}@media (min-width:680px){:root{--jkl-spacing-16-24:var(--jkl-spacing-24);--jkl-spacing-24-40:var(--jkl-spacing-40);--jkl-spacing-24-32:var(--jkl-spacing-32);--jkl-spacing-32-40:var(--jkl-spacing-40);--jkl-spacing-40-64:var(--jkl-spacing-64);--jkl-spacing-64-104:var(--jkl-spacing-104);--jkl-spacing-104-168:var(--jkl-spacing-168);--jkl-spacing-16-16-24:var(--jkl-spacing-16);--jkl-spacing-16-24-32:var(--jkl-spacing-24);--jkl-spacing-16-24-40:var(--jkl-spacing-24);--jkl-spacing-24-24-32:var(--jkl-spacing-24);--jkl-spacing-24-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32-40:var(--jkl-spacing-32);--jkl-spacing-32-32-40:var(--jkl-spacing-32);--jkl-spacing-32-40-64:var(--jkl-spacing-40);--jkl-spacing-40-40-64:var(--jkl-spacing-40);--jkl-spacing-40-64-104:var(--jkl-spacing-64);--jkl-spacing-64-64-104:var(--jkl-spacing-64);--jkl-spacing-64-104-168:var(--jkl-spacing-104);--jkl-spacing-104-104-168:var(--jkl-spacing-104)}}@media (min-width:1200px){:root{--jkl-spacing-16-16-24:var(--jkl-spacing-24);--jkl-spacing-16-24-32:var(--jkl-spacing-32);--jkl-spacing-16-24-40:var(--jkl-spacing-40);--jkl-spacing-24-24-32:var(--jkl-spacing-32);--jkl-spacing-24-24-40:var(--jkl-spacing-40);--jkl-spacing-24-32-40:var(--jkl-spacing-40);--jkl-spacing-32-32-40:var(--jkl-spacing-40);--jkl-spacing-32-40-64:var(--jkl-spacing-64);--jkl-spacing-40-40-64:var(--jkl-spacing-64);--jkl-spacing-40-64-104:var(--jkl-spacing-104);--jkl-spacing-64-64-104:var(--jkl-spacing-104);--jkl-spacing-64-104-168:var(--jkl-spacing-168);--jkl-spacing-104-104-168:var(--jkl-spacing-168)}}}@layer jokul.theme{:root{color-scheme:light dark;--jkl-color-background-page:#f3f0ed;--jkl-color-background-page:light-dark(#f3f0ed,#0e0d0c);--jkl-color-background-container:#fff;--jkl-color-background-container:light-dark(#fff,#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:21px;--jkl-font-size-5:26px;--jkl-font-size-6:32px;--jkl-font-size-7:40px;--jkl-font-size-8:44px;--jkl-font-size-9:46px;--jkl-font-size-10:48px}[data-size=small]{--jkl-unit-10:5px;--jkl-unit-base:5px;--jkl-font-size-1:12px;--jkl-font-size-2:14px;--jkl-font-size-3:16px;--jkl-font-size-4:18px;--jkl-font-size-5:21px;--jkl-font-size-6:26px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:44px;--jkl-font-size-10:46px}[data-size=large]{--jkl-unit-10:11px;--jkl-unit-base:11px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:21px;--jkl-font-size-5:26px;--jkl-font-size-6:32px;--jkl-font-size-7:40px;--jkl-font-size-8:44px;--jkl-font-size-9:46px;--jkl-font-size-10:48px}}@layer jokul.theme{:root,[data-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:380;--jkl-font-weight-bold:530;--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-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-title-small:var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-1:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-2:var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-3:var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-4:var(--jkl-font-weight-bold) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-5:var(--jkl-font-weight-bold) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-paragraph-large:var(--jkl-font-weight-normal) var(--jkl-font-size-4)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-text-large:var(--jkl-font-weight-normal) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-micro:var(--jkl-font-weight-normal) var(--jkl-font-size-1)/var(--jkl-line-height-tight) var(--jkl-font-family-regular)}}@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)}}
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:100 900;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-16-24:var(--jkl-spacing-16);--jkl-spacing-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32:var(--jkl-spacing-24);--jkl-spacing-32-40:var(--jkl-spacing-32);--jkl-spacing-40-64:var(--jkl-spacing-40);--jkl-spacing-64-104:var(--jkl-spacing-64);--jkl-spacing-104-168:var(--jkl-spacing-104);--jkl-spacing-16-16-24:var(--jkl-spacing-16);--jkl-spacing-16-24-32:var(--jkl-spacing-16);--jkl-spacing-16-24-40:var(--jkl-spacing-16);--jkl-spacing-24-24-32:var(--jkl-spacing-24);--jkl-spacing-24-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32-40:var(--jkl-spacing-24);--jkl-spacing-32-32-40:var(--jkl-spacing-32);--jkl-spacing-32-40-64:var(--jkl-spacing-32);--jkl-spacing-40-40-64:var(--jkl-spacing-40);--jkl-spacing-40-64-104:var(--jkl-spacing-40);--jkl-spacing-64-64-104:var(--jkl-spacing-64);--jkl-spacing-64-104-168:var(--jkl-spacing-64);--jkl-spacing-104-104-168:var(--jkl-spacing-104)}@media (min-width:680px){:root{--jkl-spacing-16-24:var(--jkl-spacing-24);--jkl-spacing-24-40:var(--jkl-spacing-40);--jkl-spacing-24-32:var(--jkl-spacing-32);--jkl-spacing-32-40:var(--jkl-spacing-40);--jkl-spacing-40-64:var(--jkl-spacing-64);--jkl-spacing-64-104:var(--jkl-spacing-104);--jkl-spacing-104-168:var(--jkl-spacing-168);--jkl-spacing-16-16-24:var(--jkl-spacing-16);--jkl-spacing-16-24-32:var(--jkl-spacing-24);--jkl-spacing-16-24-40:var(--jkl-spacing-24);--jkl-spacing-24-24-32:var(--jkl-spacing-24);--jkl-spacing-24-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32-40:var(--jkl-spacing-32);--jkl-spacing-32-32-40:var(--jkl-spacing-32);--jkl-spacing-32-40-64:var(--jkl-spacing-40);--jkl-spacing-40-40-64:var(--jkl-spacing-40);--jkl-spacing-40-64-104:var(--jkl-spacing-64);--jkl-spacing-64-64-104:var(--jkl-spacing-64);--jkl-spacing-64-104-168:var(--jkl-spacing-104);--jkl-spacing-104-104-168:var(--jkl-spacing-104)}}@media (min-width:1200px){:root{--jkl-spacing-16-16-24:var(--jkl-spacing-24);--jkl-spacing-16-24-32:var(--jkl-spacing-32);--jkl-spacing-16-24-40:var(--jkl-spacing-40);--jkl-spacing-24-24-32:var(--jkl-spacing-32);--jkl-spacing-24-24-40:var(--jkl-spacing-40);--jkl-spacing-24-32-40:var(--jkl-spacing-40);--jkl-spacing-32-32-40:var(--jkl-spacing-40);--jkl-spacing-32-40-64:var(--jkl-spacing-64);--jkl-spacing-40-40-64:var(--jkl-spacing-64);--jkl-spacing-40-64-104:var(--jkl-spacing-104);--jkl-spacing-64-64-104:var(--jkl-spacing-104);--jkl-spacing-64-104-168:var(--jkl-spacing-168);--jkl-spacing-104-104-168:var(--jkl-spacing-168)}}}@layer jokul.theme{:root{color-scheme:light dark;--jkl-color-background-page:#f3f0ed;--jkl-color-background-page:light-dark(#f3f0ed,#0e0d0c);--jkl-color-background-container:#fff;--jkl-color-background-container:light-dark(#fff,#262221);--jkl-color-background-container-accent:#e4dfd8;--jkl-color-background-container-accent:light-dark(#e4dfd8,#3c3434);--jkl-color-background-contrast:#262221;--jkl-color-background-contrast:light-dark(#262221,#f3f0ed);--jkl-color-text-default:#0e0d0c;--jkl-color-text-default:light-dark(#0e0d0c,#fff);--jkl-color-text-subdued:#636060;--jkl-color-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-text-accent:#0e0d0c;--jkl-color-text-accent:light-dark(#0e0d0c,#fff);--jkl-color-text-on-contrast:#fff;--jkl-color-text-on-contrast:light-dark(#fff,#0e0d0c);--jkl-color-border-default:#636060;--jkl-color-border-default:light-dark(#636060,#c8c5c3);--jkl-color-border-subdued:#c8c5c3;--jkl-color-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-border-strong:#0e0d0c;--jkl-color-border-strong:light-dark(#0e0d0c,#fff);--jkl-color-warning-background-page:#f3f0ed;--jkl-color-warning-background-page:light-dark(#f3f0ed,#0e0d0c);--jkl-color-warning-background-container:#eed9c3;--jkl-color-warning-background-container:light-dark(#eed9c3,#48351e);--jkl-color-warning-background-container-accent:#e4bc8a;--jkl-color-warning-background-container-accent:light-dark(#e4bc8a,#61492d);--jkl-color-warning-background-contrast:#d3770b;--jkl-color-warning-background-contrast:light-dark(#d3770b,#eaa858);--jkl-color-warning-text-default:#522e04;--jkl-color-warning-text-default:light-dark(#522e04,#fdecd8);--jkl-color-warning-text-subdued:#636060;--jkl-color-warning-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-warning-text-accent:#d3770b;--jkl-color-warning-text-accent:light-dark(#d3770b,#eaa858);--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-text-on-contrast:light-dark(#fff,#0e0d0c);--jkl-color-warning-border-default:#d3770b;--jkl-color-warning-border-default:light-dark(#d3770b,#eaa858);--jkl-color-warning-border-subdued:#e4bc8a;--jkl-color-warning-border-subdued:light-dark(#e4bc8a,#61492d);--jkl-color-warning-border-strong:#522e04;--jkl-color-warning-border-strong:light-dark(#522e04,#fdecd8);--jkl-color-success-background-page:#f3f0ed;--jkl-color-success-background-page:light-dark(#f3f0ed,#0e0d0c);--jkl-color-success-background-container:#d2e9cb;--jkl-color-success-background-container:light-dark(#d2e9cb,#334d34);--jkl-color-success-background-container-accent:#b7cfaf;--jkl-color-success-background-container-accent:light-dark(#b7cfaf,#3f5f41);--jkl-color-success-background-contrast:#24753a;--jkl-color-success-background-contrast:light-dark(#24753a,#81e49c);--jkl-color-success-text-default:#0a430d;--jkl-color-success-text-default:light-dark(#0a430d,#dcf9e0);--jkl-color-success-text-subdued:#636060;--jkl-color-success-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-success-text-accent:#24753a;--jkl-color-success-text-accent:light-dark(#24753a,#81e49c);--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-text-on-contrast:light-dark(#fff,#0e0d0c);--jkl-color-success-border-default:#24753a;--jkl-color-success-border-default:light-dark(#24753a,#81e49c);--jkl-color-success-border-subdued:#b7cfaf;--jkl-color-success-border-subdued:light-dark(#b7cfaf,#3f5f41);--jkl-color-success-border-strong:#0a430d;--jkl-color-success-border-strong:light-dark(#0a430d,#dcf9e0);--jkl-color-info-background-page:#f3f0ed;--jkl-color-info-background-page:light-dark(#f3f0ed,#0e0d0c);--jkl-color-info-background-container:#d3d3f6;--jkl-color-info-background-container:light-dark(#d3d3f6,#35355b);--jkl-color-info-background-container-accent:#b5b5eb;--jkl-color-info-background-container-accent:light-dark(#b5b5eb,#4b4b89);--jkl-color-info-background-contrast:#4646d1;--jkl-color-info-background-contrast:light-dark(#4646d1,#9a9aeb);--jkl-color-info-text-default:#111145;--jkl-color-info-text-default:light-dark(#111145,#d8d8fd);--jkl-color-info-text-subdued:#636060;--jkl-color-info-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-info-text-accent:#4646d1;--jkl-color-info-text-accent:light-dark(#4646d1,#9a9aeb);--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-text-on-contrast:light-dark(#fff,#0e0d0c);--jkl-color-info-border-default:#4646d1;--jkl-color-info-border-default:light-dark(#4646d1,#9a9aeb);--jkl-color-info-border-subdued:#b5b5eb;--jkl-color-info-border-subdued:light-dark(#b5b5eb,#4b4b89);--jkl-color-info-border-strong:#111145;--jkl-color-info-border-strong:light-dark(#111145,#d8d8fd);--jkl-color-error-background-page:#f3f0ed;--jkl-color-error-background-page:light-dark(#f3f0ed,#0e0d0c);--jkl-color-error-background-container:#f0d6d6;--jkl-color-error-background-container:light-dark(#f0d6d6,#4c2a28);--jkl-color-error-background-container-accent:#e4b7b6;--jkl-color-error-background-container-accent:light-dark(#e4b7b6,#6a3c39);--jkl-color-error-background-contrast:#b32424;--jkl-color-error-background-contrast:light-dark(#b32424,#f38c8c);--jkl-color-error-text-default:#4a0d0d;--jkl-color-error-text-default:light-dark(#4a0d0d,#fcd9d9);--jkl-color-error-text-subdued:#636060;--jkl-color-error-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-error-text-accent:#b32424;--jkl-color-error-text-accent:light-dark(#b32424,#f38c8c);--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-text-on-contrast:light-dark(#fff,#0e0d0c);--jkl-color-error-border-default:#b32424;--jkl-color-error-border-default:light-dark(#b32424,#f38c8c);--jkl-color-error-border-subdued:#e4b7b6;--jkl-color-error-border-subdued:light-dark(#e4b7b6,#6a3c39);--jkl-color-error-border-strong:#4a0d0d;--jkl-color-error-border-strong:light-dark(#4a0d0d,#fcd9d9)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}}@layer jokul.theme{:root,[data-size=medium],[data-size]{--jkl-unit-10:8px;--jkl-unit-base:8px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:21px;--jkl-font-size-5:26px;--jkl-font-size-6:32px;--jkl-font-size-7:40px;--jkl-font-size-8:44px;--jkl-font-size-9:46px;--jkl-font-size-10:48px}[data-size=small]{--jkl-unit-10:5px;--jkl-unit-base:5px;--jkl-font-size-1:12px;--jkl-font-size-2:14px;--jkl-font-size-3:16px;--jkl-font-size-4:18px;--jkl-font-size-5:21px;--jkl-font-size-6:26px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:44px;--jkl-font-size-10:46px}[data-size=large]{--jkl-unit-10:11px;--jkl-unit-base:11px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:21px;--jkl-font-size-5:26px;--jkl-font-size-6:32px;--jkl-font-size-7:40px;--jkl-font-size-8:44px;--jkl-font-size-9:46px;--jkl-font-size-10:48px}}@layer jokul.theme{:root,[data-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:380;--jkl-font-weight-bold:530;--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-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-title-small:var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-1:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-2:var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-3:var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-4:var(--jkl-font-weight-bold) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-5:var(--jkl-font-weight-bold) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-paragraph-large:var(--jkl-font-weight-normal) var(--jkl-font-size-4)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-text-large:var(--jkl-font-weight-normal) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-micro:var(--jkl-font-weight-normal) var(--jkl-font-size-1)/var(--jkl-line-height-tight) var(--jkl-font-family-regular)}}@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/countdown/countdown.css CHANGED
@@ -26,10 +26,10 @@
26
26
  }
27
27
  }
28
28
  .jkl-countdown__tracker {
29
- animation: jkl-downcount-u3ymau0 var(--duration) linear forwards;
29
+ animation: jkl-downcount-u5y3ahy var(--duration) linear forwards;
30
30
  animation-play-state: var(--play-state, running);
31
31
  }
32
- @keyframes jkl-downcount-u3ymau0 {
32
+ @keyframes jkl-downcount-u5y3ahy {
33
33
  from {
34
34
  width: 100%;
35
35
  }
package/styles/components/countdown/countdown.min.css CHANGED
@@ -1 +1 @@
1
- @layer jokul.components{.jkl-countdown{--track-color:var(--jkl-color-border-subdued);--bar-color:var(--jkl-color-border-strong);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-u3ymau0 var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-u3ymau0{0%{width:100%}to{width:0}}}
1
+ @layer jokul.components{.jkl-countdown{--track-color:var(--jkl-color-border-subdued);--bar-color:var(--jkl-color-border-strong);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-u5y3ahy var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-u5y3ahy{0%{width:100%}to{width:0}}}
package/styles/components/expander/_index.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward "expandable";
2
+ @forward "accordion";
2
3
 
3
4
  // Expander-komponenten avhenger av de følgende pakkene
4
5
  @use "../icon";
package/styles/components/expander/accordion.css ADDED
@@ -0,0 +1,21 @@
1
+ @layer jokul.components {
2
+ .jkl-accordion {
3
+ background-color: var(--jkl-color-background-container);
4
+ border-radius: var(--jkl-border-radius-s);
5
+ padding-inline-start: unset;
6
+ list-style-type: unset;
7
+ overflow: clip;
8
+ }
9
+ .jkl-accordion .jkl-expandable-panel {
10
+ border-radius: unset;
11
+ border: unset;
12
+ background-color: transparent;
13
+ }
14
+ .jkl-accordion .jkl-expandable-panel__wrapper:not(:last-of-type) {
15
+ border-block-end: 1px solid var(--jkl-color-border-subdued);
16
+ }
17
+ .jkl-accordion[data-outlined=true] {
18
+ border: 1px solid var(--jkl-color-border-subdued);
19
+ background-color: transparent;
20
+ }
21
+ }
package/styles/components/expander/accordion.min.css ADDED
@@ -0,0 +1 @@
1
+ @layer jokul.components{.jkl-accordion{background-color:var(--jkl-color-background-container);border-radius:var(--jkl-border-radius-s);-webkit-padding-start:unset;list-style-type:unset;overflow:clip;padding-inline-start:unset}.jkl-accordion .jkl-expandable-panel{background-color:transparent;border:unset;border-radius:unset}.jkl-accordion .jkl-expandable-panel__wrapper:not(:last-of-type){-webkit-border-after:1px solid var(--jkl-color-border-subdued);border-block-end:1px solid var(--jkl-color-border-subdued)}.jkl-accordion[data-outlined=true]{background-color:transparent;border:1px solid var(--jkl-color-border-subdued)}}
package/styles/components/expander/accordion.scss ADDED
@@ -0,0 +1,24 @@
1
+ @layer jokul.components {
2
+ .jkl-accordion {
3
+ background-color: var(--jkl-color-background-container);
4
+ border-radius: var(--jkl-border-radius-s);
5
+ padding-inline-start: unset;
6
+ list-style-type: unset;
7
+ overflow: clip;
8
+
9
+ .jkl-expandable-panel {
10
+ border-radius: unset;
11
+ border: unset;
12
+ background-color: transparent;
13
+ }
14
+
15
+ .jkl-expandable-panel__wrapper:not(:last-of-type) {
16
+ border-block-end: 1px solid var(--jkl-color-border-subdued);
17
+ }
18
+
19
+ &[data-outlined="true"] {
20
+ border: 1px solid var(--jkl-color-border-subdued);
21
+ background-color: transparent;
22
+ }
23
+ }
24
+ }
package/styles/components/expander/expandable.css CHANGED
@@ -2,77 +2,66 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
  @layer jokul.components {
5
- .jkl-expandable {
5
+ .jkl-expandable-panel {
6
6
  background-color: var(--jkl-color-background-container);
7
7
  border: 1px solid transparent;
8
- border-radius: var(--border-radius);
8
+ border-radius: var(--jkl-border-radius-s);
9
9
  box-sizing: border-box;
10
10
  width: 100%;
11
11
  overflow: hidden;
12
12
  }
13
- .jkl-expandable__content[data-expanded=true] {
13
+ .jkl-expandable-panel__content[data-expanded=true] {
14
14
  height: auto;
15
15
  }
16
- .jkl-expandable__content[data-expanded=false] {
16
+ .jkl-expandable-panel__content[data-expanded=false] {
17
17
  height: 0;
18
18
  }
19
- .jkl-expandable[data-visible-content=true] .jkl-expander {
19
+ .jkl-expandable-panel[data-visible-content=true] .jkl-expander {
20
20
  border-bottom: 1px solid transparent;
21
21
  }
22
- .jkl-expandable__content-wrapper {
22
+ .jkl-expandable-panel__content-wrapper {
23
23
  padding: var(--jkl-unit-20);
24
24
  }
25
- .jkl-expandable--stroke {
25
+ .jkl-expandable-panel--outlined {
26
26
  border-color: var(--jkl-color-border-subdued);
27
27
  background-color: transparent;
28
- border-radius: 0;
29
- border-radius: var(--border-top-left-radius) var(--border-top-right-radius) var(--border-bottom-right-radius) var(--border-bottom-left-radius);
30
28
  }
31
- .jkl-expandable__wrapper {
32
- --border-radius: var(--jkl-border-radius-s);
29
+ .jkl-expandable-panel__wrapper {
33
30
  --outline-offset: 3px;
34
31
  --stroke-outline-offset: 3px;
35
- --border-top-left-radius: var(--border-radius);
36
- --border-top-right-radius: var(--border-radius);
37
- --border-bottom-left-radius: var(--border-radius);
38
- --border-bottom-right-radius: var(--border-radius);
39
32
  position: relative;
40
33
  }
41
- .jkl-expandable__wrapper + .jkl-expandable__wrapper {
34
+ .jkl-expandable-panel__wrapper + .jkl-expandable-panel__wrapper {
42
35
  --border-top-left-radius: 0;
43
36
  --border-top-right-radius: 0;
44
37
  --stroke-outline-offset: -1px;
45
38
  }
46
- .jkl-expandable__wrapper + .jkl-expandable__wrapper .jkl-expandable--stroke {
47
- border-top: none;
48
- }
49
- .jkl-expandable__wrapper:has(+ .jkl-expandable__wrapper) {
39
+ .jkl-expandable-panel__wrapper:has(+ .jkl-expandable-panel__wrapper) {
50
40
  --border-bottom-left-radius: 0;
51
41
  --border-bottom-right-radius: 0;
52
42
  --stroke-outline-offset: -1px;
53
43
  }
54
- .jkl-expandable__wrapper:has(.jkl-expander:focus-visible):has(.jkl-expandable--stroke) {
44
+ .jkl-expandable-panel__wrapper:has(.jkl-expander:focus-visible):has(.jkl-expandable-panel--outlined) {
55
45
  --outline-offset: var(--stroke-outline-offset);
56
46
  }
57
- .jkl-expandable__wrapper:has(.jkl-expander:focus-visible) .jkl-expandable__focus-container {
47
+ .jkl-expandable-panel__wrapper:has(.jkl-expander:focus-visible) .jkl-expandable-panel__focus-container {
58
48
  outline: 3px solid var(--jkl-color-border-strong);
59
49
  outline-offset: 3px;
60
50
  outline-offset: var(--outline-offset);
61
51
  }
62
- .jkl-expandable__wrapper .jkl-expander {
52
+ .jkl-expandable-panel__wrapper .jkl-expander {
63
53
  padding: var(--jkl-unit-20);
64
54
  width: 100%;
65
55
  }
66
- .jkl-expandable__wrapper .jkl-expander__label {
56
+ .jkl-expandable-panel__wrapper .jkl-expander__label {
67
57
  flex-grow: 1;
68
58
  }
69
59
  @media (hover: hover) {
70
- .jkl-expandable__wrapper .jkl-expander:hover {
60
+ .jkl-expandable-panel__wrapper .jkl-expander:hover {
71
61
  background-color: var(--jkl-color-background-container-accent);
72
62
  }
73
63
  }
74
- .jkl-expandable__focus-container {
75
- border-radius: var(--border-radius);
64
+ .jkl-expandable-panel__focus-container {
76
65
  position: absolute;
77
66
  inset: 0;
78
67
  }
package/styles/components/expander/expandable.min.css CHANGED
@@ -1 +1 @@
1
- @layer jokul.components{.jkl-expandable{background-color:var(--jkl-color-background-container);border:1px solid transparent;border-radius:var(--border-radius);box-sizing:border-box;overflow:hidden;width:100%}.jkl-expandable__content[data-expanded=true]{height:auto}.jkl-expandable__content[data-expanded=false]{height:0}.jkl-expandable[data-visible-content=true] .jkl-expander{border-bottom:1px solid transparent}.jkl-expandable__content-wrapper{padding:var(--jkl-unit-20)}.jkl-expandable--stroke{background-color:transparent;border-color:var(--jkl-color-border-subdued);border-radius:0;border-radius:var(--border-top-left-radius) var(--border-top-right-radius) var(--border-bottom-right-radius) var(--border-bottom-left-radius)}.jkl-expandable__wrapper{--border-radius:var(--jkl-border-radius-s);--outline-offset:3px;--stroke-outline-offset:3px;--border-top-left-radius:var(--border-radius);--border-top-right-radius:var(--border-radius);--border-bottom-left-radius:var(--border-radius);--border-bottom-right-radius:var(--border-radius);position:relative}.jkl-expandable__wrapper+.jkl-expandable__wrapper{--border-top-left-radius:0;--border-top-right-radius:0;--stroke-outline-offset:-1px}.jkl-expandable__wrapper+.jkl-expandable__wrapper .jkl-expandable--stroke{border-top:none}.jkl-expandable__wrapper:has(+.jkl-expandable__wrapper){--border-bottom-left-radius:0;--border-bottom-right-radius:0;--stroke-outline-offset:-1px}.jkl-expandable__wrapper:has(.jkl-expander:focus-visible):has(.jkl-expandable--stroke){--outline-offset:var(--stroke-outline-offset)}.jkl-expandable__wrapper:has(.jkl-expander:focus-visible) .jkl-expandable__focus-container{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px;outline-offset:var(--outline-offset)}.jkl-expandable__wrapper .jkl-expander{padding:var(--jkl-unit-20);width:100%}.jkl-expandable__wrapper .jkl-expander__label{flex-grow:1}@media (hover:hover){.jkl-expandable__wrapper .jkl-expander:hover{background-color:var(--jkl-color-background-container-accent)}}.jkl-expandable__focus-container{border-radius:var(--border-radius);inset:0;position:absolute}.jkl-expander{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;box-sizing:border-box;color:var(--jkl-color);cursor:pointer;display:flex;gap:.5rem;list-style:none;text-align:left}.jkl-expander::-webkit-details-marker{display:none}.jkl-expander__chevron{text-align:right;transform:rotate(0turn);transition-property:transform;-webkit-user-select:none;user-select:none}.jkl-expander--open .jkl-expander__label{--jkl-icon-weight:400;font-weight:var(--jkl-font-weight-bold);letter-spacing:-.014em}.jkl-expander--open .jkl-expander__chevron{transform:rotate(-.5turn);transition-duration:var(--jkl-motion-timing-snappy);transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-expander{border-style:none;outline:0;outline-style:none}.jkl-expander:active,.jkl-expander:focus,.jkl-expander:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-expander{border-style:revert;outline:revert;outline-style:revert}.jkl-expander:active,.jkl-expander:focus,.jkl-expander:hover{outline:revert;outline-style:revert}}}
1
+ @layer jokul.components{.jkl-expandable-panel{background-color:var(--jkl-color-background-container);border:1px solid transparent;border-radius:var(--jkl-border-radius-s);box-sizing:border-box;overflow:hidden;width:100%}.jkl-expandable-panel__content[data-expanded=true]{height:auto}.jkl-expandable-panel__content[data-expanded=false]{height:0}.jkl-expandable-panel[data-visible-content=true] .jkl-expander{border-bottom:1px solid transparent}.jkl-expandable-panel__content-wrapper{padding:var(--jkl-unit-20)}.jkl-expandable-panel--outlined{background-color:transparent;border-color:var(--jkl-color-border-subdued)}.jkl-expandable-panel__wrapper{--outline-offset:3px;--stroke-outline-offset:3px;position:relative}.jkl-expandable-panel__wrapper+.jkl-expandable-panel__wrapper{--border-top-left-radius:0;--border-top-right-radius:0;--stroke-outline-offset:-1px}.jkl-expandable-panel__wrapper:has(+.jkl-expandable-panel__wrapper){--border-bottom-left-radius:0;--border-bottom-right-radius:0;--stroke-outline-offset:-1px}.jkl-expandable-panel__wrapper:has(.jkl-expander:focus-visible):has(.jkl-expandable-panel--outlined){--outline-offset:var(--stroke-outline-offset)}.jkl-expandable-panel__wrapper:has(.jkl-expander:focus-visible) .jkl-expandable-panel__focus-container{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px;outline-offset:var(--outline-offset)}.jkl-expandable-panel__wrapper .jkl-expander{padding:var(--jkl-unit-20);width:100%}.jkl-expandable-panel__wrapper .jkl-expander__label{flex-grow:1}@media (hover:hover){.jkl-expandable-panel__wrapper .jkl-expander:hover{background-color:var(--jkl-color-background-container-accent)}}.jkl-expandable-panel__focus-container{inset:0;position:absolute}.jkl-expander{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;box-sizing:border-box;color:var(--jkl-color);cursor:pointer;display:flex;gap:.5rem;list-style:none;text-align:left}.jkl-expander::-webkit-details-marker{display:none}.jkl-expander__chevron{text-align:right;transform:rotate(0turn);transition-property:transform;-webkit-user-select:none;user-select:none}.jkl-expander--open .jkl-expander__label{--jkl-icon-weight:400;font-weight:var(--jkl-font-weight-bold);letter-spacing:-.014em}.jkl-expander--open .jkl-expander__chevron{transform:rotate(-.5turn);transition-duration:var(--jkl-motion-timing-snappy);transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-expander{border-style:none;outline:0;outline-style:none}.jkl-expander:active,.jkl-expander:focus,.jkl-expander:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-expander{border-style:revert;outline:revert;outline-style:revert}.jkl-expander:active,.jkl-expander:focus,.jkl-expander:hover{outline:revert;outline-style:revert}}}
package/styles/components/expander/expandable.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  @use "../../jkl";
2
2
 
3
3
  @layer jokul.components {
4
- .jkl-expandable {
4
+ .jkl-expandable-panel {
5
5
  background-color: var(--jkl-color-background-container);
6
6
  // A transparent border will be visible in forced colors mode and replace
7
7
  // the role of the background-color in separating the component from other content
8
8
  border: 1px solid transparent;
9
- border-radius: var(--border-radius);
9
+ border-radius: var(--jkl-border-radius-s);
10
10
  box-sizing: border-box;
11
11
  width: 100%;
12
12
  overflow: hidden;
@@ -27,22 +27,14 @@
27
27
  padding: var(--jkl-unit-20)
28
28
  }
29
29
 
30
- &--stroke {
30
+ &--outlined {
31
31
  border-color: var(--jkl-color-border-subdued);
32
32
  background-color: transparent;
33
-
34
- border-radius: 0;
35
- border-radius: var(--border-top-left-radius) var(--border-top-right-radius) var(--border-bottom-right-radius) var(--border-bottom-left-radius);
36
33
  }
37
34
 
38
35
  &__wrapper {
39
- --border-radius: var(--jkl-border-radius-s);
40
36
  --outline-offset: 3px;
41
37
  --stroke-outline-offset: 3px;
42
- --border-top-left-radius: var(--border-radius);
43
- --border-top-right-radius: var(--border-radius);
44
- --border-bottom-left-radius: var(--border-radius);
45
- --border-bottom-right-radius: var(--border-radius);
46
38
 
47
39
  position: relative;
48
40
 
@@ -50,11 +42,6 @@
50
42
  --border-top-left-radius: 0;
51
43
  --border-top-right-radius: 0;
52
44
  --stroke-outline-offset: -1px;
53
-
54
- // Matches every expandable that follows directly after another
55
- .jkl-expandable--stroke {
56
- border-top: none;
57
- }
58
45
  }
59
46
 
60
47
  &:has(+ &) {
@@ -64,11 +51,11 @@
64
51
  }
65
52
 
66
53
  &:has(.jkl-expander:focus-visible) {
67
- &:has(.jkl-expandable--stroke) {
54
+ &:has(.jkl-expandable-panel--outlined) {
68
55
  --outline-offset: var(--stroke-outline-offset);
69
56
  }
70
57
 
71
- .jkl-expandable__focus-container {
58
+ .jkl-expandable-panel__focus-container {
72
59
  @include jkl.focus-outline;
73
60
  outline-offset: var(--outline-offset);
74
61
  }
@@ -91,7 +78,6 @@
91
78
  }
92
79
 
93
80
  &__focus-container {
94
- border-radius: var(--border-radius);
95
81
  position: absolute;
96
82
  inset: 0;
97
83
  }
package/styles/components/feedback/feedback.css CHANGED
@@ -20,12 +20,12 @@
20
20
  font: var(--jkl-text-style-paragraph-small);
21
21
  }
22
22
  .jkl-feedback__fade-in {
23
- animation: jkl-show-unchrdc 0.25s ease-out;
23
+ animation: jkl-show-uwoblgb 0.25s ease-out;
24
24
  }
25
25
  .jkl-feedback__buttons {
26
26
  display: flex;
27
27
  }
28
- @keyframes jkl-show-unchrdc {
28
+ @keyframes jkl-show-uwoblgb {
29
29
  from {
30
30
  transform: translate3d(0, 0.5rem, 0);
31
31
  opacity: 0;
package/styles/components/feedback/feedback.min.css CHANGED
@@ -1 +1 @@
1
- @layer jokul.components{.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:var(--jkl-motion-timing-expressive);transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard);width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font:var(--jkl-text-style-paragraph-small);margin-bottom:var(--jkl-unit-20)}.jkl-feedback__fade-in{animation:jkl-show-unchrdc .25s ease-out}.jkl-feedback__buttons{display:flex}@keyframes jkl-show-unchrdc{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:var(--jkl-spacing-12);justify-content:space-between;margin-top:var(--jkl-unit-10);max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:var(--jkl-motion-timing-productive);transition-property:transform,color;transition-timing-function:var(--jkl-motion-easing-standard);width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{fill:ButtonText;stroke:ButtonFace}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:var(--jkl-motion-timing-productive);transition-property:opacity;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem rgba(0,0,0,.1);inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}input:checked+.jkl-feedback-smiley-option:before{opacity:1}input:focus-visible+.jkl-feedback-smiley-option{border-radius:var(--jkl-border-radius-full);outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}}
1
+ @layer jokul.components{.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:var(--jkl-motion-timing-expressive);transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard);width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font:var(--jkl-text-style-paragraph-small);margin-bottom:var(--jkl-unit-20)}.jkl-feedback__fade-in{animation:jkl-show-uwoblgb .25s ease-out}.jkl-feedback__buttons{display:flex}@keyframes jkl-show-uwoblgb{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:var(--jkl-spacing-12);justify-content:space-between;margin-top:var(--jkl-unit-10);max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:var(--jkl-motion-timing-productive);transition-property:transform,color;transition-timing-function:var(--jkl-motion-easing-standard);width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{fill:ButtonText;stroke:ButtonFace}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:var(--jkl-motion-timing-productive);transition-property:opacity;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem rgba(0,0,0,.1);inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}input:checked+.jkl-feedback-smiley-option:before{opacity:1}input:focus-visible+.jkl-feedback-smiley-option{border-radius:var(--jkl-border-radius-full);outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}}
package/styles/components/file-input/file-input.css CHANGED
@@ -336,22 +336,22 @@
336
336
  animation: 2500ms linear infinite;
337
337
  }
338
338
  .jkl-loader__dot--left {
339
- animation-name: jkl-loader-left-spin-uahhs6m;
339
+ animation-name: jkl-loader-left-spin-umho318;
340
340
  margin-right: calc(var(--jkl-loader-spacing) * 0.9);
341
341
  }
342
342
  .jkl-loader__dot--middle {
343
- animation-name: jkl-loader-middle-spin-uahhs7a;
343
+ animation-name: jkl-loader-middle-spin-umho327;
344
344
  margin-right: var(--jkl-loader-spacing);
345
345
  }
346
346
  .jkl-loader__dot--right {
347
- animation-name: jkl-loader-right-spin-uahhs7q;
347
+ animation-name: jkl-loader-right-spin-umho32s;
348
348
  }
349
349
  @media screen and (forced-colors: active) {
350
350
  .jkl-loader__dot {
351
351
  background-color: CanvasText;
352
352
  }
353
353
  }
354
- @keyframes jkl-loader-left-spin-uahhs6m {
354
+ @keyframes jkl-loader-left-spin-umho318 {
355
355
  0% {
356
356
  transform: rotate(0) scale(0);
357
357
  }
@@ -365,7 +365,7 @@
365
365
  transform: rotate(180deg) scale(0);
366
366
  }
367
367
  }
368
- @keyframes jkl-loader-middle-spin-uahhs7a {
368
+ @keyframes jkl-loader-middle-spin-umho327 {
369
369
  0% {
370
370
  transform: rotate(20deg) scale(0);
371
371
  }
@@ -382,7 +382,7 @@
382
382
  transform: rotate(200deg) scale(0);
383
383
  }
384
384
  }
385
- @keyframes jkl-loader-right-spin-uahhs7q {
385
+ @keyframes jkl-loader-right-spin-umho32s {
386
386
  0% {
387
387
  transform: rotate(40deg) scale(0);
388
388
  }
@@ -422,7 +422,7 @@
422
422
  @media screen and (forced-colors: active) {
423
423
  .jkl-skeleton-element {
424
424
  border: 1px solid CanvasText;
425
- animation: 2s ease infinite jkl-blink-uahhs80;
425
+ animation: 2s ease infinite jkl-blink-umho33q;
426
426
  }
427
427
  }
428
428
  .jkl-skeleton-input {
@@ -470,10 +470,10 @@
470
470
  }
471
471
  @media screen and (forced-colors: active) {
472
472
  .jkl-skeleton-table {
473
- animation: 2s ease-in-out infinite jkl-blink-uahhs80;
473
+ animation: 2s ease-in-out infinite jkl-blink-umho33q;
474
474
  }
475
475
  }
476
- @keyframes jkl-blink-uahhs80 {
476
+ @keyframes jkl-blink-umho33q {
477
477
  0% {
478
478
  opacity: 1;
479
479
  }