@fremtind/jokul 1.5.0 → 1.6.0

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 (93) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/combobox/Combobox.cjs +1 -1
  3. package/build/cjs/components/combobox/Combobox.cjs.map +1 -1
  4. package/build/cjs/components/datepicker/DatePicker.cjs +1 -1
  5. package/build/cjs/components/datepicker/DatePicker.cjs.map +1 -1
  6. package/build/cjs/components/help/Help.cjs +1 -1
  7. package/build/cjs/components/help/Help.cjs.map +1 -1
  8. package/build/cjs/components/icon/icons/PenIcon.cjs +1 -1
  9. package/build/cjs/components/icon/icons/PenIcon.cjs.map +1 -1
  10. package/build/cjs/components/image/Image.cjs +1 -1
  11. package/build/cjs/components/image/Image.cjs.map +1 -1
  12. package/build/cjs/components/image/Image.d.cts +1 -2
  13. package/build/cjs/components/input-group/FieldGroup.cjs +1 -1
  14. package/build/cjs/components/input-group/FieldGroup.cjs.map +1 -1
  15. package/build/cjs/components/input-group/InputGroup.cjs +1 -1
  16. package/build/cjs/components/input-group/InputGroup.cjs.map +1 -1
  17. package/build/cjs/components/input-group/InputGroup.d.cts +1 -0
  18. package/build/cjs/components/input-group/types.d.cts +2 -0
  19. package/build/cjs/components/select/NativeSelect.cjs +1 -1
  20. package/build/cjs/components/select/NativeSelect.cjs.map +1 -1
  21. package/build/cjs/components/text-area/TextArea.cjs +1 -1
  22. package/build/cjs/components/text-area/TextArea.cjs.map +1 -1
  23. package/build/cjs/components/text-input/TextInput.cjs +1 -1
  24. package/build/cjs/components/text-input/TextInput.cjs.map +1 -1
  25. package/build/es/components/combobox/Combobox.js +1 -1
  26. package/build/es/components/combobox/Combobox.js.map +1 -1
  27. package/build/es/components/datepicker/DatePicker.js +1 -1
  28. package/build/es/components/datepicker/DatePicker.js.map +1 -1
  29. package/build/es/components/help/Help.js +1 -1
  30. package/build/es/components/help/Help.js.map +1 -1
  31. package/build/es/components/icon/icons/PenIcon.js +1 -1
  32. package/build/es/components/icon/icons/PenIcon.js.map +1 -1
  33. package/build/es/components/image/Image.d.ts +1 -2
  34. package/build/es/components/image/Image.js +1 -1
  35. package/build/es/components/image/Image.js.map +1 -1
  36. package/build/es/components/input-group/FieldGroup.js +1 -1
  37. package/build/es/components/input-group/FieldGroup.js.map +1 -1
  38. package/build/es/components/input-group/InputGroup.d.ts +1 -0
  39. package/build/es/components/input-group/InputGroup.js +1 -1
  40. package/build/es/components/input-group/InputGroup.js.map +1 -1
  41. package/build/es/components/input-group/types.d.ts +2 -0
  42. package/build/es/components/select/NativeSelect.js +1 -1
  43. package/build/es/components/select/NativeSelect.js.map +1 -1
  44. package/build/es/components/text-area/TextArea.js +1 -1
  45. package/build/es/components/text-area/TextArea.js.map +1 -1
  46. package/build/es/components/text-input/TextInput.js +1 -1
  47. package/build/es/components/text-input/TextInput.js.map +1 -1
  48. package/package.json +1 -1
  49. package/styles/components/card/card.css +1 -0
  50. package/styles/components/card/card.min.css +1 -1
  51. package/styles/components/card/card.scss +1 -0
  52. package/styles/components/checkbox/checkbox.css +4 -4
  53. package/styles/components/checkbox/checkbox.min.css +1 -1
  54. package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
  55. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  56. package/styles/components/countdown/countdown.css +2 -2
  57. package/styles/components/countdown/countdown.min.css +1 -1
  58. package/styles/components/feedback/feedback.css +2 -2
  59. package/styles/components/feedback/feedback.min.css +1 -1
  60. package/styles/components/file-input/file-input.css +13 -13
  61. package/styles/components/file-input/file-input.min.css +1 -1
  62. package/styles/components/help/help.css +2 -2
  63. package/styles/components/help/help.min.css +1 -1
  64. package/styles/components/help/help.scss +3 -3
  65. package/styles/components/input-group/_labels.scss +9 -1
  66. package/styles/components/input-group/input-group.css +15 -2
  67. package/styles/components/input-group/input-group.min.css +1 -1
  68. package/styles/components/link/link.css +2 -2
  69. package/styles/components/link/link.min.css +1 -1
  70. package/styles/components/link/link.scss +2 -3
  71. package/styles/components/loader/loader.css +6 -6
  72. package/styles/components/loader/loader.min.css +1 -1
  73. package/styles/components/loader/skeleton-loader.css +5 -5
  74. package/styles/components/loader/skeleton-loader.min.css +1 -1
  75. package/styles/components/message/message.css +2 -2
  76. package/styles/components/message/message.min.css +1 -1
  77. package/styles/components/progress-bar/progress-bar.css +1 -1
  78. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  79. package/styles/components/radio-button/radio-button.css +2 -2
  80. package/styles/components/radio-button/radio-button.min.css +1 -1
  81. package/styles/components/radio-panel/radio-panel.css +2 -2
  82. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  83. package/styles/components/segmented-control/segmented-control.css +17 -4
  84. package/styles/components/segmented-control/segmented-control.min.css +1 -1
  85. package/styles/components/system-message/system-message.css +2 -2
  86. package/styles/components/system-message/system-message.min.css +1 -1
  87. package/styles/components/toast/toast.css +4 -4
  88. package/styles/components/toast/toast.min.css +1 -1
  89. package/styles/core/core.css +8 -1
  90. package/styles/core/core.min.css +1 -1
  91. package/styles/core/global/_base-class.scss +9 -1
  92. package/styles/styles.css +54 -40
  93. package/styles/styles.min.css +2 -2
@@ -1,2 +1,2 @@
1
1
  @layer jokul{@layer resets, theme, global, components, utility}
2
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@layer jokul.resets{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{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}.jkl [hidden]{display:none}}@layer jokul.resets{}@layer jokul.theme{@media screen and (prefers-color-scheme:light){:root{--jkl-color-background-page:oklch(96% 0.004 67);--jkl-color-background-surface-default:oklch(92% 0.008 67);--jkl-color-background-surface-highlight:oklch(100% 0.001 67);--jkl-color-background-surface-on-surface:oklch(96% 0.004 67);--jkl-color-background-surface-moderate:oklch(80% 0.008 67);--jkl-color-background-surface-knockout:oklch(35% 0.007 67);--jkl-color-background-surface-error:oklch(80% 0.09 16);--jkl-color-background-surface-warning:oklch(90% 0.08 94);--jkl-color-background-surface-info:oklch(80% 0.09 285);--jkl-color-background-surface-succes:oklch(80% 0.066 156);--jkl-color-border-subdued:oklch(80% 0.008 67);--jkl-color-border-strong:oklch(50% 0.007 67);--jkl-color-border-strongest:oklch(0% 0.007 64);--jkl-color-border-knockout:oklch(100% 0.001 67);--jkl-color-border-info:oklch(70% 0.145 285);--jkl-color-border-success:oklch(70% 0.089 156);--jkl-color-border-error:oklch(70% 0.13 16);--jkl-color-border-warning:oklch(70% 0.1 94);--jkl-color-text-default:oklch(0% 0.007 64);--jkl-color-text-subdued:oklch(50% 0.007 67);--jkl-color-text-knockout:oklch(100% 0.001 67);--jkl-color-text-info:oklch(25% 0.056 285);--jkl-color-text-info-strong:oklch(50% 0.186 285);--jkl-color-text-success:oklch(25% 0.024 156);--jkl-color-text-success-strong:oklch(50% 0.106 156);--jkl-color-text-error:oklch(25% 0.056 16);--jkl-color-text-error-strong:oklch(50% 0.16 16);--jkl-color-text-warning:oklch(25% 0.03 94);--jkl-color-text-warning-strong:oklch(70% 0.1 94)}}[data-theme=light]{--jkl-color-background-page:oklch(96% 0.004 67);--jkl-color-background-surface-default:oklch(92% 0.008 67);--jkl-color-background-surface-highlight:oklch(100% 0.001 67);--jkl-color-background-surface-on-surface:oklch(96% 0.004 67);--jkl-color-background-surface-moderate:oklch(80% 0.008 67);--jkl-color-background-surface-knockout:oklch(35% 0.007 67);--jkl-color-background-surface-error:oklch(80% 0.09 16);--jkl-color-background-surface-warning:oklch(90% 0.08 94);--jkl-color-background-surface-info:oklch(80% 0.09 285);--jkl-color-background-surface-succes:oklch(80% 0.066 156);--jkl-color-border-subdued:oklch(80% 0.008 67);--jkl-color-border-strong:oklch(50% 0.007 67);--jkl-color-border-strongest:oklch(0% 0.007 64);--jkl-color-border-knockout:oklch(100% 0.001 67);--jkl-color-border-info:oklch(70% 0.145 285);--jkl-color-border-success:oklch(70% 0.089 156);--jkl-color-border-error:oklch(70% 0.13 16);--jkl-color-border-warning:oklch(70% 0.1 94);--jkl-color-text-default:oklch(0% 0.007 64);--jkl-color-text-subdued:oklch(50% 0.007 67);--jkl-color-text-knockout:oklch(100% 0.001 67);--jkl-color-text-info:oklch(25% 0.056 285);--jkl-color-text-info-strong:oklch(50% 0.186 285);--jkl-color-text-success:oklch(25% 0.024 156);--jkl-color-text-success-strong:oklch(50% 0.106 156);--jkl-color-text-error:oklch(25% 0.056 16);--jkl-color-text-error-strong:oklch(50% 0.16 16);--jkl-color-text-warning:oklch(25% 0.03 94);--jkl-color-text-warning-strong:oklch(70% 0.1 94)}@media screen and (prefers-color-scheme:dark){:root{--jkl-color-background-page:oklch(10% 0.007 67);--jkl-color-background-surface-default:oklch(25% 0.007 67);--jkl-color-background-surface-highlight:oklch(35% 0.007 67);--jkl-color-background-surface-on-surface:oklch(10% 0.007 67);--jkl-color-background-surface-moderate:oklch(50% 0.007 67);--jkl-color-background-surface-knockout:oklch(85% 0.008 67);--jkl-color-background-surface-error:oklch(45% 0.146 16);--jkl-color-background-surface-warning:oklch(45% 0.065 94);--jkl-color-background-surface-info:oklch(45% 0.169 285);--jkl-color-background-surface-succes:oklch(45% 0.095 156);--jkl-color-border-subdued:oklch(50% 0.007 67);--jkl-color-border-strong:oklch(80% 0.008 67);--jkl-color-border-strongest:oklch(100% 0.001 67);--jkl-color-border-knockout:oklch(0% 0.007 64);--jkl-color-border-info:oklch(60% 0.17 285);--jkl-color-border-success:oklch(60% 0.1 156);--jkl-color-border-error:oklch(60% 0.149 16);--jkl-color-border-warning:oklch(60% 0.09 94);--jkl-color-text-default:oklch(100% 0.001 67);--jkl-color-text-subdued:oklch(80% 0.008 67);--jkl-color-text-knockout:oklch(0% 0.007 64);--jkl-color-text-info:oklch(90% 0.034 285);--jkl-color-text-info-strong:oklch(70% 0.145 285);--jkl-color-text-success:oklch(90% 0.035 156);--jkl-color-text-success-strong:oklch(70% 0.089 156);--jkl-color-text-error:oklch(90% 0.045 16);--jkl-color-text-error-strong:oklch(70% 0.13 16);--jkl-color-text-warning:oklch(90% 0.08 94);--jkl-color-text-warning-strong:oklch(70% 0.1 94)}}[data-theme=dark]{--jkl-color-background-page:oklch(10% 0.007 67);--jkl-color-background-surface-default:oklch(25% 0.007 67);--jkl-color-background-surface-highlight:oklch(35% 0.007 67);--jkl-color-background-surface-on-surface:oklch(10% 0.007 67);--jkl-color-background-surface-moderate:oklch(50% 0.007 67);--jkl-color-background-surface-knockout:oklch(85% 0.008 67);--jkl-color-background-surface-error:oklch(45% 0.146 16);--jkl-color-background-surface-warning:oklch(45% 0.065 94);--jkl-color-background-surface-info:oklch(45% 0.169 285);--jkl-color-background-surface-succes:oklch(45% 0.095 156);--jkl-color-border-subdued:oklch(50% 0.007 67);--jkl-color-border-strong:oklch(80% 0.008 67);--jkl-color-border-strongest:oklch(100% 0.001 67);--jkl-color-border-knockout:oklch(0% 0.007 64);--jkl-color-border-info:oklch(60% 0.17 285);--jkl-color-border-success:oklch(60% 0.1 156);--jkl-color-border-error:oklch(60% 0.149 16);--jkl-color-border-warning:oklch(60% 0.09 94);--jkl-color-text-default:oklch(100% 0.001 67);--jkl-color-text-subdued:oklch(80% 0.008 67);--jkl-color-text-knockout:oklch(0% 0.007 64);--jkl-color-text-info:oklch(90% 0.034 285);--jkl-color-text-info-strong:oklch(70% 0.145 285);--jkl-color-text-success:oklch(90% 0.035 156);--jkl-color-text-success-strong:oklch(70% 0.089 156);--jkl-color-text-error:oklch(90% 0.045 16);--jkl-color-text-error-strong:oklch(70% 0.13 16);--jkl-color-text-warning:oklch(90% 0.08 94);--jkl-color-text-warning-strong:oklch(70% 0.1 94)}:root{--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-16-24:1rem;--jkl-spacing-24-40:1.5rem;--jkl-spacing-24-32:1.5rem;--jkl-spacing-32-40:2rem;--jkl-spacing-40-64:2.5rem;--jkl-spacing-64-104:4rem;--jkl-spacing-104-168:6.5rem;--jkl-spacing-16-16-24:1rem;--jkl-spacing-16-24-32:1rem;--jkl-spacing-16-24-40:1rem;--jkl-spacing-24-24-32:1.5rem;--jkl-spacing-24-24-40:1.5rem;--jkl-spacing-24-32-40:1.5rem;--jkl-spacing-32-32-40:2rem;--jkl-spacing-32-40-64:2rem;--jkl-spacing-40-40-64:2.5rem;--jkl-spacing-40-64-104:2.5rem;--jkl-spacing-64-64-104:4rem;--jkl-spacing-64-104-168:4rem;--jkl-spacing-104-104-168:6.5rem}}@layer jokul.theme{@media (min-width:680px){:root{--jkl-spacing-16-24:1.5rem;--jkl-spacing-24-40:2.5rem;--jkl-spacing-24-32:2rem;--jkl-spacing-32-40:2.5rem;--jkl-spacing-40-64:4rem;--jkl-spacing-64-104:6.5rem;--jkl-spacing-104-168:10.5rem;--jkl-spacing-16-16-24:1rem;--jkl-spacing-16-24-32:1.5rem;--jkl-spacing-16-24-40:1.5rem;--jkl-spacing-24-24-32:1.5rem;--jkl-spacing-24-24-40:1.5rem;--jkl-spacing-24-32-40:2rem;--jkl-spacing-32-32-40:2rem;--jkl-spacing-32-40-64:2.5rem;--jkl-spacing-40-40-64:2.5rem;--jkl-spacing-40-64-104:4rem;--jkl-spacing-64-64-104:4rem;--jkl-spacing-64-104-168:6.5rem;--jkl-spacing-104-104-168:6.5rem}}@media (min-width:1200px){:root{--jkl-spacing-16-16-24:1.5rem;--jkl-spacing-16-24-32:2rem;--jkl-spacing-16-24-40:2.5rem;--jkl-spacing-24-24-32:2rem;--jkl-spacing-24-24-40:2.5rem;--jkl-spacing-24-32-40:2.5rem;--jkl-spacing-32-32-40:2.5rem;--jkl-spacing-32-40-64:4rem;--jkl-spacing-40-40-64:4rem;--jkl-spacing-40-64-104:6.5rem;--jkl-spacing-64-64-104:6.5rem;--jkl-spacing-64-104-168:10.5rem;--jkl-spacing-104-104-168:10.5rem}}}@layer jokul.theme{@media screen and (prefers-color-scheme:light){:root{--jkl-color-background-page:#f4f2ef;--jkl-color-background-page-variant:#f9f9f9;--jkl-color-background-container:#f9f9f9;--jkl-color-background-container-low:#ece9e5;--jkl-color-background-container-high:#fff;--jkl-color-background-container-inverted:#1b1917;--jkl-color-background-container-subdued:#c8c5c3;--jkl-color-background-input-base:#0000;--jkl-color-background-input-focus:#fff;--jkl-color-background-action:#1b1917;--jkl-color-background-interactive:#0000;--jkl-color-background-interactive-hover:#ece9e5;--jkl-color-background-interactive-selected:#e0dbd4;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#d3d3f6;--jkl-color-background-alert-success:#acd3b5;--jkl-color-background-alert-warning:#efdd9e;--jkl-color-background-alert-error:#f6b3b3;--jkl-color-text-default:#1b1917;--jkl-color-text-subdued:#636060;--jkl-color-text-inverted:#f9f9f9;--jkl-color-text-on-action:#f9f9f9;--jkl-color-text-interactive:#1b1917;--jkl-color-text-interactive-hover:#636060;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#1b1917;--jkl-color-border-input:#636060;--jkl-color-border-input-focus:#1b1917;--jkl-color-border-separator:#c8c5c3;--jkl-color-border-separator-strong:#636060;--jkl-color-border-separator-hover:#1b1917;--jkl-color-border-subdued:#c8c5c3}}[data-theme=light]{--jkl-color-background-page:#f4f2ef;--jkl-color-background-page-variant:#f9f9f9;--jkl-color-background-container:#f9f9f9;--jkl-color-background-container-low:#ece9e5;--jkl-color-background-container-high:#fff;--jkl-color-background-container-inverted:#1b1917;--jkl-color-background-container-subdued:#c8c5c3;--jkl-color-background-input-base:#0000;--jkl-color-background-input-focus:#fff;--jkl-color-background-action:#1b1917;--jkl-color-background-interactive:#0000;--jkl-color-background-interactive-hover:#ece9e5;--jkl-color-background-interactive-selected:#e0dbd4;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#d3d3f6;--jkl-color-background-alert-success:#acd3b5;--jkl-color-background-alert-warning:#efdd9e;--jkl-color-background-alert-error:#f6b3b3;--jkl-color-text-default:#1b1917;--jkl-color-text-subdued:#636060;--jkl-color-text-inverted:#f9f9f9;--jkl-color-text-on-action:#f9f9f9;--jkl-color-text-interactive:#1b1917;--jkl-color-text-interactive-hover:#636060;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#1b1917;--jkl-color-border-input:#636060;--jkl-color-border-input-focus:#1b1917;--jkl-color-border-separator:#c8c5c3;--jkl-color-border-separator-strong:#636060;--jkl-color-border-separator-hover:#1b1917;--jkl-color-border-subdued:#c8c5c3}@media screen and (prefers-color-scheme:dark){:root{--jkl-color-background-page:#1b1917;--jkl-color-background-page-variant:#1b1917;--jkl-color-background-container:#313030;--jkl-color-background-container-low:#000;--jkl-color-background-container-high:#313030;--jkl-color-background-container-inverted:#f9f9f9;--jkl-color-background-container-subdued:#636060;--jkl-color-background-input-base:#0000;--jkl-color-background-input-focus:#313030;--jkl-color-background-action:#f9f9f9;--jkl-color-background-interactive:#0000;--jkl-color-background-interactive-hover:#444141;--jkl-color-background-interactive-selected:#636060;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#a9a9ca;--jkl-color-background-alert-success:#94b79b;--jkl-color-background-alert-warning:#decc8d;--jkl-color-background-alert-error:#de9e9e;--jkl-color-text-default:#f9f9f9;--jkl-color-text-subdued:#c8c5c3;--jkl-color-text-inverted:#1b1917;--jkl-color-text-on-action:#1b1917;--jkl-color-text-interactive:#f9f9f9;--jkl-color-text-interactive-hover:#c8c5c3;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#f9f9f9;--jkl-color-border-input:#c8c5c3;--jkl-color-border-input-focus:#f9f9f9;--jkl-color-border-separator:#636060;--jkl-color-border-separator-strong:#c8c5c3;--jkl-color-border-separator-hover:#f9f9f9;--jkl-color-border-subdued:#636060}}[data-theme=dark]{--jkl-color-background-page:#1b1917;--jkl-color-background-page-variant:#1b1917;--jkl-color-background-container:#313030;--jkl-color-background-container-low:#000;--jkl-color-background-container-high:#313030;--jkl-color-background-container-inverted:#f9f9f9;--jkl-color-background-container-subdued:#636060;--jkl-color-background-input-base:#0000;--jkl-color-background-input-focus:#313030;--jkl-color-background-action:#f9f9f9;--jkl-color-background-interactive:#0000;--jkl-color-background-interactive-hover:#444141;--jkl-color-background-interactive-selected:#636060;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#a9a9ca;--jkl-color-background-alert-success:#94b79b;--jkl-color-background-alert-warning:#decc8d;--jkl-color-background-alert-error:#de9e9e;--jkl-color-text-default:#f9f9f9;--jkl-color-text-subdued:#c8c5c3;--jkl-color-text-inverted:#1b1917;--jkl-color-text-on-action:#1b1917;--jkl-color-text-interactive:#f9f9f9;--jkl-color-text-interactive-hover:#c8c5c3;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#f9f9f9;--jkl-color-border-input:#c8c5c3;--jkl-color-border-input-focus:#f9f9f9;--jkl-color-border-separator:#636060;--jkl-color-border-separator-strong:#c8c5c3;--jkl-color-border-separator-hover:#f9f9f9;--jkl-color-border-subdued:#636060}:root{--jkl-breakpoint-medium:680px;--jkl-breakpoint-large:1200px;--jkl-breakpoint-xl:1600px;--jkl-color-brand-snohvit:#f9f9f9;--jkl-color-brand-varde:#e0dbd4;--jkl-color-brand-granitt:#1b1917;--jkl-color-brand-hvit:#fff;--jkl-color-brand-svart:#000;--jkl-color-brand-skifer:#313030;--jkl-color-brand-fjellgra:#444141;--jkl-color-brand-stein:#636060;--jkl-color-brand-svaberg:#c8c5c3;--jkl-color-brand-dis:#ece9e5;--jkl-color-brand-sand:#f4f2ef;--jkl-color-functional-info:#d3d3f6;--jkl-color-functional-info-dark:#a9a9ca;--jkl-color-functional-success:#acd3b5;--jkl-color-functional-success-dark:#94b79b;--jkl-color-functional-warning:#efdd9e;--jkl-color-functional-warning-dark:#decc8d;--jkl-color-functional-error:#f6b3b3;--jkl-color-functional-error-dark:#de9e9e;--jkl-color-svart:#000;--jkl-color-granitt:#1b1917;--jkl-color-skifer:#313030;--jkl-color-fjellgra:#444141;--jkl-color-stein:#636060;--jkl-color-svaberg:#c8c5c3;--jkl-color-varde:#e0dbd4;--jkl-color-dis:#ece9e5;--jkl-color-sand:#f4f2ef;--jkl-color-snohvit:#f9f9f9;--jkl-color-hvit:#fff;--jkl-color-suksess:#acd3b5;--jkl-color-suksess-dark:#94b79b;--jkl-color-feil:#f6b3b3;--jkl-color-feil-dark:#de9e9e;--jkl-color-info:#d3d3f6;--jkl-color-info-dark:#a9a9ca;--jkl-color-advarsel:#efdd9e;--jkl-color-advarsel-dark:#decc8d;--jkl-motion-timing-energetic:75ms;--jkl-motion-timing-snappy:100ms;--jkl-motion-timing-productive:150ms;--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-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-icon-weight-normal:300;--jkl-icon-weight-bold:400;--jkl-typography-weight-normal:400;--jkl-typography-weight-bold:700;--jkl-typography-font-size-16:1rem;--jkl-typography-font-size-18:1.125rem;--jkl-typography-font-size-20:1.25rem;--jkl-typography-font-size-21:1.3125rem;--jkl-typography-font-size-23:1.4375rem;--jkl-typography-font-size-25:1.5625rem;--jkl-typography-font-size-26:1.625rem;--jkl-typography-font-size-28:1.75rem;--jkl-typography-font-size-30:1.875rem;--jkl-typography-font-size-36:2.25rem;--jkl-typography-font-size-44:2.75rem;--jkl-typography-font-size-56:3.5rem;--jkl-typography-line-height-24:1.5rem;--jkl-typography-line-height-28:1.75rem;--jkl-typography-line-height-32:2rem;--jkl-typography-line-height-36:2.25rem;--jkl-typography-line-height-40:2.5rem;--jkl-typography-line-height-44:2.75rem;--jkl-typography-line-height-52:3.25rem;--jkl-typography-line-height-64:4rem;--jkl-typography-title-small-font-size:2.25rem;--jkl-typography-title-small-line-height:2.75rem;--jkl-typography-title-small-font-weight:400;--jkl-typography-title-base-font-size:3.5rem;--jkl-typography-title-base-line-height:4rem;--jkl-typography-title-base-font-weight:400;--jkl-typography-title-small-small-font-size:1.875rem;--jkl-typography-title-small-small-line-height:2.25rem;--jkl-typography-title-small-small-font-weight:400;--jkl-typography-title-small-base-font-size:2.75rem;--jkl-typography-title-small-base-line-height:3.25rem;--jkl-typography-title-small-base-font-weight:400;--jkl-typography-heading-1-small-font-size:1.625rem;--jkl-typography-heading-1-small-line-height:2rem;--jkl-typography-heading-1-small-font-weight:400;--jkl-typography-heading-1-base-font-size:2.25rem;--jkl-typography-heading-1-base-line-height:2.75rem;--jkl-typography-heading-1-base-font-weight:400;--jkl-typography-heading-2-small-font-size:1.4375rem;--jkl-typography-heading-2-small-line-height:2rem;--jkl-typography-heading-2-small-font-weight:400;--jkl-typography-heading-2-base-font-size:1.75rem;--jkl-typography-heading-2-base-line-height:2.5rem;--jkl-typography-heading-2-base-font-weight:400;--jkl-typography-heading-3-small-font-size:1.3125rem;--jkl-typography-heading-3-small-line-height:1.75rem;--jkl-typography-heading-3-small-font-weight:700;--jkl-typography-heading-3-base-font-size:1.5625rem;--jkl-typography-heading-3-base-line-height:2rem;--jkl-typography-heading-3-base-font-weight:700;--jkl-typography-heading-4-small-font-size:1.125rem;--jkl-typography-heading-4-small-line-height:1.5rem;--jkl-typography-heading-4-small-font-weight:700;--jkl-typography-heading-4-base-font-size:1.3125rem;--jkl-typography-heading-4-base-line-height:1.75rem;--jkl-typography-heading-4-base-font-weight:700;--jkl-typography-heading-5-small-font-size:1rem;--jkl-typography-heading-5-small-line-height:1.5rem;--jkl-typography-heading-5-small-font-weight:700;--jkl-typography-heading-5-base-font-size:1rem;--jkl-typography-heading-5-base-line-height:1.5rem;--jkl-typography-heading-5-base-font-weight:700;--jkl-typography-body-small-font-size:1.125rem;--jkl-typography-body-small-line-height:1.75rem;--jkl-typography-body-small-font-weight:400;--jkl-typography-body-base-font-size:1.25rem;--jkl-typography-body-base-line-height:2rem;--jkl-typography-body-base-font-weight:400;--jkl-typography-small-small-font-size:1rem;--jkl-typography-small-small-line-height:1.5rem;--jkl-typography-small-small-font-weight:400;--jkl-typography-small-base-font-size:1rem;--jkl-typography-small-base-line-height:1.5rem;--jkl-typography-small-base-font-weight:400}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-density:"comfortable"}[data-density=compact],[data-layout-density=compact]{--jkl-density:"compact"}}@layer jokul.theme{}@layer jokul.theme{@media screen and (prefers-color-scheme:light){:root{--jkl-background-color:#f9f9f9;--jkl-color:#1b1917;--jkl-error:#f6b3b3;--jkl-info:#d3d3f6;--jkl-warning:#efdd9e;--jkl-success:#acd3b5}}[data-theme=light]{--jkl-background-color:#f9f9f9;--jkl-color:#1b1917;--jkl-error:#f6b3b3;--jkl-info:#d3d3f6;--jkl-warning:#efdd9e;--jkl-success:#acd3b5}@media screen and (prefers-color-scheme:dark){:root{--jkl-background-color:#1b1917;--jkl-color:#f9f9f9;--jkl-error:#de9e9e;--jkl-info:#a9a9ca;--jkl-warning:#decc8d;--jkl-success:#94b79b}}[data-theme=dark]{--jkl-background-color:#1b1917;--jkl-color:#f9f9f9;--jkl-error:#de9e9e;--jkl-info:#a9a9ca;--jkl-warning:#decc8d;--jkl-success:#94b79b}:root{--jkl-unit-10:0.5rem;--jkl-unit-15:calc(var(--jkl-unit-10)*1.5);--jkl-unit-20:calc(var(--jkl-unit-10)*2);--jkl-unit-25:calc(var(--jkl-unit-10)*2.5);--jkl-unit-30:calc(var(--jkl-unit-10)*3);--jkl-unit-40:calc(var(--jkl-unit-10)*4);--jkl-unit-50:calc(var(--jkl-unit-10)*5);--jkl-unit-60:calc(var(--jkl-unit-10)*6);--jkl-unit-70:calc(var(--jkl-unit-10)*7);--jkl-unit-80:calc(var(--jkl-unit-10)*8);--jkl-unit-90:calc(var(--jkl-unit-10)*9);--jkl-unit-130:calc(var(--jkl-unit-10)*13);--jkl-unit-210:calc(var(--jkl-unit-10)*21);--jkl-unit-02:calc(var(--jkl-unit-10)*0.25);--jkl-unit-05:calc(var(--jkl-unit-10)*0.5);--jkl-spacing-xs:0.5rem;--jkl-spacing-s:calc(var(--jkl-unit-10)*2);--jkl-spacing-m:calc(var(--jkl-unit-10)*3);--jkl-spacing-l:calc(var(--jkl-unit-10)*5);--jkl-spacing-xl:calc(var(--jkl-unit-10)*8);--jkl-spacing-2xl:calc(var(--jkl-unit-10)*13)}:root{--jkl-title-font-size:2.25rem;--jkl-title-line-height:2.75rem;--jkl-title-font-weight:400;--jkl-title---jkl-icon-weight:300;--jkl-title---jkl-icon-size:1.2em;--jkl-title-small-font-size:1.875rem;--jkl-title-small-line-height:2.25rem;--jkl-title-small-font-weight:400;--jkl-title-small---jkl-icon-weight:300;--jkl-title-small---jkl-icon-size:1.2em;--jkl-heading-1-font-size:1.625rem;--jkl-heading-1-line-height:2rem;--jkl-heading-1-font-weight:400;--jkl-heading-1---jkl-icon-weight:300;--jkl-heading-1---jkl-icon-size:1.2em;--jkl-heading-2-font-size:1.4375rem;--jkl-heading-2-line-height:2rem;--jkl-heading-2-font-weight:400;--jkl-heading-2---jkl-icon-weight:300;--jkl-heading-2---jkl-icon-size:1.2em;--jkl-heading-3-font-size:1.3125rem;--jkl-heading-3-line-height:1.75rem;--jkl-heading-3-font-weight:700;--jkl-heading-3---jkl-icon-weight:400;--jkl-heading-3---jkl-icon-size:1.2em;--jkl-heading-4-font-size:1.125rem;--jkl-heading-4-line-height:1.5rem;--jkl-heading-4-font-weight:700;--jkl-heading-4---jkl-icon-weight:400;--jkl-heading-5-font-size:1rem;--jkl-heading-5-line-height:1.5rem;--jkl-heading-5-font-weight:700;--jkl-heading-5---jkl-icon-weight:400;--jkl-heading-5---jkl-icon-size:1.25rem;--jkl-heading-5---jkl-icon-opsz:20;--jkl-body-font-size:1.125rem;--jkl-body-line-height:1.75rem;--jkl-body-font-weight:400;--jkl-body---jkl-icon-weight:300;--jkl-small-font-size:1rem;--jkl-small-line-height:1.5rem;--jkl-small-font-weight:400;--jkl-small---jkl-icon-weight:300;--jkl-small---jkl-icon-size:1.25rem;--jkl-small---jkl-icon-opsz:20}}@layer jokul.theme{}@layer jokul.theme{}@layer jokul.theme{@media (min-width:680px){:root{--jkl-title-font-size:3.5rem;--jkl-title-line-height:4rem;--jkl-title-font-weight:400;--jkl-title---jkl-icon-weight:300;--jkl-title---jkl-icon-size:1.2em;--jkl-title-small-font-size:2.75rem;--jkl-title-small-line-height:3.25rem;--jkl-title-small-font-weight:400;--jkl-title-small---jkl-icon-weight:300;--jkl-title-small---jkl-icon-size:1.2em;--jkl-heading-1-font-size:2.25rem;--jkl-heading-1-line-height:2.75rem;--jkl-heading-1-font-weight:400;--jkl-heading-1---jkl-icon-weight:300;--jkl-heading-1---jkl-icon-size:1.2em;--jkl-heading-2-font-size:1.75rem;--jkl-heading-2-line-height:2.5rem;--jkl-heading-2-font-weight:400;--jkl-heading-2---jkl-icon-weight:300;--jkl-heading-2---jkl-icon-size:1.2em;--jkl-heading-3-font-size:1.5625rem;--jkl-heading-3-line-height:2rem;--jkl-heading-3-font-weight:700;--jkl-heading-3---jkl-icon-weight:400;--jkl-heading-3---jkl-icon-size:1.2em;--jkl-heading-4-font-size:1.3125rem;--jkl-heading-4-line-height:1.75rem;--jkl-heading-4-font-weight:700;--jkl-heading-4---jkl-icon-weight:400;--jkl-heading-5-font-size:1rem;--jkl-heading-5-line-height:1.5rem;--jkl-heading-5-font-weight:700;--jkl-heading-5---jkl-icon-weight:400;--jkl-heading-5---jkl-icon-size:1.25rem;--jkl-heading-5---jkl-icon-opsz:20;--jkl-body-font-size:1.25rem;--jkl-body-line-height:2rem;--jkl-body-font-weight:400;--jkl-body---jkl-icon-weight:300;--jkl-small-font-size:1rem;--jkl-small-line-height:1.5rem;--jkl-small-font-weight:400;--jkl-small---jkl-icon-weight:300;--jkl-small---jkl-icon-size:1.25rem;--jkl-small---jkl-icon-opsz:20}}}@layer jokul.global{.jkl{font-family:Fremtind Grotesk,Adjusted Arial Fallback,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--jkl-background-color);color:var(--jkl-color)}.jkl strong{--jkl-icon-weight:400;font-weight:700}@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:.15s;transition-timing-function:ease}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}}@layer jokul.utility{.jkl-title{font-size:2.25rem;font-weight:400;line-height:2.75rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-title{font-size:3.5rem;font-weight:400;line-height:4rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-title-small{font-size:1.875rem;font-weight:400;line-height:2.25rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-title-small{font-size:2.75rem;font-weight:400;line-height:3.25rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-heading-1{font-size:1.625rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-heading-1{font-size:2.25rem;font-weight:400;line-height:2.75rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-heading-2{font-size:1.4375rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-heading-2{font-size:1.75rem;font-weight:400;line-height:2.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-heading-3{font-size:1.3125rem;font-weight:700;line-height:1.75rem;--jkl-icon-weight:400;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-heading-3{font-size:1.5625rem;font-weight:700;line-height:2rem;--jkl-icon-weight:400;--jkl-icon-size:1.2em}}.jkl-heading-4{font-size:1.125rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:400}@media (min-width:680px){.jkl-heading-4{font-size:1.3125rem;font-weight:700;line-height:1.75rem;--jkl-icon-weight:400}}.jkl-heading-5{font-size:1rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:400;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20}.jkl-body{font-size:1.125rem;font-weight:400;line-height:1.75rem;--jkl-icon-weight:300}}@layer jokul.utility{@media (min-width:680px){.jkl-body{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-bold{font-size:1.125rem;font-weight:400;line-height:1.75rem;--jkl-icon-weight:300;--jkl-icon-weight:400;font-weight:700}@media (min-width:680px){.jkl-bold{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-weight:400;font-weight:700}}.jkl-small{font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20}.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}.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}.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)}}@layer jokul.utility{}@layer jokul.utility{}
2
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@layer jokul.resets{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{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}.jkl [hidden]{display:none}}@layer jokul.resets{}@layer jokul.theme{@media screen and (prefers-color-scheme:light){:root{--jkl-color-background-page:oklch(96% 0.004 67);--jkl-color-background-surface-default:oklch(92% 0.008 67);--jkl-color-background-surface-highlight:oklch(100% 0.001 67);--jkl-color-background-surface-on-surface:oklch(96% 0.004 67);--jkl-color-background-surface-moderate:oklch(80% 0.008 67);--jkl-color-background-surface-knockout:oklch(35% 0.007 67);--jkl-color-background-surface-error:oklch(80% 0.09 16);--jkl-color-background-surface-warning:oklch(90% 0.08 94);--jkl-color-background-surface-info:oklch(80% 0.09 285);--jkl-color-background-surface-succes:oklch(80% 0.066 156);--jkl-color-border-subdued:oklch(80% 0.008 67);--jkl-color-border-strong:oklch(50% 0.007 67);--jkl-color-border-strongest:oklch(0% 0.007 64);--jkl-color-border-knockout:oklch(100% 0.001 67);--jkl-color-border-info:oklch(70% 0.145 285);--jkl-color-border-success:oklch(70% 0.089 156);--jkl-color-border-error:oklch(70% 0.13 16);--jkl-color-border-warning:oklch(70% 0.1 94);--jkl-color-text-default:oklch(0% 0.007 64);--jkl-color-text-subdued:oklch(50% 0.007 67);--jkl-color-text-knockout:oklch(100% 0.001 67);--jkl-color-text-info:oklch(25% 0.056 285);--jkl-color-text-info-strong:oklch(50% 0.186 285);--jkl-color-text-success:oklch(25% 0.024 156);--jkl-color-text-success-strong:oklch(50% 0.106 156);--jkl-color-text-error:oklch(25% 0.056 16);--jkl-color-text-error-strong:oklch(50% 0.16 16);--jkl-color-text-warning:oklch(25% 0.03 94);--jkl-color-text-warning-strong:oklch(70% 0.1 94)}}[data-theme=light]{--jkl-color-background-page:oklch(96% 0.004 67);--jkl-color-background-surface-default:oklch(92% 0.008 67);--jkl-color-background-surface-highlight:oklch(100% 0.001 67);--jkl-color-background-surface-on-surface:oklch(96% 0.004 67);--jkl-color-background-surface-moderate:oklch(80% 0.008 67);--jkl-color-background-surface-knockout:oklch(35% 0.007 67);--jkl-color-background-surface-error:oklch(80% 0.09 16);--jkl-color-background-surface-warning:oklch(90% 0.08 94);--jkl-color-background-surface-info:oklch(80% 0.09 285);--jkl-color-background-surface-succes:oklch(80% 0.066 156);--jkl-color-border-subdued:oklch(80% 0.008 67);--jkl-color-border-strong:oklch(50% 0.007 67);--jkl-color-border-strongest:oklch(0% 0.007 64);--jkl-color-border-knockout:oklch(100% 0.001 67);--jkl-color-border-info:oklch(70% 0.145 285);--jkl-color-border-success:oklch(70% 0.089 156);--jkl-color-border-error:oklch(70% 0.13 16);--jkl-color-border-warning:oklch(70% 0.1 94);--jkl-color-text-default:oklch(0% 0.007 64);--jkl-color-text-subdued:oklch(50% 0.007 67);--jkl-color-text-knockout:oklch(100% 0.001 67);--jkl-color-text-info:oklch(25% 0.056 285);--jkl-color-text-info-strong:oklch(50% 0.186 285);--jkl-color-text-success:oklch(25% 0.024 156);--jkl-color-text-success-strong:oklch(50% 0.106 156);--jkl-color-text-error:oklch(25% 0.056 16);--jkl-color-text-error-strong:oklch(50% 0.16 16);--jkl-color-text-warning:oklch(25% 0.03 94);--jkl-color-text-warning-strong:oklch(70% 0.1 94)}@media screen and (prefers-color-scheme:dark){:root{--jkl-color-background-page:oklch(10% 0.007 67);--jkl-color-background-surface-default:oklch(25% 0.007 67);--jkl-color-background-surface-highlight:oklch(35% 0.007 67);--jkl-color-background-surface-on-surface:oklch(10% 0.007 67);--jkl-color-background-surface-moderate:oklch(50% 0.007 67);--jkl-color-background-surface-knockout:oklch(85% 0.008 67);--jkl-color-background-surface-error:oklch(45% 0.146 16);--jkl-color-background-surface-warning:oklch(45% 0.065 94);--jkl-color-background-surface-info:oklch(45% 0.169 285);--jkl-color-background-surface-succes:oklch(45% 0.095 156);--jkl-color-border-subdued:oklch(50% 0.007 67);--jkl-color-border-strong:oklch(80% 0.008 67);--jkl-color-border-strongest:oklch(100% 0.001 67);--jkl-color-border-knockout:oklch(0% 0.007 64);--jkl-color-border-info:oklch(60% 0.17 285);--jkl-color-border-success:oklch(60% 0.1 156);--jkl-color-border-error:oklch(60% 0.149 16);--jkl-color-border-warning:oklch(60% 0.09 94);--jkl-color-text-default:oklch(100% 0.001 67);--jkl-color-text-subdued:oklch(80% 0.008 67);--jkl-color-text-knockout:oklch(0% 0.007 64);--jkl-color-text-info:oklch(90% 0.034 285);--jkl-color-text-info-strong:oklch(70% 0.145 285);--jkl-color-text-success:oklch(90% 0.035 156);--jkl-color-text-success-strong:oklch(70% 0.089 156);--jkl-color-text-error:oklch(90% 0.045 16);--jkl-color-text-error-strong:oklch(70% 0.13 16);--jkl-color-text-warning:oklch(90% 0.08 94);--jkl-color-text-warning-strong:oklch(70% 0.1 94)}}[data-theme=dark]{--jkl-color-background-page:oklch(10% 0.007 67);--jkl-color-background-surface-default:oklch(25% 0.007 67);--jkl-color-background-surface-highlight:oklch(35% 0.007 67);--jkl-color-background-surface-on-surface:oklch(10% 0.007 67);--jkl-color-background-surface-moderate:oklch(50% 0.007 67);--jkl-color-background-surface-knockout:oklch(85% 0.008 67);--jkl-color-background-surface-error:oklch(45% 0.146 16);--jkl-color-background-surface-warning:oklch(45% 0.065 94);--jkl-color-background-surface-info:oklch(45% 0.169 285);--jkl-color-background-surface-succes:oklch(45% 0.095 156);--jkl-color-border-subdued:oklch(50% 0.007 67);--jkl-color-border-strong:oklch(80% 0.008 67);--jkl-color-border-strongest:oklch(100% 0.001 67);--jkl-color-border-knockout:oklch(0% 0.007 64);--jkl-color-border-info:oklch(60% 0.17 285);--jkl-color-border-success:oklch(60% 0.1 156);--jkl-color-border-error:oklch(60% 0.149 16);--jkl-color-border-warning:oklch(60% 0.09 94);--jkl-color-text-default:oklch(100% 0.001 67);--jkl-color-text-subdued:oklch(80% 0.008 67);--jkl-color-text-knockout:oklch(0% 0.007 64);--jkl-color-text-info:oklch(90% 0.034 285);--jkl-color-text-info-strong:oklch(70% 0.145 285);--jkl-color-text-success:oklch(90% 0.035 156);--jkl-color-text-success-strong:oklch(70% 0.089 156);--jkl-color-text-error:oklch(90% 0.045 16);--jkl-color-text-error-strong:oklch(70% 0.13 16);--jkl-color-text-warning:oklch(90% 0.08 94);--jkl-color-text-warning-strong:oklch(70% 0.1 94)}:root{--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-16-24:1rem;--jkl-spacing-24-40:1.5rem;--jkl-spacing-24-32:1.5rem;--jkl-spacing-32-40:2rem;--jkl-spacing-40-64:2.5rem;--jkl-spacing-64-104:4rem;--jkl-spacing-104-168:6.5rem;--jkl-spacing-16-16-24:1rem;--jkl-spacing-16-24-32:1rem;--jkl-spacing-16-24-40:1rem;--jkl-spacing-24-24-32:1.5rem;--jkl-spacing-24-24-40:1.5rem;--jkl-spacing-24-32-40:1.5rem;--jkl-spacing-32-32-40:2rem;--jkl-spacing-32-40-64:2rem;--jkl-spacing-40-40-64:2.5rem;--jkl-spacing-40-64-104:2.5rem;--jkl-spacing-64-64-104:4rem;--jkl-spacing-64-104-168:4rem;--jkl-spacing-104-104-168:6.5rem}}@layer jokul.theme{@media (min-width:680px){:root{--jkl-spacing-16-24:1.5rem;--jkl-spacing-24-40:2.5rem;--jkl-spacing-24-32:2rem;--jkl-spacing-32-40:2.5rem;--jkl-spacing-40-64:4rem;--jkl-spacing-64-104:6.5rem;--jkl-spacing-104-168:10.5rem;--jkl-spacing-16-16-24:1rem;--jkl-spacing-16-24-32:1.5rem;--jkl-spacing-16-24-40:1.5rem;--jkl-spacing-24-24-32:1.5rem;--jkl-spacing-24-24-40:1.5rem;--jkl-spacing-24-32-40:2rem;--jkl-spacing-32-32-40:2rem;--jkl-spacing-32-40-64:2.5rem;--jkl-spacing-40-40-64:2.5rem;--jkl-spacing-40-64-104:4rem;--jkl-spacing-64-64-104:4rem;--jkl-spacing-64-104-168:6.5rem;--jkl-spacing-104-104-168:6.5rem}}@media (min-width:1200px){:root{--jkl-spacing-16-16-24:1.5rem;--jkl-spacing-16-24-32:2rem;--jkl-spacing-16-24-40:2.5rem;--jkl-spacing-24-24-32:2rem;--jkl-spacing-24-24-40:2.5rem;--jkl-spacing-24-32-40:2.5rem;--jkl-spacing-32-32-40:2.5rem;--jkl-spacing-32-40-64:4rem;--jkl-spacing-40-40-64:4rem;--jkl-spacing-40-64-104:6.5rem;--jkl-spacing-64-64-104:6.5rem;--jkl-spacing-64-104-168:10.5rem;--jkl-spacing-104-104-168:10.5rem}}}@layer jokul.theme{@media screen and (prefers-color-scheme:light){:root{--jkl-color-background-page:#f4f2ef;--jkl-color-background-page-variant:#f9f9f9;--jkl-color-background-container:#f9f9f9;--jkl-color-background-container-low:#ece9e5;--jkl-color-background-container-high:#fff;--jkl-color-background-container-inverted:#1b1917;--jkl-color-background-container-subdued:#c8c5c3;--jkl-color-background-input-base:#0000;--jkl-color-background-input-focus:#fff;--jkl-color-background-action:#1b1917;--jkl-color-background-interactive:#0000;--jkl-color-background-interactive-hover:#ece9e5;--jkl-color-background-interactive-selected:#e0dbd4;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#d3d3f6;--jkl-color-background-alert-success:#acd3b5;--jkl-color-background-alert-warning:#efdd9e;--jkl-color-background-alert-error:#f6b3b3;--jkl-color-text-default:#1b1917;--jkl-color-text-subdued:#636060;--jkl-color-text-inverted:#f9f9f9;--jkl-color-text-on-action:#f9f9f9;--jkl-color-text-interactive:#1b1917;--jkl-color-text-interactive-hover:#636060;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#1b1917;--jkl-color-border-input:#636060;--jkl-color-border-input-focus:#1b1917;--jkl-color-border-separator:#c8c5c3;--jkl-color-border-separator-strong:#636060;--jkl-color-border-separator-hover:#1b1917;--jkl-color-border-subdued:#c8c5c3}}[data-theme=light]{--jkl-color-background-page:#f4f2ef;--jkl-color-background-page-variant:#f9f9f9;--jkl-color-background-container:#f9f9f9;--jkl-color-background-container-low:#ece9e5;--jkl-color-background-container-high:#fff;--jkl-color-background-container-inverted:#1b1917;--jkl-color-background-container-subdued:#c8c5c3;--jkl-color-background-input-base:#0000;--jkl-color-background-input-focus:#fff;--jkl-color-background-action:#1b1917;--jkl-color-background-interactive:#0000;--jkl-color-background-interactive-hover:#ece9e5;--jkl-color-background-interactive-selected:#e0dbd4;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#d3d3f6;--jkl-color-background-alert-success:#acd3b5;--jkl-color-background-alert-warning:#efdd9e;--jkl-color-background-alert-error:#f6b3b3;--jkl-color-text-default:#1b1917;--jkl-color-text-subdued:#636060;--jkl-color-text-inverted:#f9f9f9;--jkl-color-text-on-action:#f9f9f9;--jkl-color-text-interactive:#1b1917;--jkl-color-text-interactive-hover:#636060;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#1b1917;--jkl-color-border-input:#636060;--jkl-color-border-input-focus:#1b1917;--jkl-color-border-separator:#c8c5c3;--jkl-color-border-separator-strong:#636060;--jkl-color-border-separator-hover:#1b1917;--jkl-color-border-subdued:#c8c5c3}@media screen and (prefers-color-scheme:dark){:root{--jkl-color-background-page:#1b1917;--jkl-color-background-page-variant:#1b1917;--jkl-color-background-container:#313030;--jkl-color-background-container-low:#000;--jkl-color-background-container-high:#313030;--jkl-color-background-container-inverted:#f9f9f9;--jkl-color-background-container-subdued:#636060;--jkl-color-background-input-base:#0000;--jkl-color-background-input-focus:#313030;--jkl-color-background-action:#f9f9f9;--jkl-color-background-interactive:#0000;--jkl-color-background-interactive-hover:#444141;--jkl-color-background-interactive-selected:#636060;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#a9a9ca;--jkl-color-background-alert-success:#94b79b;--jkl-color-background-alert-warning:#decc8d;--jkl-color-background-alert-error:#de9e9e;--jkl-color-text-default:#f9f9f9;--jkl-color-text-subdued:#c8c5c3;--jkl-color-text-inverted:#1b1917;--jkl-color-text-on-action:#1b1917;--jkl-color-text-interactive:#f9f9f9;--jkl-color-text-interactive-hover:#c8c5c3;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#f9f9f9;--jkl-color-border-input:#c8c5c3;--jkl-color-border-input-focus:#f9f9f9;--jkl-color-border-separator:#636060;--jkl-color-border-separator-strong:#c8c5c3;--jkl-color-border-separator-hover:#f9f9f9;--jkl-color-border-subdued:#636060}}[data-theme=dark]{--jkl-color-background-page:#1b1917;--jkl-color-background-page-variant:#1b1917;--jkl-color-background-container:#313030;--jkl-color-background-container-low:#000;--jkl-color-background-container-high:#313030;--jkl-color-background-container-inverted:#f9f9f9;--jkl-color-background-container-subdued:#636060;--jkl-color-background-input-base:#0000;--jkl-color-background-input-focus:#313030;--jkl-color-background-action:#f9f9f9;--jkl-color-background-interactive:#0000;--jkl-color-background-interactive-hover:#444141;--jkl-color-background-interactive-selected:#636060;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#a9a9ca;--jkl-color-background-alert-success:#94b79b;--jkl-color-background-alert-warning:#decc8d;--jkl-color-background-alert-error:#de9e9e;--jkl-color-text-default:#f9f9f9;--jkl-color-text-subdued:#c8c5c3;--jkl-color-text-inverted:#1b1917;--jkl-color-text-on-action:#1b1917;--jkl-color-text-interactive:#f9f9f9;--jkl-color-text-interactive-hover:#c8c5c3;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#f9f9f9;--jkl-color-border-input:#c8c5c3;--jkl-color-border-input-focus:#f9f9f9;--jkl-color-border-separator:#636060;--jkl-color-border-separator-strong:#c8c5c3;--jkl-color-border-separator-hover:#f9f9f9;--jkl-color-border-subdued:#636060}:root{--jkl-breakpoint-medium:680px;--jkl-breakpoint-large:1200px;--jkl-breakpoint-xl:1600px;--jkl-color-brand-snohvit:#f9f9f9;--jkl-color-brand-varde:#e0dbd4;--jkl-color-brand-granitt:#1b1917;--jkl-color-brand-hvit:#fff;--jkl-color-brand-svart:#000;--jkl-color-brand-skifer:#313030;--jkl-color-brand-fjellgra:#444141;--jkl-color-brand-stein:#636060;--jkl-color-brand-svaberg:#c8c5c3;--jkl-color-brand-dis:#ece9e5;--jkl-color-brand-sand:#f4f2ef;--jkl-color-functional-info:#d3d3f6;--jkl-color-functional-info-dark:#a9a9ca;--jkl-color-functional-success:#acd3b5;--jkl-color-functional-success-dark:#94b79b;--jkl-color-functional-warning:#efdd9e;--jkl-color-functional-warning-dark:#decc8d;--jkl-color-functional-error:#f6b3b3;--jkl-color-functional-error-dark:#de9e9e;--jkl-color-svart:#000;--jkl-color-granitt:#1b1917;--jkl-color-skifer:#313030;--jkl-color-fjellgra:#444141;--jkl-color-stein:#636060;--jkl-color-svaberg:#c8c5c3;--jkl-color-varde:#e0dbd4;--jkl-color-dis:#ece9e5;--jkl-color-sand:#f4f2ef;--jkl-color-snohvit:#f9f9f9;--jkl-color-hvit:#fff;--jkl-color-suksess:#acd3b5;--jkl-color-suksess-dark:#94b79b;--jkl-color-feil:#f6b3b3;--jkl-color-feil-dark:#de9e9e;--jkl-color-info:#d3d3f6;--jkl-color-info-dark:#a9a9ca;--jkl-color-advarsel:#efdd9e;--jkl-color-advarsel-dark:#decc8d;--jkl-motion-timing-energetic:75ms;--jkl-motion-timing-snappy:100ms;--jkl-motion-timing-productive:150ms;--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-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-icon-weight-normal:300;--jkl-icon-weight-bold:400;--jkl-typography-weight-normal:400;--jkl-typography-weight-bold:700;--jkl-typography-font-size-16:1rem;--jkl-typography-font-size-18:1.125rem;--jkl-typography-font-size-20:1.25rem;--jkl-typography-font-size-21:1.3125rem;--jkl-typography-font-size-23:1.4375rem;--jkl-typography-font-size-25:1.5625rem;--jkl-typography-font-size-26:1.625rem;--jkl-typography-font-size-28:1.75rem;--jkl-typography-font-size-30:1.875rem;--jkl-typography-font-size-36:2.25rem;--jkl-typography-font-size-44:2.75rem;--jkl-typography-font-size-56:3.5rem;--jkl-typography-line-height-24:1.5rem;--jkl-typography-line-height-28:1.75rem;--jkl-typography-line-height-32:2rem;--jkl-typography-line-height-36:2.25rem;--jkl-typography-line-height-40:2.5rem;--jkl-typography-line-height-44:2.75rem;--jkl-typography-line-height-52:3.25rem;--jkl-typography-line-height-64:4rem;--jkl-typography-title-small-font-size:2.25rem;--jkl-typography-title-small-line-height:2.75rem;--jkl-typography-title-small-font-weight:400;--jkl-typography-title-base-font-size:3.5rem;--jkl-typography-title-base-line-height:4rem;--jkl-typography-title-base-font-weight:400;--jkl-typography-title-small-small-font-size:1.875rem;--jkl-typography-title-small-small-line-height:2.25rem;--jkl-typography-title-small-small-font-weight:400;--jkl-typography-title-small-base-font-size:2.75rem;--jkl-typography-title-small-base-line-height:3.25rem;--jkl-typography-title-small-base-font-weight:400;--jkl-typography-heading-1-small-font-size:1.625rem;--jkl-typography-heading-1-small-line-height:2rem;--jkl-typography-heading-1-small-font-weight:400;--jkl-typography-heading-1-base-font-size:2.25rem;--jkl-typography-heading-1-base-line-height:2.75rem;--jkl-typography-heading-1-base-font-weight:400;--jkl-typography-heading-2-small-font-size:1.4375rem;--jkl-typography-heading-2-small-line-height:2rem;--jkl-typography-heading-2-small-font-weight:400;--jkl-typography-heading-2-base-font-size:1.75rem;--jkl-typography-heading-2-base-line-height:2.5rem;--jkl-typography-heading-2-base-font-weight:400;--jkl-typography-heading-3-small-font-size:1.3125rem;--jkl-typography-heading-3-small-line-height:1.75rem;--jkl-typography-heading-3-small-font-weight:700;--jkl-typography-heading-3-base-font-size:1.5625rem;--jkl-typography-heading-3-base-line-height:2rem;--jkl-typography-heading-3-base-font-weight:700;--jkl-typography-heading-4-small-font-size:1.125rem;--jkl-typography-heading-4-small-line-height:1.5rem;--jkl-typography-heading-4-small-font-weight:700;--jkl-typography-heading-4-base-font-size:1.3125rem;--jkl-typography-heading-4-base-line-height:1.75rem;--jkl-typography-heading-4-base-font-weight:700;--jkl-typography-heading-5-small-font-size:1rem;--jkl-typography-heading-5-small-line-height:1.5rem;--jkl-typography-heading-5-small-font-weight:700;--jkl-typography-heading-5-base-font-size:1rem;--jkl-typography-heading-5-base-line-height:1.5rem;--jkl-typography-heading-5-base-font-weight:700;--jkl-typography-body-small-font-size:1.125rem;--jkl-typography-body-small-line-height:1.75rem;--jkl-typography-body-small-font-weight:400;--jkl-typography-body-base-font-size:1.25rem;--jkl-typography-body-base-line-height:2rem;--jkl-typography-body-base-font-weight:400;--jkl-typography-small-small-font-size:1rem;--jkl-typography-small-small-line-height:1.5rem;--jkl-typography-small-small-font-weight:400;--jkl-typography-small-base-font-size:1rem;--jkl-typography-small-base-line-height:1.5rem;--jkl-typography-small-base-font-weight:400}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-density:"comfortable"}[data-density=compact],[data-layout-density=compact]{--jkl-density:"compact"}}@layer jokul.theme{}@layer jokul.theme{@media screen and (prefers-color-scheme:light){:root{--jkl-background-color:#f9f9f9;--jkl-color:#1b1917;--jkl-error:#f6b3b3;--jkl-info:#d3d3f6;--jkl-warning:#efdd9e;--jkl-success:#acd3b5}}[data-theme=light]{--jkl-background-color:#f9f9f9;--jkl-color:#1b1917;--jkl-error:#f6b3b3;--jkl-info:#d3d3f6;--jkl-warning:#efdd9e;--jkl-success:#acd3b5}@media screen and (prefers-color-scheme:dark){:root{--jkl-background-color:#1b1917;--jkl-color:#f9f9f9;--jkl-error:#de9e9e;--jkl-info:#a9a9ca;--jkl-warning:#decc8d;--jkl-success:#94b79b}}[data-theme=dark]{--jkl-background-color:#1b1917;--jkl-color:#f9f9f9;--jkl-error:#de9e9e;--jkl-info:#a9a9ca;--jkl-warning:#decc8d;--jkl-success:#94b79b}:root{--jkl-unit-10:0.5rem;--jkl-unit-15:calc(var(--jkl-unit-10)*1.5);--jkl-unit-20:calc(var(--jkl-unit-10)*2);--jkl-unit-25:calc(var(--jkl-unit-10)*2.5);--jkl-unit-30:calc(var(--jkl-unit-10)*3);--jkl-unit-40:calc(var(--jkl-unit-10)*4);--jkl-unit-50:calc(var(--jkl-unit-10)*5);--jkl-unit-60:calc(var(--jkl-unit-10)*6);--jkl-unit-70:calc(var(--jkl-unit-10)*7);--jkl-unit-80:calc(var(--jkl-unit-10)*8);--jkl-unit-90:calc(var(--jkl-unit-10)*9);--jkl-unit-130:calc(var(--jkl-unit-10)*13);--jkl-unit-210:calc(var(--jkl-unit-10)*21);--jkl-unit-02:calc(var(--jkl-unit-10)*0.25);--jkl-unit-05:calc(var(--jkl-unit-10)*0.5);--jkl-spacing-xs:0.5rem;--jkl-spacing-s:calc(var(--jkl-unit-10)*2);--jkl-spacing-m:calc(var(--jkl-unit-10)*3);--jkl-spacing-l:calc(var(--jkl-unit-10)*5);--jkl-spacing-xl:calc(var(--jkl-unit-10)*8);--jkl-spacing-2xl:calc(var(--jkl-unit-10)*13)}:root{--jkl-title-font-size:2.25rem;--jkl-title-line-height:2.75rem;--jkl-title-font-weight:400;--jkl-title---jkl-icon-weight:300;--jkl-title---jkl-icon-size:1.2em;--jkl-title-small-font-size:1.875rem;--jkl-title-small-line-height:2.25rem;--jkl-title-small-font-weight:400;--jkl-title-small---jkl-icon-weight:300;--jkl-title-small---jkl-icon-size:1.2em;--jkl-heading-1-font-size:1.625rem;--jkl-heading-1-line-height:2rem;--jkl-heading-1-font-weight:400;--jkl-heading-1---jkl-icon-weight:300;--jkl-heading-1---jkl-icon-size:1.2em;--jkl-heading-2-font-size:1.4375rem;--jkl-heading-2-line-height:2rem;--jkl-heading-2-font-weight:400;--jkl-heading-2---jkl-icon-weight:300;--jkl-heading-2---jkl-icon-size:1.2em;--jkl-heading-3-font-size:1.3125rem;--jkl-heading-3-line-height:1.75rem;--jkl-heading-3-font-weight:700;--jkl-heading-3---jkl-icon-weight:400;--jkl-heading-3---jkl-icon-size:1.2em;--jkl-heading-4-font-size:1.125rem;--jkl-heading-4-line-height:1.5rem;--jkl-heading-4-font-weight:700;--jkl-heading-4---jkl-icon-weight:400;--jkl-heading-5-font-size:1rem;--jkl-heading-5-line-height:1.5rem;--jkl-heading-5-font-weight:700;--jkl-heading-5---jkl-icon-weight:400;--jkl-heading-5---jkl-icon-size:1.25rem;--jkl-heading-5---jkl-icon-opsz:20;--jkl-body-font-size:1.125rem;--jkl-body-line-height:1.75rem;--jkl-body-font-weight:400;--jkl-body---jkl-icon-weight:300;--jkl-small-font-size:1rem;--jkl-small-line-height:1.5rem;--jkl-small-font-weight:400;--jkl-small---jkl-icon-weight:300;--jkl-small---jkl-icon-size:1.25rem;--jkl-small---jkl-icon-opsz:20}}@layer jokul.theme{}@layer jokul.theme{}@layer jokul.theme{@media (min-width:680px){:root{--jkl-title-font-size:3.5rem;--jkl-title-line-height:4rem;--jkl-title-font-weight:400;--jkl-title---jkl-icon-weight:300;--jkl-title---jkl-icon-size:1.2em;--jkl-title-small-font-size:2.75rem;--jkl-title-small-line-height:3.25rem;--jkl-title-small-font-weight:400;--jkl-title-small---jkl-icon-weight:300;--jkl-title-small---jkl-icon-size:1.2em;--jkl-heading-1-font-size:2.25rem;--jkl-heading-1-line-height:2.75rem;--jkl-heading-1-font-weight:400;--jkl-heading-1---jkl-icon-weight:300;--jkl-heading-1---jkl-icon-size:1.2em;--jkl-heading-2-font-size:1.75rem;--jkl-heading-2-line-height:2.5rem;--jkl-heading-2-font-weight:400;--jkl-heading-2---jkl-icon-weight:300;--jkl-heading-2---jkl-icon-size:1.2em;--jkl-heading-3-font-size:1.5625rem;--jkl-heading-3-line-height:2rem;--jkl-heading-3-font-weight:700;--jkl-heading-3---jkl-icon-weight:400;--jkl-heading-3---jkl-icon-size:1.2em;--jkl-heading-4-font-size:1.3125rem;--jkl-heading-4-line-height:1.75rem;--jkl-heading-4-font-weight:700;--jkl-heading-4---jkl-icon-weight:400;--jkl-heading-5-font-size:1rem;--jkl-heading-5-line-height:1.5rem;--jkl-heading-5-font-weight:700;--jkl-heading-5---jkl-icon-weight:400;--jkl-heading-5---jkl-icon-size:1.25rem;--jkl-heading-5---jkl-icon-opsz:20;--jkl-body-font-size:1.25rem;--jkl-body-line-height:2rem;--jkl-body-font-weight:400;--jkl-body---jkl-icon-weight:300;--jkl-small-font-size:1rem;--jkl-small-line-height:1.5rem;--jkl-small-font-weight:400;--jkl-small---jkl-icon-weight:300;--jkl-small---jkl-icon-size:1.25rem;--jkl-small---jkl-icon-opsz:20}}}@layer jokul.global{.jkl{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--jkl-background-color);color:var(--jkl-color)}@supports (font:-apple-system-body){.jkl{font:-apple-system-body}}.jkl{font-family:Fremtind Grotesk,Adjusted Arial Fallback,Arial,sans-serif}.jkl strong{--jkl-icon-weight:400;font-weight:700}@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:.15s;transition-timing-function:ease}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}}@layer jokul.utility{.jkl-title{font-size:2.25rem;font-weight:400;line-height:2.75rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-title{font-size:3.5rem;font-weight:400;line-height:4rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-title-small{font-size:1.875rem;font-weight:400;line-height:2.25rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-title-small{font-size:2.75rem;font-weight:400;line-height:3.25rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-heading-1{font-size:1.625rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-heading-1{font-size:2.25rem;font-weight:400;line-height:2.75rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-heading-2{font-size:1.4375rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-heading-2{font-size:1.75rem;font-weight:400;line-height:2.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-heading-3{font-size:1.3125rem;font-weight:700;line-height:1.75rem;--jkl-icon-weight:400;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-heading-3{font-size:1.5625rem;font-weight:700;line-height:2rem;--jkl-icon-weight:400;--jkl-icon-size:1.2em}}.jkl-heading-4{font-size:1.125rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:400}@media (min-width:680px){.jkl-heading-4{font-size:1.3125rem;font-weight:700;line-height:1.75rem;--jkl-icon-weight:400}}.jkl-heading-5{font-size:1rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:400;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20}.jkl-body{font-size:1.125rem;font-weight:400;line-height:1.75rem;--jkl-icon-weight:300}}@layer jokul.utility{@media (min-width:680px){.jkl-body{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-bold{font-size:1.125rem;font-weight:400;line-height:1.75rem;--jkl-icon-weight:300;--jkl-icon-weight:400;font-weight:700}@media (min-width:680px){.jkl-bold{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-weight:400;font-weight:700}}.jkl-small{font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20}.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}.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}.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)}}@layer jokul.utility{}@layer jokul.utility{}
@@ -2,13 +2,20 @@
2
2
 
3
3
  @layer jokul.global {
4
4
  .jkl {
5
- @include jkl.use-font-family("Fremtind Grotesk");
6
5
  -webkit-font-smoothing: antialiased;
7
6
  -moz-osx-font-smoothing: grayscale;
8
7
 
9
8
  background-color: var(--jkl-background-color);
10
9
  color: var(--jkl-color);
11
10
 
11
+ @supports (font: -apple-system-body) {
12
+ font: -apple-system-body;
13
+ }
14
+
15
+ & {
16
+ @include jkl.use-font-family("Fremtind Grotesk");
17
+ }
18
+
12
19
  strong {
13
20
  --jkl-icon-weight: #{jkl.$icon-weight-bold};
14
21
  font-weight: jkl.$typography-weight-bold;
@@ -16,6 +23,7 @@
16
23
  }
17
24
 
18
25
  @include jkl.prefers-reduced-motion {
26
+
19
27
  *,
20
28
  *::after,
21
29
  *::before {
package/styles/styles.css CHANGED
@@ -597,7 +597,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-input-wra
597
597
  --color: var(--jkl-color-text-default);
598
598
  }
599
599
  .jkl-form-support-label--error .jkl-form-support-label__icon, .jkl-form-support-label--warning .jkl-form-support-label__icon, .jkl-form-support-label--success .jkl-form-support-label__icon {
600
- animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-u0wcewa forwards;
600
+ animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-udvg9mn forwards;
601
601
  }
602
602
  .jkl-form-support-label--sr-only {
603
603
  border: 0 !important;
@@ -672,7 +672,20 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-input-wra
672
672
  white-space: nowrap !important; /* 3 */
673
673
  }
674
674
 
675
- @keyframes jkl-support-icon-entrance-u0wcewa {
675
+ .jkl-input-group-description {
676
+ font-size: 1rem;
677
+ line-height: 1.5rem;
678
+ font-weight: 400;
679
+ --jkl-icon-weight: 300;
680
+ --jkl-icon-size: 1.25rem;
681
+ --jkl-icon-opsz: 20;
682
+ color: var(--jkl-color-text-subdued);
683
+ margin: var(--jkl-label-medium-margin);
684
+ max-inline-size: 35ch;
685
+ text-wrap: pretty;
686
+ }
687
+
688
+ @keyframes jkl-support-icon-entrance-udvg9mn {
676
689
  0% {
677
690
  margin-right: 0;
678
691
  opacity: 0;
@@ -845,7 +858,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
845
858
 
846
859
  .jkl-link {
847
860
  --link-color: var(--jkl-color-text-default);
848
- color: var(--link-color);
861
+ color: inherit;
849
862
  outline: none;
850
863
  text-decoration: none;
851
864
  transition-timing-function: ease;
@@ -856,7 +869,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
856
869
  text-decoration: underline;
857
870
  text-underline-offset: 0.08lh;
858
871
  text-decoration-thickness: 0.05em;
859
- text-decoration-color: rgba(from currentcolor r g b/0.7);
872
+ text-decoration-color: rgb(from currentColor r g b/70%);
860
873
  }
861
874
  .jkl-link__icon {
862
875
  margin-inline-start: 0.2em;
@@ -1072,15 +1085,15 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1072
1085
  animation: 2500ms linear infinite;
1073
1086
  }
1074
1087
  .jkl-loader__dot--left {
1075
- animation-name: jkl-loader-left-spin-u0wcex6;
1088
+ animation-name: jkl-loader-left-spin-udvg9nd;
1076
1089
  margin-right: 1.71em;
1077
1090
  }
1078
1091
  .jkl-loader__dot--middle {
1079
- animation-name: jkl-loader-middle-spin-u0wcexf;
1092
+ animation-name: jkl-loader-middle-spin-udvg9o7;
1080
1093
  margin-right: 1.9em;
1081
1094
  }
1082
1095
  .jkl-loader__dot--right {
1083
- animation-name: jkl-loader-right-spin-u0wcexw;
1096
+ animation-name: jkl-loader-right-spin-udvg9of;
1084
1097
  }
1085
1098
  @media screen and (forced-colors: active) {
1086
1099
  .jkl-loader__dot {
@@ -1107,7 +1120,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1107
1120
  .jkl-loader--small > .jkl-loader__dot--middle {
1108
1121
  margin-right: 0.3em;
1109
1122
  }
1110
- @keyframes jkl-loader-left-spin-u0wcex6 {
1123
+ @keyframes jkl-loader-left-spin-udvg9nd {
1111
1124
  0% {
1112
1125
  transform: rotate(0) scale(0);
1113
1126
  }
@@ -1121,7 +1134,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1121
1134
  transform: rotate(180deg) scale(0);
1122
1135
  }
1123
1136
  }
1124
- @keyframes jkl-loader-middle-spin-u0wcexf {
1137
+ @keyframes jkl-loader-middle-spin-udvg9o7 {
1125
1138
  0% {
1126
1139
  transform: rotate(20deg) scale(0);
1127
1140
  }
@@ -1138,7 +1151,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1138
1151
  transform: rotate(200deg) scale(0);
1139
1152
  }
1140
1153
  }
1141
- @keyframes jkl-loader-right-spin-u0wcexw {
1154
+ @keyframes jkl-loader-right-spin-udvg9of {
1142
1155
  0% {
1143
1156
  transform: rotate(40deg) scale(0);
1144
1157
  }
@@ -1186,7 +1199,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1186
1199
  bottom: 0;
1187
1200
  width: 12.5rem;
1188
1201
  background: linear-gradient(89.17deg, rgba(249, 249, 249, 0) 0.8%, var(--jkl-skeleton-sweeper-color) 50.09%, rgba(249, 249, 249, 0) 96.31%);
1189
- animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-u0wcey6;
1202
+ animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-udvg9os;
1190
1203
  }
1191
1204
  @media (width >= 0) and (max-width: 679px) {
1192
1205
  .jkl-skeleton-animation {
@@ -1216,7 +1229,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1216
1229
  @media screen and (forced-colors: active) {
1217
1230
  .jkl-skeleton-element {
1218
1231
  border: 1px solid CanvasText;
1219
- animation: 2s ease infinite jkl-blink-u0wceys;
1232
+ animation: 2s ease infinite jkl-blink-udvg9p6;
1220
1233
  }
1221
1234
  }
1222
1235
  .jkl-skeleton-input {
@@ -1270,10 +1283,10 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1270
1283
  }
1271
1284
  @media screen and (forced-colors: active) {
1272
1285
  .jkl-skeleton-table {
1273
- animation: 2s ease-in-out infinite jkl-blink-u0wceys;
1286
+ animation: 2s ease-in-out infinite jkl-blink-udvg9p6;
1274
1287
  }
1275
1288
  }
1276
- @keyframes jkl-sweep-u0wcey6 {
1289
+ @keyframes jkl-sweep-udvg9os {
1277
1290
  0% {
1278
1291
  transform: translateX(calc(0vw - 200px));
1279
1292
  }
@@ -1281,7 +1294,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1281
1294
  transform: translateX(calc(100vw + 400px));
1282
1295
  }
1283
1296
  }
1284
- @keyframes jkl-blink-u0wceys {
1297
+ @keyframes jkl-blink-udvg9p6 {
1285
1298
  0% {
1286
1299
  opacity: 1;
1287
1300
  }
@@ -1369,6 +1382,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1369
1382
  width: calc(100% + 2 * var(--padding, 0));
1370
1383
  aspect-ratio: var(--image-aspect-ratio, 3/2);
1371
1384
  margin-inline: var(--margin, 0);
1385
+ object-fit: cover;
1372
1386
  }
1373
1387
  .jkl-card-image--top {
1374
1388
  margin-top: var(--margin, 0);
@@ -1500,7 +1514,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1500
1514
  --jkl-checkbox-box-size: 1.125rem;
1501
1515
  --jkl-checkbox-line-height: 1.5rem;
1502
1516
  }
1503
- @keyframes jkl-checkbox-checked-u0wcezi {
1517
+ @keyframes jkl-checkbox-checked-udvg9pz {
1504
1518
  0% {
1505
1519
  width: 0;
1506
1520
  height: 0;
@@ -1514,7 +1528,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1514
1528
  height: 58%;
1515
1529
  }
1516
1530
  }
1517
- @keyframes jkl-checkbox-indeterminate-u0wcezp {
1531
+ @keyframes jkl-checkbox-indeterminate-udvg9qm {
1518
1532
  0% {
1519
1533
  width: 0;
1520
1534
  }
@@ -1543,11 +1557,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1543
1557
  left: calc(-0.5 * var(--jkl-checkbox-box-size));
1544
1558
  }
1545
1559
  .jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
1546
- animation: jkl-checkbox-checked-u0wcezi 150ms ease-in-out forwards;
1560
+ animation: jkl-checkbox-checked-udvg9pz 150ms ease-in-out forwards;
1547
1561
  opacity: 1;
1548
1562
  }
1549
1563
  .jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
1550
- animation: jkl-checkbox-indeterminate-u0wcezp 150ms ease-in-out forwards;
1564
+ animation: jkl-checkbox-indeterminate-udvg9qm 150ms ease-in-out forwards;
1551
1565
  opacity: 1;
1552
1566
  }
1553
1567
  .jkl-checkbox__input:focus-visible + .jkl-checkbox__label {
@@ -1718,7 +1732,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1718
1732
  --outer-border-thickness: 0.125rem;
1719
1733
  }
1720
1734
 
1721
- @keyframes jkl-checkbox-checked-u0wcf02 {
1735
+ @keyframes jkl-checkbox-checked-udvg9rj {
1722
1736
  0% {
1723
1737
  width: 0;
1724
1738
  height: 0;
@@ -1782,7 +1796,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1782
1796
  }
1783
1797
  }
1784
1798
  .jkl-checkbox-panel:has(:checked) .jkl-checkbox-panel__decorator::after {
1785
- animation: jkl-checkbox-checked-u0wcf02 150ms ease-in-out forwards;
1799
+ animation: jkl-checkbox-checked-udvg9rj 150ms ease-in-out forwards;
1786
1800
  opacity: 1;
1787
1801
  }
1788
1802
  .jkl-checkbox-panel:has([aria-invalid=true]) {
@@ -2479,10 +2493,10 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
2479
2493
  }
2480
2494
  }
2481
2495
  .jkl-countdown__tracker {
2482
- animation: jkl-downcount-u0wcf10 var(--duration) linear forwards;
2496
+ animation: jkl-downcount-udvg9sa var(--duration) linear forwards;
2483
2497
  animation-play-state: var(--play-state, running);
2484
2498
  }
2485
- @keyframes jkl-downcount-u0wcf10 {
2499
+ @keyframes jkl-downcount-udvg9sa {
2486
2500
  from {
2487
2501
  width: 100%;
2488
2502
  }
@@ -3096,7 +3110,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
3096
3110
  }
3097
3111
  }
3098
3112
 
3099
- @keyframes jkl-show-u0wcf17 {
3113
+ @keyframes jkl-show-udvg9sz {
3100
3114
  from {
3101
3115
  transform: translate3d(0, 0.5rem, 0);
3102
3116
  opacity: 0;
@@ -3131,7 +3145,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
3131
3145
  }
3132
3146
  }
3133
3147
  .jkl-feedback__fade-in {
3134
- animation: jkl-show-u0wcf17 0.25s ease-out;
3148
+ animation: jkl-show-udvg9sz 0.25s ease-out;
3135
3149
  }
3136
3150
  .jkl-feedback__buttons {
3137
3151
  display: flex;
@@ -3373,7 +3387,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3373
3387
  --background-color: var(--jkl-color-background-alert-success);
3374
3388
  }
3375
3389
  .jkl-message--dismissed {
3376
- animation: jkl-dismiss-u0wcf23 400ms ease-in-out forwards;
3390
+ animation: jkl-dismiss-udvg9tv 400ms ease-in-out forwards;
3377
3391
  transition: visibility 0ms 400ms;
3378
3392
  visibility: hidden;
3379
3393
  }
@@ -3393,7 +3407,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3393
3407
  }
3394
3408
  }
3395
3409
 
3396
- @keyframes jkl-dismiss-u0wcf23 {
3410
+ @keyframes jkl-dismiss-udvg9tv {
3397
3411
  from {
3398
3412
  opacity: 1;
3399
3413
  transform: translate3d(0, 0, 0);
@@ -3450,7 +3464,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3450
3464
  --jkl-radio-button-label-font-weight: var(--jkl-small-font-weight);
3451
3465
  }
3452
3466
 
3453
- @keyframes jkl-dot-in-u0wcf2y {
3467
+ @keyframes jkl-dot-in-udvg9uc {
3454
3468
  0% {
3455
3469
  transform: scale(0.8);
3456
3470
  }
@@ -3496,7 +3510,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3496
3510
  }
3497
3511
  .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
3498
3512
  --dot-color: var(--jkl-color-border-action);
3499
- animation: jkl-dot-in-u0wcf2y 150ms ease;
3513
+ animation: jkl-dot-in-udvg9uc 150ms ease;
3500
3514
  }
3501
3515
  @media screen and (forced-colors: active) {
3502
3516
  .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
@@ -4584,7 +4598,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
4584
4598
  transition-timing-function: ease;
4585
4599
  transition-duration: 150ms;
4586
4600
  }
4587
- @keyframes jkl-downcount-u0wcf3k {
4601
+ @keyframes jkl-downcount-udvg9v5 {
4588
4602
  from {
4589
4603
  width: 100%;
4590
4604
  }
@@ -4594,7 +4608,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
4594
4608
  }
4595
4609
  }
4596
4610
  @layer jokul.components {
4597
- @keyframes jkl-dot-in-u0wcf44 {
4611
+ @keyframes jkl-dot-in-udvg9vf {
4598
4612
  0% {
4599
4613
  transform: scale(0.8);
4600
4614
  }
@@ -4642,7 +4656,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
4642
4656
  }
4643
4657
  }
4644
4658
  .jkl-radio-panel__input:checked + .jkl-radio-panel__decorator::after {
4645
- animation: jkl-dot-in-u0wcf44 150ms ease;
4659
+ animation: jkl-dot-in-udvg9vf 150ms ease;
4646
4660
  }
4647
4661
  .jkl-radio-panel:has(:checked) {
4648
4662
  --radio-dot-color: var(--jkl-color-border-action);
@@ -4944,7 +4958,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
4944
4958
  margin-bottom: 0;
4945
4959
  }
4946
4960
  .jkl-system-message--dismissed {
4947
- animation: jkl-dismiss-u0wcf45 400ms forwards;
4961
+ animation: jkl-dismiss-udvg9wa 400ms forwards;
4948
4962
  transition: block 400ms 400ms;
4949
4963
  }
4950
4964
  .jkl-system-message--info {
@@ -4975,7 +4989,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
4975
4989
  }
4976
4990
  }
4977
4991
 
4978
- @keyframes jkl-dismiss-u0wcf45 {
4992
+ @keyframes jkl-dismiss-udvg9wa {
4979
4993
  from {
4980
4994
  opacity: 1;
4981
4995
  transform: translateY(0);
@@ -5869,14 +5883,14 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
5869
5883
 
5870
5884
  .jkl-toast[data-animation=entering],
5871
5885
  .jkl-toast[data-animation=queued] {
5872
- animation: jkl-entering-u0wcf4g 200ms ease-out forwards;
5886
+ animation: jkl-entering-udvg9we 200ms ease-out forwards;
5873
5887
  }
5874
5888
 
5875
5889
  .jkl-toast[data-animation=exiting] {
5876
- animation: jkl-exiting-u0wcf50 150ms ease-in forwards;
5890
+ animation: jkl-exiting-udvg9x0 150ms ease-in forwards;
5877
5891
  }
5878
5892
 
5879
- @keyframes jkl-entering-u0wcf4g {
5893
+ @keyframes jkl-entering-udvg9we {
5880
5894
  from {
5881
5895
  opacity: 0;
5882
5896
  transform: translate3d(0, 50%, 0);
@@ -5886,7 +5900,7 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
5886
5900
  transform: translate3d(0, 0, 0);
5887
5901
  }
5888
5902
  }
5889
- @keyframes jkl-exiting-u0wcf50 {
5903
+ @keyframes jkl-exiting-udvg9x0 {
5890
5904
  from {
5891
5905
  opacity: 1;
5892
5906
  transform: translate3d(0, 0, 0);
@@ -6209,8 +6223,8 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-toggle-slider:
6209
6223
  margin: var(--jkl-unit-05);
6210
6224
  inset: auto;
6211
6225
  border: none;
6212
- background-color: var(--jkl-color-background-container-high);
6213
- color: var(--jkl-color-text-default);
6226
+ background-color: var(--jkl-color-background-container-inverted);
6227
+ color: var(--jkl-color-text-inverted);
6214
6228
  }
6215
6229
  .jkl-help-popover header button {
6216
6230
  display: none;