@fremtind/jokul 0.15.0 → 0.16.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 (50) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/datepicker/DatePicker.js +1 -1
  3. package/build/cjs/components/datepicker/DatePicker.js.map +1 -1
  4. package/build/cjs/components/datepicker/internal/Calendar.js +1 -1
  5. package/build/cjs/components/datepicker/internal/Calendar.js.map +1 -1
  6. package/build/cjs/components/popover/Popover.js +1 -1
  7. package/build/cjs/components/popover/Popover.js.map +1 -1
  8. package/build/cjs/components/popover/utils.js.map +1 -1
  9. package/build/cjs/components/text-input/BaseTextInput.js +1 -1
  10. package/build/cjs/components/text-input/BaseTextInput.js.map +1 -1
  11. package/build/es/components/datepicker/DatePicker.js +1 -1
  12. package/build/es/components/datepicker/DatePicker.js.map +1 -1
  13. package/build/es/components/datepicker/internal/Calendar.js +1 -1
  14. package/build/es/components/datepicker/internal/Calendar.js.map +1 -1
  15. package/build/es/components/popover/Popover.js +1 -1
  16. package/build/es/components/popover/Popover.js.map +1 -1
  17. package/build/es/components/popover/utils.js.map +1 -1
  18. package/build/es/components/text-input/BaseTextInput.js +1 -1
  19. package/build/es/components/text-input/BaseTextInput.js.map +1 -1
  20. package/build/packages/jokul/src/components/datepicker/internal/Calendar.d.ts +0 -1
  21. package/build/packages/jokul/src/components/popover/Popover.d.ts +61 -21
  22. package/build/packages/jokul/src/components/popover/utils.d.ts +1 -1
  23. package/build/packages/jokul/src/components/text-input/BaseTextInput.d.ts +8 -0
  24. package/build/style.css +1 -1
  25. package/package.json +2 -2
  26. package/src/components/button/styles/button.css +2 -2
  27. package/src/components/button/styles/button.min.css +1 -1
  28. package/src/components/checkbox/styles/checkbox.css +4 -4
  29. package/src/components/checkbox/styles/checkbox.min.css +1 -1
  30. package/src/components/datepicker/styles/_calendar.scss +11 -32
  31. package/src/components/datepicker/styles/datepicker.css +8 -33
  32. package/src/components/datepicker/styles/datepicker.min.css +1 -1
  33. package/src/components/feedback/styles/feedback.css +2 -2
  34. package/src/components/feedback/styles/feedback.min.css +1 -1
  35. package/src/components/input-group/styles/input-group.css +2 -2
  36. package/src/components/input-group/styles/input-group.min.css +1 -1
  37. package/src/components/loader/styles/loader.css +6 -6
  38. package/src/components/loader/styles/loader.min.css +1 -1
  39. package/src/components/loader/styles/skeleton-loader.css +5 -5
  40. package/src/components/loader/styles/skeleton-loader.min.css +1 -1
  41. package/src/components/message/styles/message.css +2 -2
  42. package/src/components/message/styles/message.min.css +1 -1
  43. package/src/components/progress-bar/styles/progress-bar.css +2 -2
  44. package/src/components/progress-bar/styles/progress-bar.min.css +1 -1
  45. package/src/components/radio-button/styles/radio-button.css +2 -2
  46. package/src/components/radio-button/styles/radio-button.min.css +1 -1
  47. package/src/components/system-message/styles/system-message.css +2 -2
  48. package/src/components/system-message/styles/system-message.min.css +1 -1
  49. package/src/components/toast/styles/toast.css +4 -4
  50. package/src/components/toast/styles/toast.min.css +1 -1
@@ -1,4 +1,4 @@
1
- import { useFocus, useHover, useClick, useDismiss, useRole, UseFloatingOptions } from '@floating-ui/react';
1
+ import { useFocus, useHover, useClick, useDismiss, useRole, UseFloatingOptions, ReferenceType } from '@floating-ui/react';
2
2
  import * as React from "react";
3
3
  type ClickOptions = Parameters<typeof useClick>[1];
4
4
  type DismissOptions = Parameters<typeof useDismiss>[1];
@@ -8,72 +8,95 @@ type RoleOptions = Parameters<typeof useRole>[1];
8
8
  interface PopoverOptions {
9
9
  /**
10
10
  * Angir om popoveren er åpen eller lukket.
11
- * @see https://floating-ui.com/docs/useFloating#open
11
+ *
12
+ * @see https://floating-ui.com/docs/usefloating#open
12
13
  */
13
14
  open?: boolean;
14
15
  /**
15
16
  * Callback som trigges når popoveren åpnes eller lukkes.
16
- * @see https://floating-ui.com/docs/useFloating#onOpenChange
17
+ *
18
+ * @see https://floating-ui.com/docs/usefloating#onopenchange
17
19
  */
18
20
  onOpenChange?: UseFloatingOptions["onOpenChange"];
19
21
  /**
20
22
  * Bestemmer plasseringen av popoveren.
23
+ *
24
+ * @see https://floating-ui.com/docs/usefloating#placement
25
+ *
21
26
  * @default "bottom-start"
22
- * @see https://floating-ui.com/docs/useFloating#placement
23
27
  */
24
28
  placement?: UseFloatingOptions["placement"];
25
29
  /**
26
30
  * Definerer strategien for posisjonering av popoveren.
31
+ *
32
+ * @see https://floating-ui.com/docs/usefloating#strategy
33
+ *
27
34
  * @default "absolute"
28
- * @see https://floating-ui.com/docs/useFloating#strategy
29
35
  */
30
36
  strategy?: UseFloatingOptions["strategy"];
31
37
  /**
32
38
  * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet
33
39
  * og innhold utenfor ikke kan interageres med.
40
+ *
41
+ * @see https://floating-ui.com/docs/usefloating#modal
42
+ *
34
43
  * @default true
35
- * @see https://floating-ui.com/docs/useFloating#modal
36
44
  */
37
45
  modal?: boolean;
38
- /**
39
- * Offset til det flytende elementet.
40
- * @see https://floating-ui.com/docs/offset
41
- * @default 4
42
- * */
43
46
  /**
44
47
  * Justerer avstanden mellom referanse-elementet og popoveren.
48
+ *
45
49
  * @see https://floating-ui.com/docs/offset
50
+ *
46
51
  * @default 4
47
52
  */
48
53
  offset?: number;
54
+ /**
55
+ * Referanse til elementet som popoveren skal posisjoneres i forhold til.
56
+ *
57
+ * @see https://floating-ui.com/docs/usefloating#setpositionreference
58
+ *
59
+ * @default Popover.Trigger
60
+ */
61
+ positionReference?: React.RefObject<ReferenceType>;
49
62
  /**
50
63
  * Options for hover-interaksjoner.
51
- * @see https://floating-ui.com/docs/useHover
64
+ *
65
+ * @see https://floating-ui.com/docs/usehover
66
+ *
52
67
  * @default { enabled: false }
53
68
  */
54
69
  hoverOptions?: HoverOptions;
55
70
  /**
56
71
  * Options for fokus-interaksjoner.
57
- * @see https://floating-ui.com/docs/useFocus
72
+ *
73
+ * @see https://floating-ui.com/docs/usefocus
74
+ *
58
75
  * @default { enabled: false }
59
76
  */
60
77
  focusOptions?: FocusOptions;
61
78
  /**
62
79
  * Options for klikk-interaksjoner.
63
- * @see https://floating-ui.com/docs/useClick
80
+ *
81
+ * @see https://floating-ui.com/docs/useclick
82
+ *
64
83
  * @default { enabled: false }
65
84
  */
66
85
  clickOptions?: ClickOptions;
67
86
  /**
68
87
  * Konfigurerer rollen for popoveren.
69
- * @see https://floating-ui.com/docs/useRole
88
+ *
89
+ * @see https://floating-ui.com/docs/userole
90
+ *
70
91
  * @default { enabled: true, role: "dialog" }
71
92
  */
72
93
  roleOptions?: RoleOptions;
73
94
  /**
74
95
  * Options for å lukke popoveren når en dismissal skjer,
75
96
  * som ved å klikke utenfor eller trykke på "Escape"-tasten.
76
- * @see https://floating-ui.com/docs/useDismiss
97
+ *
98
+ * @see https://floating-ui.com/docs/usedismiss
99
+ *
77
100
  * @default { enabled: true }
78
101
  */
79
102
  dismissOptions?: DismissOptions;
@@ -88,8 +111,10 @@ declare const Popover: {
88
111
  interface PopoverTriggerProps {
89
112
  children: React.ReactNode;
90
113
  /**
91
- * Rendrer komponenten som child-elementet sitt, og slår
92
- * sammen egenskaper og props.
114
+ * Rendrer komponenten som child-elementet sitt, og slår sammen egenskaper og props.
115
+ *
116
+ * Default er `false`.
117
+ *
93
118
  * @example
94
119
  * ```tsx
95
120
  * <Component asChild foo="bar">
@@ -99,16 +124,31 @@ interface PopoverTriggerProps {
99
124
  * // Rendrer følgende:
100
125
  * <Child foo="bar" baz="qux" />
101
126
  * ```
102
- *
103
- * @default false
104
127
  */
105
128
  asChild?: boolean;
106
129
  }
107
130
  interface PopoverContentProps {
108
131
  /**
109
132
  * Padding rundt innholdet i popoveren.
110
- * @default 0
133
+ *
134
+ * Default er `0`.
111
135
  */
112
136
  padding?: 0 | 8 | 16 | 24;
137
+ /**
138
+ *
139
+ * Angir hvilket element som skal motta fokus ved åpning.
140
+ * Kan være en tabbar index eller en referanse til et element."
141
+ *
142
+ * Default er `0`, som betyr at det første fokuserbare elementet i popoveren får fokus.
143
+ * @see https://floating-ui.com/docs/FloatingFocusManager#initialfocus
144
+ */
145
+ initialFocus?: number | React.RefObject<HTMLElement>;
146
+ /**
147
+ * Angir om fokus skal returneres til triggeren når popoveren lukkes.
148
+ *
149
+ * Default er `true`.
150
+ * @see https://floating-ui.com/docs/FloatingFocusManager#returnfocus
151
+ */
152
+ returnFocus?: boolean;
113
153
  }
114
154
  export default Popover;
@@ -1,4 +1,4 @@
1
- export declare const getThemeAndDensity: (element: HTMLElement | null) => {
1
+ export declare const getThemeAndDensity: (element: Element | undefined) => {
2
2
  theme?: string | undefined;
3
3
  density?: string | undefined;
4
4
  };
@@ -21,6 +21,10 @@ export interface BaseTextInputProps extends Omit<InputHTMLAttributes<HTMLInputEl
21
21
  * @default "left"
22
22
  */
23
23
  align?: "left" | "right";
24
+ /**
25
+ * @deprecated Bruk heller actionButton
26
+ *
27
+ */
24
28
  action?: Action;
25
29
  density?: Density;
26
30
  /**
@@ -29,6 +33,10 @@ export interface BaseTextInputProps extends Omit<InputHTMLAttributes<HTMLInputEl
29
33
  * */
30
34
  unit?: ReactNode;
31
35
  width?: string;
36
+ /**
37
+ * Element som vises til høyre for inputfeltet. Brukes typisk til å trigge en handling som f.eks. å vise/skjule passord.
38
+ */
39
+ actionButton?: React.ReactElement<IconProps>;
32
40
  }
33
41
  export declare const BaseTextInput: React.ForwardRefExoticComponent<BaseTextInputProps & React.RefAttributes<HTMLInputElement>>;
34
42
  export {};
package/build/style.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";@media screen and (prefers-color-scheme: light){:root{--jkl-icon-grade: 0}}[data-theme=light]{--jkl-icon-grade: 0}@media screen and (prefers-color-scheme: dark){:root{--jkl-icon-grade: -25}}[data-theme=dark]{--jkl-icon-grade: -25}.jkl-icon{--jkl-icon-fill: 0;font-family:Fremtind Material Symbols,Arial,Helvetica,sans-serif;font-variation-settings:"FILL" var(--jkl-icon-fill, 0),"GRAD" var(--jkl-icon-grade, 0),"opsz" var(--jkl-icon-opsz, 20);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.5rem;font-weight:var(--jkl-icon-weight, 300);line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;transition-timing-function:ease;transition-duration:.15s;transition-property:font-variation-settings}.jkl-icon--bold{--jkl-icon-weight: 500}.jkl-icon--filled{--jkl-icon-fill: 1}.jkl-icon--medium{--jkl-icon-opsz: 24;font-size:1.5rem}.jkl-icon--small{--jkl-icon-opsz: 20;font-size:1.25rem}.jkl-icon--inherit{--jkl-icon-opsz: 20;font-size:1em}.jkl-icon--animated{display:block}.jkl-icon-red-cross{--red-cross-circle: var(--jkl-color-background-alert-error);--red-cross-path: #1b1917;width:1.5rem;height:1.5rem}.jkl-icon-red-cross path{fill:var(--red-cross-path)}.jkl-icon-red-cross circle{fill:var(--red-cross-circle)}.jkl-icon-green-check{--green-check-circle: var(--jkl-color-background-alert-success);--green-check-path: #1b1917;width:1.5rem;height:1.5rem}.jkl-icon-green-check path{fill:var(--green-check-path)}.jkl-icon-green-check circle{fill:var(--green-check-circle)}.jkl-animated-horizontal-arrows,.jkl-animated-vertical-arrows{overflow:hidden;width:1em;height:1em}.jkl-animated-horizontal-arrows__slider,.jkl-animated-vertical-arrows__slider{display:flex;transition-timing-function:ease;transition-duration:.25s;transition-delay:calc(.25s * .3333333333);transition-property:transform}.jkl-animated-horizontal-arrows__arrow,.jkl-animated-vertical-arrows__arrow{flex-shrink:0}.jkl-animated-vertical-arrows__slider{flex-direction:column;height:2em}.jkl-animated-vertical-arrows__slider[data-show=up]{transform:translateZ(0)}.jkl-animated-vertical-arrows__slider[data-show=down]{transform:translate3d(0,-50%,0)}.jkl-animated-horizontal-arrows__slider{flex-direction:row;width:2em}.jkl-animated-horizontal-arrows__slider[data-show=left]{transform:translateZ(0)}.jkl-animated-horizontal-arrows__slider[data-show=right]{transform:translate3d(-50%,0,0)}.jkl-icons-animated__plus{transition-timing-function:cubic-bezier(0,0,.375,1.17);transition-duration:.25s;transition-property:transform;transform-origin:50% 50%}.jkl-icons-animated__plus--plus{transform:rotate(0)}.jkl-icons-animated__plus--close{transform:rotate(135deg)}:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-checkbox-font-size: var(--jkl-body-font-size);--jkl-checkbox-line-height: var(--jkl-body-line-height);--jkl-checkbox-font-weight: var(--jkl-body-font-weight);--jkl-checkbox-height: 3rem;--jkl-checkbox-box-size: 1.5rem;--jkl-checkbox-line-height: 2rem}@media (width >= 0) and (max-width: 679px){:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-checkbox-height: 2.5rem;--jkl-checkbox-box-size: 1.5rem;--jkl-checkbox-line-height: 1.75rem}}[data-layout-density=compact],[data-density=compact]{--jkl-checkbox-font-size: var(--jkl-small-font-size);--jkl-checkbox-line-height: var(--jkl-small-line-height);--jkl-checkbox-font-weight: var(--jkl-small-font-weight);--jkl-checkbox-height: 1.75rem;--jkl-checkbox-box-size: 1.125rem;--jkl-checkbox-line-height: 1.5rem}@keyframes jkl-checkbox-checked-uq2cwr0{0%{width:0;height:0}40%{width:18%;height:0}to{width:18%;height:58%}}@keyframes jkl-checkbox-indeterminate-uq2cwrm{0%{width:0}to{width:66%}}.jkl-checkbox{--box-color: var(--jkl-color-border-action);--check-color: var(--jkl-color-border-action);--text-color: var(--jkl-color-text-default);--background-color: transparent;font-size:var(--jkl-checkbox-font-size);line-height:var(--jkl-checkbox-line-height);font-weight:var(--jkl-checkbox-font-weight);display:flex;flex-wrap:wrap;min-height:var(--jkl-checkbox-height);color:var(--text-color);position:relative}.jkl-checkbox__input{opacity:0;position:absolute;top:-6px}.jkl-checkbox__input:checked+.jkl-checkbox__label .jkl-checkbox__check-mark:after{animation:jkl-checkbox-checked-uq2cwr0 .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label .jkl-checkbox__indeterminate-mark:after{animation:jkl-checkbox-indeterminate-uq2cwrm .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label{color:var(--jkl-checkbox-focus-color)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label>.jkl-checkbox__mark{--background-color: var(--jkl-color-background-input-focus);outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-checkbox__input:disabled+.jkl-checkbox__label{color:var(--jkl-checkbox-disabled-color)}.jkl-checkbox__label{display:flex;min-width:0;max-width:100%;cursor:pointer;flex-shrink:0}.jkl-checkbox__label:hover .jkl-checkbox__mark,.jkl-checkbox__label:active .jkl-checkbox__mark{outline:1px solid var(--box-color)}.jkl-checkbox__label:active{--background-color: var(--jkl-color-background-input-focus)}.jkl-checkbox__text{margin:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-line-height)) * .5) 0;translate:0 .0625rem;transition-timing-function:ease;transition-duration:.15s;transition-property:color}.jkl-checkbox__mark{box-sizing:border-box;position:relative;height:var(--jkl-checkbox-box-size);width:var(--jkl-checkbox-box-size);margin-block:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-box-size)) * .5);margin-inline-end:var(--jkl-spacing-8);align-self:flex-start;flex-shrink:0;outline:none;border-radius:0;border:1px solid;border-color:var(--box-color);background-color:var(--background-color);transition-timing-function:ease;transition-duration:.15s;transition-property:background-color}@media screen and (forced-colors: active){.jkl-checkbox__mark{outline:revert;border:1px solid ButtonText}}.jkl-checkbox__check-mark:after{content:"";position:absolute;transform-origin:bottom left;bottom:42%;left:18%;display:block;width:18%;height:58%;transform:rotate(45deg);border:solid .125rem var(--check-color);border-left-width:0;border-top-width:0;opacity:0;transition-timing-function:ease;transition-duration:.15s;transition-property:opacity,border-color}@media screen and (forced-colors: active){.jkl-checkbox__check-mark:after{border-color:ButtonText}}.jkl-checkbox__indeterminate-mark:after{--width: 66%;--thickness: .125rem;content:"";position:absolute;bottom:calc(50% - var(--thickness) / 2);left:calc((100% - var(--width)) / 2);display:block;width:var(--width);border-bottom:solid var(--thickness) var(--check-color);opacity:0;transition-timing-function:ease;transition-duration:.15s;transition-property:opacity,border-color}@media screen and (forced-colors: active){.jkl-checkbox__indeterminate-mark:after{border-color:ButtonText}}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:1.5rem}.jkl-checkbox--error{--background-color: var(--jkl-color-background-alert-error);--check-color: var(--jkl-color-text-on-alert)}.jkl-field-group{outline:0;border-style:none;outline-style:none}.jkl-field-group:active,.jkl-field-group:hover,.jkl-field-group:focus{outline:0;outline-style:none}@media screen and (forced-colors: active){.jkl-field-group{outline:revert;border-style:revert;outline-style:revert}.jkl-field-group:active,.jkl-field-group:hover,.jkl-field-group:focus{outline:revert;outline-style:revert}}.jkl-dormant-form-support-label{display:none;opacity:0;pointer-events:none}:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-form-support-label-font-size: var(--jkl-small-font-size);--jkl-form-support-label-line-height: var(--jkl-small-line-height);--jkl-form-support-label-font-weight: var(--jkl-small-font-weight);--jkl-form-support-label-margin: .5rem 0 0;--jkl-form-support-label-icon-size: 1.25rem;--jkl-form-support-label-icon-margin: 0 -1.25rem -.375rem 0}[data-layout-density=compact],[data-density=compact]{--jkl-form-support-label-icon-size: 1.375rem;--jkl-form-support-label-icon-margin: 0 -1.375rem -.3125rem 0}.jkl-form-support-label{--color: var(--jkl-color-text-subdued);font-size:var(--jkl-form-support-label-font-size);line-height:var(--jkl-form-support-label-line-height);font-weight:var(--jkl-form-support-label-font-weight);transition-timing-function:ease;transition-duration:.4s;display:flex;margin:var(--jkl-form-support-label-margin);color:var(--color);transition-property:color;transition-delay:.15s}.jkl-form-support-label__icon,.jkl-form-support-label__icon.jkl-icon{opacity:0;height:var(--jkl-form-support-label-icon-size);margin:var(--jkl-form-support-label-icon-margin)}@media screen and (forced-colors: active){.jkl-form-support-label__icon,.jkl-form-support-label__icon.jkl-icon{stroke:CanvasText;fill:Canvas}.jkl-form-support-label__icon svg,.jkl-form-support-label__icon path,.jkl-form-support-label__icon.jkl-icon svg,.jkl-form-support-label__icon.jkl-icon path{stroke:CanvasText;fill:Canvas}}.jkl-form-support-label--error,.jkl-form-support-label--warning,.jkl-form-support-label--success{--color: var(--jkl-color-text-default)}.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{animation:.4s cubic-bezier(0,0,.3,1) .25s jkl-support-icon-entrance-uq2cwsa forwards}.jkl-form-support-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-label-small-margin: 0 0 .25rem 0;--jkl-label-medium-margin: 0 0 .5rem 0;--jkl-label-large-margin: 0 0 1rem -.0625rem;--jkl-label-small-font-size: var(--jkl-small-font-size);--jkl-label-small-line-height: var(--jkl-small-line-height);--jkl-label-small-font-weight: var(--jkl-small-font-weight);--jkl-label-medium-font-size: var(--jkl-body-font-size);--jkl-label-medium-line-height: var(--jkl-body-line-height);--jkl-label-medium-font-weight: var(--jkl-body-font-weight);--jkl-label-large-font-size: var(--jkl-heading-2-font-size);--jkl-label-large-line-height: var(--jkl-heading-2-line-height);--jkl-label-large-font-weight: var(--jkl-heading-2-font-weight)}[data-layout-density=compact],[data-density=compact]{--jkl-label-small-margin: 0 0 .25rem 0;--jkl-label-medium-margin: 0 0 .5rem 0;--jkl-label-large-margin: 0 0 .75rem -.0625rem}.jkl-label{display:block;margin-left:initial;color:var(--jkl-color-text-default)}.jkl-label--small{font-size:var(--jkl-label-small-font-size);line-height:var(--jkl-label-small-line-height);font-weight:var(--jkl-label-small-font-weight);margin:var(--jkl-label-small-margin)}.jkl-label--medium{font-size:var(--jkl-label-medium-font-size);line-height:var(--jkl-label-medium-line-height);font-weight:var(--jkl-label-medium-font-weight);margin:var(--jkl-label-medium-margin)}.jkl-label--large{font-size:var(--jkl-label-large-font-size);line-height:var(--jkl-label-large-line-height);font-weight:var(--jkl-label-large-font-weight);margin:var(--jkl-label-large-margin)}.jkl-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}@keyframes jkl-support-icon-entrance-uq2cwsa{0%{margin-right:0;opacity:0;transform:scale(1)}30%{margin-right:.5rem}50%{opacity:1}70%{transform:scale(1.1)}85%{transform:scale(.9)}to{transform:scale(1);opacity:1;margin-right:.5rem}}@media screen and (forced-colors: active){.jkl-text-input-action-button{stroke:ButtonText;fill:ButtonFace}.jkl-text-input-action-button svg,.jkl-text-input-action-button path{stroke:ButtonText;fill:ButtonFace}}.jkl .jkl-button,.jkl-button[data-layout-density=comfortable],.jkl-button[data-density=comfortable],[data-layout-density=comfortable] .jkl-button,[data-density=comfortable] .jkl-button{--padding-block: .5rem;--padding-text: 1.5rem;--padding-icon: 1rem;--padding-icon-button: .5rem;--padding-tertiary-inline: .25rem;--padding-ghost-inline: .5rem}.jkl-button[data-layout-density=compact],.jkl-button[data-density=compact],[data-layout-density=compact] .jkl-button,[data-density=compact] .jkl-button{--padding-block: .25rem;--padding-text: .75rem;--padding-icon: .5rem;--padding-icon-button: .25rem;--padding-tertiary-inline: .125rem;--padding-ghost-inline: .25rem}.jkl-button{--text-color: var(--jkl-color-text-default);--background-color: transparent;--border-radius: 0;--border-width: .0625rem;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--background-color);color:var(--text-color);border:unset;text-decoration:none;-webkit-tap-highlight-color:transparent;border-radius:var(--border-radius);padding-inline:var(--padding-text);padding-block:var(--padding-block);position:relative;overflow:hidden;max-width:100%;transition-timing-function:ease;transition-duration:.15s;transition-property:scale;font-size:1.125rem;line-height:1.75rem;font-weight:400;--jkl-icon-weight: 300;--jkl-icon-weight: 500;font-weight:700}@media (min-width: 680px){.jkl-button{font-size:1.25rem;line-height:2rem;font-weight:400;--jkl-icon-weight: 300;--jkl-icon-weight: 500;font-weight:700}}.jkl-button:has(.jkl-icon:first-child){padding-inline-start:var(--padding-icon)}.jkl-button:has(.jkl-icon:last-child){padding-inline-end:var(--padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--padding-icon-button)}.jkl-button__label{transition-timing-function:ease;transition-duration:.25s;transition-property:translate;display:flex;flex-direction:row;align-items:center;gap:.125rem;pointer-events:none}.jkl-button__loader{transition-timing-function:ease;transition-duration:.25s;transition-property:opacity,translate;position:absolute;top:50%;left:50%;translate:-50% 350%;opacity:0;pointer-events:none}.jkl-button__text{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{translate:-50% -50%;opacity:1}.jkl-button:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-button:before{content:"";pointer-events:none;display:block;position:absolute;left:var(--jkl-touch-xcoord, 50%);top:var(--jkl-touch-ycoord, 50%);translate:-100%,-100%;transform-origin:center;border-radius:9999px;background-color:var(--text-color);opacity:0;width:1rem;height:1rem}html[data-touchnavigation] .jkl-button.jkl-button--pressed:before{animation:cubic-bezier(.6,.2,.35,1) .25s jkl-tertiary-flash-uq2cwsn}:not([data-touchnavigation]) .jkl-button--primary:hover,:not([data-touchnavigation]) .jkl-button--secondary:hover,:not([data-touchnavigation]) .jkl-button--tertiary:hover{scale:1.05;transform-origin:center}.jkl-button--primary,.jkl-button--secondary{--border-radius: 999px}.jkl-button--primary{--background-color: var(--jkl-color-background-action);--text-color: var(--jkl-color-text-on-action)}.jkl-button--secondary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);border:var(--border-width) solid var(--text-color)}.jkl-button--tertiary,.jkl-button--tertiary:has(.jkl-icon:first-child),.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:var(--padding-tertiary-inline)}.jkl-button--tertiary:after,.jkl-button--tertiary:has(.jkl-icon:first-child):after,.jkl-button--tertiary:has(.jkl-icon:last-child):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);border-bottom:var(--border-width) solid var(--text-color)}.jkl-button--tertiary:hover,.jkl-button--tertiary:focus-visible,.jkl-button--tertiary:has(.jkl-icon:first-child):hover,.jkl-button--tertiary:has(.jkl-icon:first-child):focus-visible,.jkl-button--tertiary:has(.jkl-icon:last-child):hover,.jkl-button--tertiary:has(.jkl-icon:last-child):focus-visible{--border-width: .125rem}.jkl-button--ghost,.jkl-button--ghost:has(.jkl-icon:first-child),.jkl-button--ghost:has(.jkl-icon:last-child){padding-inline:var(--padding-ghost-inline);border-radius:.25rem;transition-timing-function:ease;transition-duration:.15s;transition-property:background-color}.jkl-button--ghost:hover,.jkl-button--ghost:has(.jkl-icon:first-child):hover,.jkl-button--ghost:has(.jkl-icon:last-child):hover{--background-color: var(--jkl-color-background-interactive-hover)}@keyframes jkl-tertiary-flash-uq2cwsn{0%{opacity:.5;scale:1}to{opacity:0;scale:8}}@media screen and (prefers-color-scheme: light){:root{--jkl-select-border-color: #636060;--jkl-select-text-color: #636060;--jkl-select-text-disabled-color: #636060;--jkl-select-text-active-value-color: #1b1917;--jkl-select-background-color: transparent;--jkl-select-open-background-color: #ffffff;--jkl-select-focus-color: #1b1917;--jkl-select-error-background-color: #f6b3b3;--jkl-select-error-text-color: #636060;--jkl-select-hover-option-color: #1b1917;--jkl-select-hover-option-background-color: #e0dbd4;--jkl-select-option-description-color: #636060;--jkl-select-search-input-selection-color: rgba(27, 25, 23, .2);--jkl-select-search-input-error-selection-color: rgba(27, 25, 23, .2);--jkl-select-arrow-color: #1b1917}}[data-theme=light]{--jkl-select-border-color: #636060;--jkl-select-text-color: #636060;--jkl-select-text-disabled-color: #636060;--jkl-select-text-active-value-color: #1b1917;--jkl-select-background-color: transparent;--jkl-select-open-background-color: #ffffff;--jkl-select-focus-color: #1b1917;--jkl-select-error-background-color: #f6b3b3;--jkl-select-error-text-color: #636060;--jkl-select-hover-option-color: #1b1917;--jkl-select-hover-option-background-color: #e0dbd4;--jkl-select-option-description-color: #636060;--jkl-select-search-input-selection-color: rgba(27, 25, 23, .2);--jkl-select-search-input-error-selection-color: rgba(27, 25, 23, .2);--jkl-select-arrow-color: #1b1917}@media screen and (prefers-color-scheme: dark){:root{--jkl-select-border-color: #c8c5c3;--jkl-select-text-color: #c8c5c3;--jkl-select-text-disabled-color: #c8c5c3;--jkl-select-text-active-value-color: #f9f9f9;--jkl-select-background-color: transparent;--jkl-select-open-background-color: #313030;--jkl-select-focus-color: #f9f9f9;--jkl-select-error-background-color: #f6b3b3;--jkl-select-error-text-color: #636060;--jkl-select-hover-option-color: #f9f9f9;--jkl-select-hover-option-background-color: #444141;--jkl-select-option-description-color: #ece9e5;--jkl-select-search-input-selection-color: rgba(249, 249, 249, .25);--jkl-select-search-input-error-selection-color: rgba(27, 25, 23, .2);--jkl-select-arrow-color: #f9f9f9}}[data-theme=dark]{--jkl-select-border-color: #c8c5c3;--jkl-select-text-color: #c8c5c3;--jkl-select-text-disabled-color: #c8c5c3;--jkl-select-text-active-value-color: #f9f9f9;--jkl-select-background-color: transparent;--jkl-select-open-background-color: #313030;--jkl-select-focus-color: #f9f9f9;--jkl-select-error-background-color: #f6b3b3;--jkl-select-error-text-color: #636060;--jkl-select-hover-option-color: #f9f9f9;--jkl-select-hover-option-background-color: #444141;--jkl-select-option-description-color: #ece9e5;--jkl-select-search-input-selection-color: rgba(249, 249, 249, .25);--jkl-select-search-input-error-selection-color: rgba(27, 25, 23, .2);--jkl-select-arrow-color: #f9f9f9}:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-select-input-height: 3rem;--jkl-select-arrow-right: .5rem;--jkl-select-button-padding: .5rem 2.25rem .5rem .75rem;--jkl-select-search-input-padding: var(--jkl-select-button-padding);--jkl-select-native-padding: 0 2.5rem 0 .5rem;--jkl-select-option-padding: .5rem .75rem;--jkl-select-font-size: var(--jkl-body-font-size);--jkl-select-line-height: var(--jkl-body-line-height);--jkl-select-font-weight: var(--jkl-body-font-weight)}@media (width >= 0) and (max-width: 679px){:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-select-input-height: 2.75rem}}[data-layout-density=compact],[data-density=compact]{--jkl-select-input-height: 2rem;--jkl-select-arrow-right: .25rem;--jkl-select-button-padding: .25rem 2rem .25rem .5rem;--jkl-select-search-input-padding: .25rem .5rem;--jkl-select-native-padding: .25rem 1.5rem .25rem .25rem;--jkl-select-option-padding: .25rem .5rem;--jkl-select-font-size: var(--jkl-small-font-size);--jkl-select-line-height: var(--jkl-small-line-height);--jkl-select-font-weight: var(--jkl-small-font-weight)}.jkl-select{display:block;position:relative;outline:0;border-style:none;outline-style:none}.jkl-select:active,.jkl-select:hover,.jkl-select:focus{outline:0;outline-style:none}@media screen and (forced-colors: active){.jkl-select{outline:revert;border-style:revert;outline-style:revert}.jkl-select:active,.jkl-select:hover,.jkl-select:focus{outline:revert;outline-style:revert}}.jkl-select *:focus{outline:none}.jkl-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.jkl-select select::ms-expand{display:none}.jkl-select select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--jkl-select-text-color)}.jkl-select select option{font-weight:400;font-family:sans-serif;color:var(--jkl-select-text-color);background-color:var(--jkl-select-open-background-color)}.jkl-select select option:disabled{color:var(--jkl-select-text-disabled-color)}.jkl-select__outer-wrapper{position:relative;width:15rem;min-width:7rem;max-width:100%}.jkl-select__search-input{box-sizing:border-box;padding:var(--jkl-select-search-input-padding);color:var(--jkl-select-text-color)}.jkl-select__search-input::selection{background-color:var(--jkl-select-search-input-selection-color)}[data-theme=dark] .jkl-select__search-input::selection{background-color:var(--jkl-select-search-input-selection-color)}.jkl-select__search-input,.jkl-select__button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--jkl-select-background-color);color:var(--jkl-select-text-color);cursor:pointer;height:var(--jkl-select-input-height);border-radius:.1875rem;border:.0625rem solid var(--jkl-select-border-color);box-shadow:0 0 0 .0625rem transparent;text-align:left;width:100%;transition-property:color,border-color,box-shadow;transition-timing-function:ease;transition-duration:.15s;font-size:var(--jkl-select-font-size);line-height:var(--jkl-select-line-height);font-weight:var(--jkl-select-font-weight)}.jkl-select__search-input--active-value,.jkl-select__button--active-value{color:var(--jkl-select-text-active-value-color)}.jkl-select__search-input:focus,.jkl-select__button:focus{border-color:var(--jkl-select-focus-color);color:var(--jkl-select-focus-color);box-shadow:0 0 0 .0625rem var(--jkl-select-focus-color);background-color:var(--jkl-select-open-background-color)}.jkl-select__search-input:hover,.jkl-select__button:hover{border-color:var(--jkl-select-focus-color);box-shadow:0 0 0 .0625rem var(--jkl-select-focus-color)}.jkl-select__search-input:hover~.jkl-select__arrow,.jkl-select__button:hover~.jkl-select__arrow{transform:translateY(calc(-50% + .1875rem))}.jkl-select__button{padding:var(--jkl-select-button-padding)}.jkl-select select.jkl-select__button{padding:var(--jkl-select-native-padding)}.jkl-select__arrow{pointer-events:none;position:absolute;right:var(--jkl-select-arrow-right);top:50%;color:var(--jkl-select-arrow-color);transform:translateY(-50%);transition-property:transform,color;transition-timing-function:ease;transition-duration:.15s}@media screen and (forced-colors: active){.jkl-select__arrow{stroke:CanvasText;fill:CanvasText}.jkl-select__arrow svg,.jkl-select__arrow path{stroke:CanvasText;fill:CanvasText}}.jkl-select__options-menu{position:absolute;left:-.0625rem;right:-.0625rem;top:100%;z-index:7000;background-color:var(--jkl-select-open-background-color);border:.125rem solid var(--jkl-select-focus-color);border-top:none;border-radius:0 0 .1875rem .1875rem;box-sizing:border-box;overflow-y:auto;max-height:calc((var(--jkl-select-max-shown-options, 5) + .5) * var(--jkl-select-input-height));transition-property:height;transition-timing-function:ease;transition-duration:.15s}.jkl-select__option-wrapper{margin:0;padding:0;list-style-type:none;-webkit-overflow-scrolling:touch}.jkl-select__option{color:unset;border:0;width:100%;background-color:inherit;min-height:var(--jkl-select-input-height);text-align:left;transition-property:color,background-color;position:relative;padding:var(--jkl-select-option-padding);cursor:pointer;transition-timing-function:ease;transition-duration:.15s;font-size:var(--jkl-select-font-size);line-height:var(--jkl-select-line-height);font-weight:var(--jkl-select-font-weight)}.jkl-select__option:focus,:not([data-focus=controlled])>.jkl-select__option:hover{color:var(--jkl-select-hover-option-color);background-color:var(--jkl-select-hover-option-background-color)}.jkl-select__option-description{color:var(--jkl-select-option-description-color);display:block;width:100%;font-size:1rem;line-height:1.5rem;font-weight:400;--jkl-icon-weight: 300}.jkl-select--inline{display:inline-block;vertical-align:top}.jkl-select--open .jkl-select__search-input,.jkl-select--open .jkl-select__button{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--jkl-select-focus-color);background-color:var(--jkl-select-open-background-color);box-shadow:0 0 0 .0625rem var(--jkl-select-focus-color)}.jkl-select--open .jkl-select__search-input:hover~.jkl-select__arrow,.jkl-select--open .jkl-select__button:hover~.jkl-select__arrow{transform:translateY(calc(-50% - .1875rem))}.jkl-select--invalid .jkl-select__search-input,.jkl-select--invalid .jkl-select__button{background-color:var(--jkl-select-error-background-color);color:var(--jkl-select-error-text-color)}.jkl-select--invalid .jkl-select__search-input--active-value,.jkl-select--invalid .jkl-select__button--active-value{color:revert}.jkl-select--invalid .jkl-select__search-input::selection{background-color:var(--jkl-select-search-input-error-selection-color)}@media screen and (forced-colors: active){.jkl-select .jkl-select__button,.jkl-select .jkl-select__search-input{color:CanvasText;border:2px solid ButtonText;background-color:Canvas;outline:revert}.jkl-select .jkl-select__button:hover,.jkl-select .jkl-select__search-input:hover{border-color:Highlight}.jkl-select .jkl-select__option{color:CanvasText;border-top:1px solid Canvas;border-bottom:1px solid Canvas}.jkl-select .jkl-select__option:hover,.jkl-select .jkl-select__option:focus{border-top:1px solid SelectedItem;border-bottom:1px solid SelectedItem;--jkl-icon-weight: 500;font-weight:700;letter-spacing:-.014em}}@keyframes jkl-dot-in-uq2cwt1{0%{transform:scale(.8)}to{transform:scale(1)}}.jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{--dot-color: var(--jkl-color-border-action);animation:jkl-dot-in-uq2cwt1 .15s ease}@font-face{font-family:Fremtind Grotesk;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/FremtindGrotesk-Regular-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Regular-Web.woff) format("woff")}@font-face{font-family:Adjusted Arial Fallback;font-weight:400;font-style:normal;src:local(arial);size-adjust:104%;ascent-override:82%;descent-override:normal;line-gap-override:32%}@font-face{font-family:Fremtind Grotesk;font-display:fallback;font-weight:700;font-style:normal;src:url(/fonts/FremtindGrotesk-Bold-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Bold-Web.woff) format("woff")}@font-face{font-family:Adjusted Arial Fallback;font-weight:700;font-style:normal;src:local(arial);size-adjust:108%;ascent-override:83%;descent-override:normal;line-gap-override:28%}@font-face{font-family:Fremtind Grotesk;font-display:fallback;font-weight:400;font-style:italic;src:url(/fonts/FremtindGrotesk-Italic-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Italic-Web.woff) format("woff")}@font-face{font-family:Adjusted Arial Fallback;font-weight:400;font-style:italic;src:local(arial);size-adjust:106%;ascent-override:83%;descent-override:normal;line-gap-override:28%}@font-face{font-family:Fremtind Grotesk;font-display:fallback;font-weight:700;font-style:italic;src:url(/fonts/FremtindGrotesk-BoldItalic-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-BoldItalic-Web.woff) format("woff")}@font-face{font-family:Adjusted Arial Fallback;font-weight:700;font-style:italic;src:local(arial);size-adjust:108%;ascent-override:83%;descent-override:normal;line-gap-override:28%}@font-face{font-family:Fremtind Grotesk Display;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/FremtindGrotesk-Display-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Display-Web.woff) format("woff")}@font-face{font-family:Adjusted Arial Display Fallback;font-weight:400;font-style:normal;src:local(arial);size-adjust:102%;ascent-override:76%;descent-override:normal;line-gap-override:40%}@font-face{font-family:Fremtind Grotesk Mono;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/FremtindGroteskMono-Regular-Web.woff2) format("woff2"),url(/fonts/FremtindGroteskMono-Regular-Web.woff) format("woff")}@font-face{font-family:Adjusted Courier New Fallback;font-weight:400;font-style:normal;src:local(courier new);size-adjust:100%;ascent-override:83%;descent-override:normal;line-gap-override:27%}@font-face{font-family:Fremtind Material Symbols;font-weight:300 500;font-style:normal;src:url(/fonts/Fremtind-Material-Symbols.woff2) format("woff2")}@media screen and (prefers-color-scheme: light){:root{--interactive-code-background: #ffffff;--interactive-code-info-background: #f9f9f9;--interactive-code-editor-background: #f4f2ef;--gap-color: #c8c5c3}}[data-theme=light]{--interactive-code-background: #ffffff;--interactive-code-info-background: #f9f9f9;--interactive-code-editor-background: #f4f2ef;--gap-color: #c8c5c3}@media screen and (prefers-color-scheme: dark){:root{--interactive-code-background: #1b1917;--interactive-code-info-background: #1b1917;--interactive-code-editor-background: #1b1917;--gap-color: #313030}}[data-theme=dark]{--interactive-code-background: #1b1917;--interactive-code-info-background: #1b1917;--interactive-code-editor-background: #1b1917;--gap-color: #313030}.interactive-code{--interactive-code-title-font-size: var(--jkl-small-font-size);--interactive-code-title-line-height: var(--jkl-small-line-height);--interactive-code-title-font-weight: var(--jkl-small-font-weight);background-color:var(--gap-color);border:1px solid var(--gap-color);display:grid;grid-template-areas:"title controls" "preview controls" "editor editor";grid-template-rows:2.5rem min-content min-content;grid-template-columns:3fr 1fr;gap:.0625rem;max-width:var(--jkl-portal-content-wide)}@media (width >= 0) and (max-width: 679px){.interactive-code{grid-template-areas:"title title" "preview preview" "controls controls" "editor editor";grid-template-rows:2.5rem min-content min-content min-content}}.interactive-code__title{font-size:var(--interactive-code-title-font-size);line-height:var(--interactive-code-title-line-height);font-weight:var(--interactive-code-title-font-weight);background:var(--interactive-code-info-background);grid-area:title;padding:.5rem 1rem}.interactive-code__preview{background:var(--interactive-code-background);grid-area:preview;padding:1.5rem 1rem;color:var(--jkl-color)}.interactive-code__preview--centered{display:flex;align-items:center;justify-content:center}.interactive-code__controls{background:var(--interactive-code-info-background);grid-area:controls}.interactive-code__controls-title{font-size:var(--interactive-code-title-font-size);line-height:var(--interactive-code-title-line-height);font-weight:var(--interactive-code-title-font-weight);border-bottom:1px solid var(--gap-color);height:1.5rem;padding:.5rem 1rem}.interactive-code__controls-title:not(:first-of-type){border-top:1px solid var(--gap-color)}.interactive-code__controls-knobs{padding:1.5rem 1rem}.interactive-code__editor{font-size:1rem;line-height:1.5rem;font-weight:400;--jkl-icon-weight: 300;font-family:Fremtind Grotesk Mono,Adjusted Courier New Fallback,-apple-system,BlinkMacSystemFont,monospace;background:var(--interactive-code-editor-background);grid-area:editor;padding:1.5rem 1rem}.interactive-code__editor-error pre{margin:0}.interactive-code[data-show-controls=false]>.interactive-code__title{grid-area:title/title/title/controls}.interactive-code[data-show-controls=false]>.interactive-code__preview{grid-area:preview/preview/preview/controls}.interactive-code[data-show-editor=false][data-show-controls=true]>.interactive-code__preview{grid-area:preview/preview/editor/preview}@media (min-width: 1512px){.interactive-code[data-show-editor=false][data-show-controls=true]>.interactive-code__preview{max-width:49.0625rem}}@media (width >= 0) and (max-width: 679px){.interactive-code[data-show-editor=false][data-show-controls=true]>.interactive-code__preview{grid-area:preview/preview/preview/preview}}.interactive-code[data-show-editor=false][data-show-controls=false]>.interactive-code__preview{grid-area:preview/preview/editor/controls}.interactive-code[data-show-editor=false]>.interactive-code__controls{grid-area:controls/controls/editor/controls}.interactive-code[data-show-editor=true][data-show-preview=false][data-show-controls=true]>.interactive-code__controls{grid-area:controls/controls/editor/controls}.interactive-code[data-show-editor=true][data-show-preview=false][data-show-controls=true]>.interactive-code__editor{grid-area:preview/preview/editor/preview}.interactive-code[data-show-editor=true][data-show-preview=false][data-show-controls=false]>.interactive-code__editor{grid-area:preview/preview/editor/editor}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{margin:0;border:0;padding:0;display:block;line-height:1}table{border-collapse:collapse}table,thead,tbody,tr,td,th{margin:0;padding:0}.jkl [hidden]{display:none}:root{--jkl-color-brand-snohvit: #f9f9f9;--jkl-color-brand-varde: #e0dbd4;--jkl-color-brand-granitt: #1b1917;--jkl-color-brand-hvit: #ffffff;--jkl-color-brand-svart: #000000;--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-spacing-0: 0;--jkl-spacing-2: .125rem;--jkl-spacing-4: .25rem;--jkl-spacing-8: .5rem;--jkl-spacing-12: .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-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{--jkl-color-svart: #000000;--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: #ffffff;--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}@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: #ffffff;--jkl-color-background-container-inverted: #1b1917;--jkl-color-background-container-subdued: #c8c5c3;--jkl-color-background-input-base: rgba(0, 0, 0, 0);--jkl-color-background-input-focus: #ffffff;--jkl-color-background-action: #1b1917;--jkl-color-background-interactive: rgba(0, 0, 0, 0);--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-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: #ffffff;--jkl-color-background-container-inverted: #1b1917;--jkl-color-background-container-subdued: #c8c5c3;--jkl-color-background-input-base: rgba(0, 0, 0, 0);--jkl-color-background-input-focus: #ffffff;--jkl-color-background-action: #1b1917;--jkl-color-background-interactive: rgba(0, 0, 0, 0);--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-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: #000000;--jkl-color-background-container-high: #313030;--jkl-color-background-container-inverted: #f9f9f9;--jkl-color-background-container-subdued: #636060;--jkl-color-background-input-base: rgba(0, 0, 0, 0);--jkl-color-background-input-focus: #313030;--jkl-color-background-action: #f9f9f9;--jkl-color-background-interactive: rgba(0, 0, 0, 0);--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-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: #000000;--jkl-color-background-container-high: #313030;--jkl-color-background-container-inverted: #f9f9f9;--jkl-color-background-container-subdued: #636060;--jkl-color-background-input-base: rgba(0, 0, 0, 0);--jkl-color-background-input-focus: #313030;--jkl-color-background-action: #f9f9f9;--jkl-color-background-interactive: rgba(0, 0, 0, 0);--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-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}.jkl-title{font-size:2.25rem;line-height:2.75rem;font-weight:400;--jkl-icon-weight: 300}@media (min-width: 680px){.jkl-title{font-size:3.5rem;line-height:4rem;font-weight:400;--jkl-icon-weight: 300}}.jkl-title-small{font-size:1.875rem;line-height:2.25rem;font-weight:400;--jkl-icon-weight: 300}@media (min-width: 680px){.jkl-title-small{font-size:2.75rem;line-height:3.25rem;font-weight:400;--jkl-icon-weight: 300}}.jkl-heading-1{font-size:1.625rem;line-height:2rem;font-weight:400;--jkl-icon-weight: 300}@media (min-width: 680px){.jkl-heading-1{font-size:2.25rem;line-height:2.75rem;font-weight:400;--jkl-icon-weight: 300}}.jkl-heading-2{font-size:1.4375rem;line-height:2rem;font-weight:400;--jkl-icon-weight: 300}@media (min-width: 680px){.jkl-heading-2{font-size:1.75rem;line-height:2.5rem;font-weight:400;--jkl-icon-weight: 300}}.jkl-heading-3{font-size:1.3125rem;line-height:1.75rem;font-weight:700;--jkl-icon-weight: 500}@media (min-width: 680px){.jkl-heading-3{font-size:1.5625rem;line-height:2rem;font-weight:700;--jkl-icon-weight: 500}}.jkl-heading-4{font-size:1.125rem;line-height:1.5rem;font-weight:700;--jkl-icon-weight: 500}@media (min-width: 680px){.jkl-heading-4{font-size:1.3125rem;line-height:1.75rem;font-weight:700;--jkl-icon-weight: 500}}.jkl-heading-5{font-size:1rem;line-height:1.5rem;font-weight:700;--jkl-icon-weight: 500}.jkl-body{font-size:1.125rem;line-height:1.75rem;font-weight:400;--jkl-icon-weight: 300}@media (min-width: 680px){.jkl-body{font-size:1.25rem;line-height:2rem;font-weight:400;--jkl-icon-weight: 300}}.jkl-bold{font-size:1.125rem;line-height:1.75rem;font-weight:400;--jkl-icon-weight: 300;--jkl-icon-weight: 500;font-weight:700}@media (min-width: 680px){.jkl-bold{font-size:1.25rem;line-height:2rem;font-weight:400;--jkl-icon-weight: 300;--jkl-icon-weight: 500;font-weight:700}}.jkl-small{font-size:1rem;line-height:1.5rem;font-weight:400;--jkl-icon-weight: 300}:root{--jkl-spacing-2: .125rem;--jkl-spacing-4: .25rem;--jkl-spacing-8: .5rem;--jkl-spacing-12: .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}@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}}.jkl-spacing-2--all{margin:var(--jkl-spacing-2)}.jkl-spacing-2--top{margin-top:var(--jkl-spacing-2)}.jkl-spacing-2--bottom{margin-bottom:var(--jkl-spacing-2)}.jkl-spacing-2--left{margin-left:var(--jkl-spacing-2)}.jkl-spacing-2--right{margin-right:var(--jkl-spacing-2)}.jkl-spacing-4--all{margin:var(--jkl-spacing-4)}.jkl-spacing-4--top{margin-top:var(--jkl-spacing-4)}.jkl-spacing-4--bottom{margin-bottom:var(--jkl-spacing-4)}.jkl-spacing-4--left{margin-left:var(--jkl-spacing-4)}.jkl-spacing-4--right{margin-right:var(--jkl-spacing-4)}.jkl-spacing-8--all{margin:var(--jkl-spacing-8)}.jkl-spacing-8--top{margin-top:var(--jkl-spacing-8)}.jkl-spacing-8--bottom{margin-bottom:var(--jkl-spacing-8)}.jkl-spacing-8--left{margin-left:var(--jkl-spacing-8)}.jkl-spacing-8--right{margin-right:var(--jkl-spacing-8)}.jkl-spacing-12--all{margin:var(--jkl-spacing-12)}.jkl-spacing-12--top{margin-top:var(--jkl-spacing-12)}.jkl-spacing-12--bottom{margin-bottom:var(--jkl-spacing-12)}.jkl-spacing-12--left{margin-left:var(--jkl-spacing-12)}.jkl-spacing-12--right{margin-right:var(--jkl-spacing-12)}.jkl-spacing-16--all{margin:var(--jkl-spacing-16)}.jkl-spacing-16--top{margin-top:var(--jkl-spacing-16)}.jkl-spacing-16--bottom{margin-bottom:var(--jkl-spacing-16)}.jkl-spacing-16--left{margin-left:var(--jkl-spacing-16)}.jkl-spacing-16--right{margin-right:var(--jkl-spacing-16)}.jkl-spacing-24--all{margin:var(--jkl-spacing-24)}.jkl-spacing-24--top{margin-top:var(--jkl-spacing-24)}.jkl-spacing-24--bottom{margin-bottom:var(--jkl-spacing-24)}.jkl-spacing-24--left{margin-left:var(--jkl-spacing-24)}.jkl-spacing-24--right{margin-right:var(--jkl-spacing-24)}.jkl-spacing-32--all{margin:var(--jkl-spacing-32)}.jkl-spacing-32--top{margin-top:var(--jkl-spacing-32)}.jkl-spacing-32--bottom{margin-bottom:var(--jkl-spacing-32)}.jkl-spacing-32--left{margin-left:var(--jkl-spacing-32)}.jkl-spacing-32--right{margin-right:var(--jkl-spacing-32)}.jkl-spacing-40--all{margin:var(--jkl-spacing-40)}.jkl-spacing-40--top{margin-top:var(--jkl-spacing-40)}.jkl-spacing-40--bottom{margin-bottom:var(--jkl-spacing-40)}.jkl-spacing-40--left{margin-left:var(--jkl-spacing-40)}.jkl-spacing-40--right{margin-right:var(--jkl-spacing-40)}.jkl-spacing-64--all{margin:var(--jkl-spacing-64)}.jkl-spacing-64--top{margin-top:var(--jkl-spacing-64)}.jkl-spacing-64--bottom{margin-bottom:var(--jkl-spacing-64)}.jkl-spacing-64--left{margin-left:var(--jkl-spacing-64)}.jkl-spacing-64--right{margin-right:var(--jkl-spacing-64)}.jkl-spacing-104--all{margin:var(--jkl-spacing-104)}.jkl-spacing-104--top{margin-top:var(--jkl-spacing-104)}.jkl-spacing-104--bottom{margin-bottom:var(--jkl-spacing-104)}.jkl-spacing-104--left{margin-left:var(--jkl-spacing-104)}.jkl-spacing-104--right{margin-right:var(--jkl-spacing-104)}.jkl-spacing-168--all{margin:var(--jkl-spacing-168)}.jkl-spacing-168--top{margin-top:var(--jkl-spacing-168)}.jkl-spacing-168--bottom{margin-bottom:var(--jkl-spacing-168)}.jkl-spacing-168--left{margin-left:var(--jkl-spacing-168)}.jkl-spacing-168--right{margin-right:var(--jkl-spacing-168)}.jkl-spacing-16-24--all{margin:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--top{margin-top:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--bottom{margin-bottom:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--left{margin-left:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--right{margin-right:var(--jkl-spacing-16-24)}.jkl-spacing-24-40--all{margin:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--top{margin-top:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--bottom{margin-bottom:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--left{margin-left:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--right{margin-right:var(--jkl-spacing-24-40)}.jkl-spacing-24-32--all{margin:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--top{margin-top:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--bottom{margin-bottom:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--left{margin-left:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--right{margin-right:var(--jkl-spacing-24-32)}.jkl-spacing-32-40--all{margin:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--top{margin-top:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--bottom{margin-bottom:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--left{margin-left:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--right{margin-right:var(--jkl-spacing-32-40)}.jkl-spacing-40-64--all{margin:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--top{margin-top:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--bottom{margin-bottom:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--left{margin-left:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--right{margin-right:var(--jkl-spacing-40-64)}.jkl-spacing-64-104--all{margin:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--top{margin-top:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--bottom{margin-bottom:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--left{margin-left:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--right{margin-right:var(--jkl-spacing-64-104)}.jkl-spacing-104-168--all{margin:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--top{margin-top:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--bottom{margin-bottom:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--left{margin-left:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--right{margin-right:var(--jkl-spacing-104-168)}.jkl-spacing-16-16-24--all{margin:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--top{margin-top:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--bottom{margin-bottom:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--left{margin-left:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--right{margin-right:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-24-32--all{margin:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--top{margin-top:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--bottom{margin-bottom:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--left{margin-left:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--right{margin-right:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-40--all{margin:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--top{margin-top:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--bottom{margin-bottom:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--left{margin-left:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--right{margin-right:var(--jkl-spacing-16-24-40)}.jkl-spacing-24-24-32--all{margin:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--top{margin-top:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--bottom{margin-bottom:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--left{margin-left:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--right{margin-right:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-40--all{margin:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--top{margin-top:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--bottom{margin-bottom:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--left{margin-left:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--right{margin-right:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-32-40--all{margin:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--top{margin-top:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--bottom{margin-bottom:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--left{margin-left:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--right{margin-right:var(--jkl-spacing-24-32-40)}.jkl-spacing-32-32-40--all{margin:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--top{margin-top:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--bottom{margin-bottom:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--left{margin-left:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--right{margin-right:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-40-64--all{margin:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--top{margin-top:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--bottom{margin-bottom:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--left{margin-left:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--right{margin-right:var(--jkl-spacing-32-40-64)}.jkl-spacing-40-40-64--all{margin:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--top{margin-top:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--bottom{margin-bottom:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--left{margin-left:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--right{margin-right:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-64-104--all{margin:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--top{margin-top:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--bottom{margin-bottom:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--left{margin-left:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--right{margin-right:var(--jkl-spacing-40-64-104)}.jkl-spacing-64-64-104--all{margin:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--top{margin-top:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--bottom{margin-bottom:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--left{margin-left:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--right{margin-right:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-104-168--all{margin:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--top{margin-top:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--bottom{margin-bottom:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--left{margin-left:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--right{margin-right:var(--jkl-spacing-64-104-168)}.jkl-spacing-104-104-168--all{margin:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--top{margin-top:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--bottom{margin-bottom:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--left{margin-left:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--right{margin-right:var(--jkl-spacing-104-104-168)}.jkl-spacing-3xs--all{margin:.125rem}.jkl-spacing-3xs--top{margin-top:.125rem}.jkl-spacing-3xs--bottom{margin-bottom:.125rem}.jkl-spacing-3xs--left{margin-left:.125rem}.jkl-spacing-3xs--right{margin-right:.125rem}.jkl-spacing-2xs--all{margin:.25rem}.jkl-spacing-2xs--top{margin-top:.25rem}.jkl-spacing-2xs--bottom{margin-bottom:.25rem}.jkl-spacing-2xs--left{margin-left:.25rem}.jkl-spacing-2xs--right{margin-right:.25rem}.jkl-spacing-xs--all{margin:.5rem}.jkl-spacing-xs--top{margin-top:.5rem}.jkl-spacing-xs--bottom{margin-bottom:.5rem}.jkl-spacing-xs--left{margin-left:.5rem}.jkl-spacing-xs--right{margin-right:.5rem}.jkl-spacing-s--all{margin:.75rem}.jkl-spacing-s--top{margin-top:.75rem}.jkl-spacing-s--bottom{margin-bottom:.75rem}.jkl-spacing-s--left{margin-left:.75rem}.jkl-spacing-s--right{margin-right:.75rem}.jkl-spacing-m--all{margin:1rem}.jkl-spacing-m--top{margin-top:1rem}.jkl-spacing-m--bottom{margin-bottom:1rem}.jkl-spacing-m--left{margin-left:1rem}.jkl-spacing-m--right{margin-right:1rem}.jkl-spacing-l--all{margin:1.5rem}.jkl-spacing-l--top{margin-top:1.5rem}.jkl-spacing-l--bottom{margin-bottom:1.5rem}.jkl-spacing-l--left{margin-left:1.5rem}.jkl-spacing-l--right{margin-right:1.5rem}.jkl-spacing-xl--all{margin:2.5rem}.jkl-spacing-xl--top{margin-top:2.5rem}.jkl-spacing-xl--bottom{margin-bottom:2.5rem}.jkl-spacing-xl--left{margin-left:2.5rem}.jkl-spacing-xl--right{margin-right:2.5rem}.jkl-spacing-2xl--all{margin:4rem}.jkl-spacing-2xl--top{margin-top:4rem}.jkl-spacing-2xl--bottom{margin-bottom:4rem}.jkl-spacing-2xl--left{margin-left:4rem}.jkl-spacing-2xl--right{margin-right:4rem}.jkl-spacing-3xl--all{margin:6.5rem}.jkl-spacing-3xl--top{margin-top:6.5rem}.jkl-spacing-3xl--bottom{margin-bottom:6.5rem}.jkl-spacing-3xl--left{margin-left:6.5rem}.jkl-spacing-3xl--right{margin-right:6.5rem}.jkl-spacing-4xl--all{margin:10.5rem}.jkl-spacing-4xl--top{margin-top:10.5rem}.jkl-spacing-4xl--bottom{margin-bottom:10.5rem}.jkl-spacing-4xl--left{margin-left:10.5rem}.jkl-spacing-4xl--right{margin-right:10.5rem}.jkl-sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.jkl-sr-only--focusable:focus,.jkl-sr-only--focusable:active{clip:auto!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;width:auto!important;white-space:normal!important}:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-density: "comfortable"}[data-layout-density=compact],[data-density=compact]{--jkl-density: "compact"}@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-title-font-size: 2.25rem;--jkl-title-line-height: 2.75rem;--jkl-title-font-weight: 400;--jkl-title---jkl-icon-weight: 300;--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-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-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-3-font-size: 1.3125rem;--jkl-heading-3-line-height: 1.75rem;--jkl-heading-3-font-weight: 700;--jkl-heading-3---jkl-icon-weight: 500;--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: 500;--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: 500;--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}@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-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-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-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-3-font-size: 1.5625rem;--jkl-heading-3-line-height: 2rem;--jkl-heading-3-font-weight: 700;--jkl-heading-3---jkl-icon-weight: 500;--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: 500;--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: 500;--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{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: 500;font-weight:700}@media screen and (prefers-reduced-motion: reduce){*,*:after,*:before{animation-duration:0ms!important;animation-delay:0ms!important;transition:none!important}}:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-radio-button-height: 3rem;--jkl-radio-button-line-height: 2rem;--jkl-radio-button-size: 1.5rem;--jkl-radio-button-text-margin: .5rem 0;--jkl-radio-button-text-transform: translate3d(0, .0625rem, 0);--jkl-radio-button-dot-margin: .75rem .5rem .75rem 0;--jkl-radio-button-dot-size: 1rem;--jkl-radio-button-label-font-size: var(--jkl-body-font-size);--jkl-radio-button-label-line-height: var(--jkl-body-line-height);--jkl-radio-button-label-font-weight: var(--jkl-body-font-weight)}@media (width >= 0) and (max-width: 679px){:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-radio-button-height: 2.5rem;--jkl-radio-button-line-height: 1.75rem;--jkl-radio-button-size: 1.5rem;--jkl-radio-button-text-margin: .5rem 0;--jkl-radio-button-text-transform: translate3d(0, 0, 0);--jkl-radio-button-dot-margin: .625rem .5rem .625rem 0;--jkl-radio-button-dot-size: 1rem}}[data-layout-density=compact],[data-density=compact]{--jkl-radio-button-height: 1.75rem;--jkl-radio-button-line-height: 1.5rem;--jkl-radio-button-size: 1.125rem;--jkl-radio-button-text-margin: .25rem 0;--jkl-radio-button-text-transform: translate3d(0, 0, 0);--jkl-radio-button-dot-margin: .4375rem .5rem .4375rem 0;--jkl-radio-button-dot-size: .625rem;--jkl-radio-button-label-font-size: var(--jkl-small-font-size);--jkl-radio-button-label-line-height: var(--jkl-small-line-height);--jkl-radio-button-label-font-weight: var(--jkl-small-font-weight)}@keyframes jkl-dot-in-ugbfypn{0%{transform:scale(.8)}to{transform:scale(1)}}.jkl-radio-button{--ring-color: var(--jkl-color-border-action);--dot-color: transparent;--background-color: transparent;--text-color: var(--jkl-color-text-default);display:flex;min-height:var(--jkl-radio-button-height);color:var(--text-color);position:relative;outline:0;border-style:none;outline-style:none}.jkl-radio-button:active,.jkl-radio-button:hover,.jkl-radio-button:focus{outline:0;outline-style:none}@media screen and (forced-colors: active){.jkl-radio-button{outline:revert;border-style:revert;outline-style:revert}.jkl-radio-button:active,.jkl-radio-button:hover,.jkl-radio-button:focus{outline:revert;outline-style:revert}}.jkl-radio-button__input{position:absolute;opacity:0;top:-6px}.jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{--dot-color: var(--jkl-color-border-action);animation:jkl-dot-in-ugbfypn .15s ease}@media screen and (forced-colors: active){.jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{background-color:ButtonText}}.jkl-radio-button--error .jkl-radio-button__input:checked+.jkl-radio-button__label{--background-color: var(--jkl-color-background-alert-error);--dot-color: var(--jkl-color-text-on-alert)}.jkl-radio-button__input:focus-visible+.jkl-radio-button__label{--background-color: var(--jkl-color-background-input-focus)}.jkl-radio-button__input:focus-visible+.jkl-radio-button__label>.jkl-radio-button__dot{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-radio-button--error .jkl-radio-button__input:focus-visible+.jkl-radio-button__label{--background-color: var(--jkl-color-background-alert-error);--dot-color: var(--jkl-color-text-on-alert)}.jkl-radio-button__label{cursor:pointer;display:flex;align-items:flex-start;font-size:var(--jkl-radio-button-label-font-size);line-height:var(--jkl-radio-button-label-line-height);font-weight:var(--jkl-radio-button-label-font-weight)}.jkl-radio-button__label:hover>.jkl-radio-button__dot{outline:1px solid var(--ring-color)}.jkl-radio-button__label:active>.jkl-radio-button__dot .jkl-radio-button__label:after{scale:.9}.jkl-radio-button__dot{display:inline-block;position:relative;box-sizing:border-box;margin:var(--jkl-radio-button-dot-margin);flex-shrink:0;height:var(--jkl-radio-button-size);width:var(--jkl-radio-button-size);border-radius:50%;border:.0625rem solid var(--ring-color);background-color:var(--background-color);transition-property:background-color,outline;transition-timing-function:ease;transition-duration:.15s}.jkl-radio-button__dot:after{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;scale:1;height:var(--jkl-radio-button-dot-size);width:var(--jkl-radio-button-dot-size);border-radius:50%;background-color:var(--dot-color);transition-property:transform;transition-timing-function:ease;transition-duration:.15s}@media screen and (forced-colors: active){.jkl-radio-button__dot{outline:revert;border:1px solid ButtonText}}.jkl-radio-button__text{display:inline-block;margin:var(--jkl-radio-button-text-margin);transform:var(--jkl-radio-button-text-transform)}.jkl-radio-button--error{--background-color: var(--jkl-color-background-alert-error)}.jkl-radio-button--inline{display:inline-flex;margin-top:unset;margin-right:1.5rem}.jkl-radio-button+.jkl-form-support-label{margin-left:calc(var(--jkl-radio-button-size) + .5rem);margin-top:-.375rem;margin-bottom:.5rem}.jkl-skeleton-loader-example,.jkl-loader-example{display:flex;flex-direction:column;justify-content:space-between;width:100%}.jkl-skeleton-loader-example>*:not(:last-child),.jkl-loader-example>*:not(:last-child){margin-bottom:2rem}.jkl-loader{display:flex}.jkl-loader--inline{display:inline-flex}.jkl-loader__dot{display:block;transform-origin:center;background-color:currentColor;height:.9em;width:.9em;animation:2.5s linear infinite}.jkl-loader__dot--left{animation-name:jkl-loader-left-spin-ugtms2r;margin-right:1.71em}.jkl-loader__dot--middle{animation-name:jkl-loader-middle-spin-ugtms39;margin-right:1.9em}.jkl-loader__dot--right{animation-name:jkl-loader-right-spin-ugtms40}@media screen and (forced-colors: active){.jkl-loader__dot{background-color:CanvasText}}.jkl-button .jkl-loader>.jkl-loader__dot,.jkl-loader--medium>.jkl-loader__dot{height:.35em;width:.35em}.jkl-button .jkl-loader>.jkl-loader__dot--left,.jkl-loader--medium>.jkl-loader__dot--left{margin-right:.585em}.jkl-button .jkl-loader>.jkl-loader__dot--middle,.jkl-loader--medium>.jkl-loader__dot--middle{margin-right:.65em}.jkl-loader--small>.jkl-loader__dot{height:.25em;width:.25em}.jkl-loader--small>.jkl-loader__dot--left{margin-right:.27em}.jkl-loader--small>.jkl-loader__dot--middle{margin-right:.3em}@keyframes jkl-loader-left-spin-ugtms2r{0%{transform:rotate(0) scale(0)}30%{transform:rotate(90deg) scale(1)}70%{transform:rotate(180deg) scale(0)}to{transform:rotate(180deg) scale(0)}}@keyframes jkl-loader-middle-spin-ugtms39{0%{transform:rotate(20deg) scale(0)}10%{transform:rotate(20deg) scale(0)}40%{transform:rotate(110deg) scale(1.4)}85%{transform:rotate(200deg) scale(0)}to{transform:rotate(200deg) scale(0)}}@keyframes jkl-loader-right-spin-ugtms40{0%{transform:rotate(40deg) scale(0)}20%{transform:rotate(40deg) scale(0)}50%{transform:rotate(130deg) scale(1)}to{transform:rotate(220deg) scale(0)}}@media screen and (prefers-color-scheme: light){:root{--jkl-skeleton-element-color: #e0dbd4;--jkl-skeleton-sweeper-color: #f9f9f9}}[data-theme=light]{--jkl-skeleton-element-color: #e0dbd4;--jkl-skeleton-sweeper-color: #f9f9f9}@media screen and (prefers-color-scheme: dark){:root{--jkl-skeleton-element-color: #636060;--jkl-skeleton-sweeper-color: #1b1917}}[data-theme=dark]{--jkl-skeleton-element-color: #636060;--jkl-skeleton-sweeper-color: #1b1917}.jkl-skeleton-animation{--jkl-skeleton-sweep-duration: 3s;position:relative;overflow:hidden}.jkl-skeleton-animation:after{content:" ";position:absolute;top:0;bottom:0;width:12.5rem;background:linear-gradient(89.17deg,rgba(249,249,249,0) .8%,var(--jkl-skeleton-sweeper-color) 50.09%,rgba(249,249,249,0) 96.31%);animation:var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-upbqeqj}@media (width >= 0) and (max-width: 679px){.jkl-skeleton-animation{width:9.375rem}}@media screen and (prefers-reduced-motion: reduce){.jkl-skeleton-animation:after{background:none}}@media screen and (forced-colors: active){.jkl-skeleton-animation:after{animation:none}}.jkl-skeleton-animation--compact:after{width:9.375rem}.jkl-skeleton-element{border-radius:.125rem;background-color:var(--jkl-skeleton-element-color)}.jkl-skeleton-element--circle{border-radius:50%}@media screen and (forced-colors: active){.jkl-skeleton-element{border:1px solid CanvasText;animation:2s ease infinite jkl-blink-upbqerd}}.jkl-skeleton-input{display:flex;flex-direction:column;gap:.75rem}.jkl-skeleton-input__checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}@media (width >= 0) and (max-width: 679px){.jkl-skeleton-input{gap:.5rem}}.jkl-skeleton-input--compact:after{gap:.5rem}.jkl-skeleton-table{display:flex;flex-direction:column}.jkl-skeleton-table__header,.jkl-skeleton-table__row{display:flex;flex-direction:row;justify-content:space-between;border-bottom:solid 1px var(--jkl-skeleton-element-color)}.jkl-skeleton-table__header{padding:.75rem .5rem}.jkl-skeleton-table__row{padding:1rem .5rem}@media (width >= 0) and (max-width: 679px){.jkl-skeleton-table__header{padding:.5rem .25rem}.jkl-skeleton-table__row{padding:.75rem .25rem}}.jkl-skeleton-table--compact::after__header{padding:.5rem .25rem}.jkl-skeleton-table--compact::after__row{padding:.75rem .25rem}@media screen and (forced-colors: active){.jkl-skeleton-table{animation:2s ease-in-out infinite jkl-blink-upbqerd}}@keyframes jkl-sweep-upbqeqj{0%{transform:translate(calc(0vw - 200px))}80%,to{transform:translate(calc(100vw + 400px))}}@keyframes jkl-blink-upbqerd{0%{opacity:1}40%,50%{opacity:.3}70%,to{opacity:1}}@media screen and (prefers-color-scheme: light){:root{--jkl-link-color: #1b1917;--jkl-link-hover-color: #636060;--jkl-link-active-color: #1b1917}}[data-theme=light]{--jkl-link-color: #1b1917;--jkl-link-hover-color: #636060;--jkl-link-active-color: #1b1917}@media screen and (prefers-color-scheme: dark){:root{--jkl-link-color: #f9f9f9;--jkl-link-hover-color: #c8c5c3;--jkl-link-active-color: #f9f9f9}}[data-theme=dark]{--jkl-link-color: #f9f9f9;--jkl-link-hover-color: #c8c5c3;--jkl-link-active-color: #f9f9f9}.jkl-link{color:var(--jkl-link-color);background-image:linear-gradient(to bottom,var(--jkl-link-color) 0%,var(--jkl-link-color) 100%);background-position:0 calc(100% - .0625rem);background-size:.0625rem .0625rem;background-repeat:repeat-x;transition-timing-function:ease;transition-duration:75ms;transition-property:color;outline:none;text-decoration:none}.jkl-link:hover:not(:focus){color:var(--jkl-link-hover-color);background-image:linear-gradient(to bottom,var(--jkl-link-hover-color) 0%,var(--jkl-link-hover-color) 100%)}.jkl-link:hover{background-image:linear-gradient(to bottom,var(--jkl-link-hover-color) 0%,var(--jkl-link-hover-color) 100%)}.jkl-link:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px;background:none}.jkl-link:active{background-position:0 calc(100% - .0625rem)}.jkl-link[target=_blank]:after,.jkl-link--external:after{content:"↗";content:"↗"/"";alt:" "}@media screen and (forced-colors: active){.jkl-link{outline:revert;text-decoration:revert}}.jkl-nav-link{color:var(--jkl-link-color);box-sizing:border-box;font-weight:400;text-decoration:none;position:relative;outline:0;border-style:none;outline-style:none}.jkl-nav-link:active,.jkl-nav-link:hover,.jkl-nav-link:focus{outline:0;outline-style:none}@media screen and (forced-colors: active){.jkl-nav-link{outline:revert;border-style:revert;outline-style:revert}.jkl-nav-link:active,.jkl-nav-link:hover,.jkl-nav-link:focus{outline:revert;outline-style:revert}}.jkl-nav-link:after{content:"→";content:"→"/"";alt:" ";transition-timing-function:ease;transition-duration:.15s;transition-property:padding-left,padding-right;display:inline;margin-left:-.2em;padding-left:.35em;padding-right:.35em}.jkl-nav-link:hover:not(:focus){color:var(--jkl-link-hover-color)}.jkl-nav-link:hover:not(:focus):after{padding-left:.7em;padding-right:0}.jkl-nav-link:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-nav-link:focus-visible:after{padding-left:.7em;padding-right:0}.jkl-nav-link--active{--jkl-icon-weight: 500;font-weight:700;letter-spacing:-.014em}.jkl-nav-link--back{padding-right:0;padding-left:.3em;margin-left:-.3em}.jkl-nav-link--back:after{display:none}.jkl-nav-link--back:before{content:"←";content:"←"/"";alt:" ";transition-timing-function:ease;transition-duration:.15s;transform:translate(0);transition-property:transform;display:inline-block;padding-right:.25rem}.jkl-nav-link--back:hover:before,.jkl-nav-link--back:focus-visible:before{transform:translate(-33%)}.jkl-accordion{width:100%}.jkl .jkl-accordion,.jkl-accordion[data-layout-density=comfortable],.jkl-accordion[data-density=comfortable],[data-layout-density=comfortable] .jkl-accordion,[data-density=comfortable] .jkl-accordion{--title-padding: var(--jkl-spacing-16) 3rem var(--jkl-spacing-16) var(--jkl-spacing-16);--arrow-top: 1.25rem;--arrow-right: var(--jkl-spacing-12);--content-padding: var(--jkl-spacing-8) var(--jkl-spacing-16) var(--jkl-spacing-16);--title-font-size: var(--jkl-body-font-size);--title-line-height: var(--jkl-body-line-height);--title-font-weight: var(--jkl-body-font-weight);--content-font-size: var(--jkl-body-font-size);--content-line-height: var(--jkl-body-line-height);--content-font-weight: var(--jkl-body-font-weight)}@media (width >= 0) and (max-width: 679px){.jkl .jkl-accordion,.jkl-accordion[data-layout-density=comfortable],.jkl-accordion[data-density=comfortable],[data-layout-density=comfortable] .jkl-accordion,[data-density=comfortable] .jkl-accordion{--title-padding: var(--jkl-spacing-12) 2.75rem var(--jkl-spacing-12) var(--jkl-spacing-12);--content-padding: var(--jkl-spacing-8) var(--jkl-spacing-12) var(--jkl-spacing-16) var(--jkl-spacing-12);--arrow-top: 1.4375rem}}.jkl-accordion[data-layout-density=compact],.jkl-accordion[data-density=compact],[data-layout-density=compact] .jkl-accordion,[data-density=compact] .jkl-accordion{--title-padding: var(--jkl-spacing-8) 2rem var(--jkl-spacing-8) var(--jkl-spacing-8);--arrow-top: var(--jkl-spacing-8);--arrow-right: var(--jkl-spacing-4);--content-padding: var(--jkl-spacing-8);--title-font-size: var(--jkl-small-font-size);--title-line-height: var(--jkl-small-line-height);--title-font-weight: var(--jkl-small-font-weight);--content-font-size: var(--jkl-small-font-size);--content-line-height: var(--jkl-small-line-height);--content-font-weight: var(--jkl-small-font-weight)}.jkl-accordion-item{--background: transparent;--text-color: var(--jkl-color-text-default);--title-text-color: var(--jkl-color-text-interactive);--border-color: var(--jkl-color-border-separator);background-color:var(--background);color:var(--text-color);border-bottom:.0625rem solid var(--border-color);transition-timing-function:ease;transition-duration:.1s;transition-property:border-color}.jkl-accordion-item:hover{--border-color: var(--jkl-color-border-separator-hover)}.jkl-accordion-item:hover:not(:first-child){border-top:.0625rem solid var(--border-color)}.jkl-accordion-item:has(+[open]),.jkl-accordion-item:has(+:hover){border-bottom:none}.jkl-accordion-item[open]{--background: var(--jkl-color-background-container-high);border-top:.0625rem solid var(--border-color)}.jkl-accordion-item[open] .jkl-accordion-item__title{--jkl-icon-weight: 500;font-weight:700;letter-spacing:-.014em}.jkl-accordion-item__title{font-size:var(--title-font-size);line-height:var(--title-line-height);font-weight:var(--title-font-weight);cursor:pointer;color:var(--title-text-color);list-style:none;background-color:transparent;position:relative;padding:var(--title-padding);text-align:left;width:100%;box-sizing:border-box;outline:0;border-style:none;outline-style:none}.jkl-accordion-item__title:active,.jkl-accordion-item__title:hover,.jkl-accordion-item__title:focus{outline:0;outline-style:none}@media screen and (forced-colors: active){.jkl-accordion-item__title{outline:revert;border-style:revert;outline-style:revert}.jkl-accordion-item__title:active,.jkl-accordion-item__title:hover,.jkl-accordion-item__title:focus{outline:revert;outline-style:revert}}.jkl-accordion-item__title::-webkit-details-marker{display:none}.jkl-accordion-item__title:hover{--title-text-color: var(--jkl-color-text-interactive-hover)}.jkl-accordion-item__title:hover .jkl-accordion-item__arrow{translate:0 .25rem}.jkl-accordion-item__title:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:0}.jkl-accordion-item__arrow{pointer-events:none;position:absolute;right:var(--arrow-right);top:var(--arrow-top);transition-timing-function:ease;transition-duration:.1s;transition-property:translate}@media screen and (forced-colors: active){.jkl-accordion-item__arrow{stroke:ButtonText;fill:ButtonText}.jkl-accordion-item__arrow svg,.jkl-accordion-item__arrow path{stroke:ButtonText;fill:ButtonText}}.jkl-accordion-item__content-wrapper{transition-timing-function:ease;transition-duration:.15s;transition-property:height}.jkl-accordion-item__content{font-size:var(--content-font-size);line-height:var(--content-line-height);font-weight:var(--content-font-weight);height:auto;padding:var(--content-padding)}@media screen and (forced-colors: active){.jkl-accordion-item:nth-child(n){border-top:.125rem solid ButtonText}.jkl-accordion-item:nth-child(n):hover{border-top:.125rem solid ButtonText}.jkl-accordion-item:nth-child(n):hover+.jkl-accordion-item{border-top:.125rem solid ButtonText}.jkl-accordion-item:last-child{border-bottom:.125rem solid ButtonText}.jkl-accordion-item:last-child:hover{border-bottom:.125rem solid ButtonText}.jkl-accordion-item__title{background-color:ButtonFace;outline:revert}}
1
+ @charset "UTF-8";@media screen and (prefers-color-scheme: light){:root{--jkl-icon-grade: 0}}[data-theme=light]{--jkl-icon-grade: 0}@media screen and (prefers-color-scheme: dark){:root{--jkl-icon-grade: -25}}[data-theme=dark]{--jkl-icon-grade: -25}.jkl-icon{--jkl-icon-fill: 0;font-family:Fremtind Material Symbols,Arial,Helvetica,sans-serif;font-variation-settings:"FILL" var(--jkl-icon-fill, 0),"GRAD" var(--jkl-icon-grade, 0),"opsz" var(--jkl-icon-opsz, 20);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.5rem;font-weight:var(--jkl-icon-weight, 300);line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;transition-timing-function:ease;transition-duration:.15s;transition-property:font-variation-settings}.jkl-icon--bold{--jkl-icon-weight: 500}.jkl-icon--filled{--jkl-icon-fill: 1}.jkl-icon--medium{--jkl-icon-opsz: 24;font-size:1.5rem}.jkl-icon--small{--jkl-icon-opsz: 20;font-size:1.25rem}.jkl-icon--inherit{--jkl-icon-opsz: 20;font-size:1em}.jkl-icon--animated{display:block}.jkl-icon-red-cross{--red-cross-circle: var(--jkl-color-background-alert-error);--red-cross-path: #1b1917;width:1.5rem;height:1.5rem}.jkl-icon-red-cross path{fill:var(--red-cross-path)}.jkl-icon-red-cross circle{fill:var(--red-cross-circle)}.jkl-icon-green-check{--green-check-circle: var(--jkl-color-background-alert-success);--green-check-path: #1b1917;width:1.5rem;height:1.5rem}.jkl-icon-green-check path{fill:var(--green-check-path)}.jkl-icon-green-check circle{fill:var(--green-check-circle)}.jkl-animated-horizontal-arrows,.jkl-animated-vertical-arrows{overflow:hidden;width:1em;height:1em}.jkl-animated-horizontal-arrows__slider,.jkl-animated-vertical-arrows__slider{display:flex;transition-timing-function:ease;transition-duration:.25s;transition-delay:calc(.25s * .3333333333);transition-property:transform}.jkl-animated-horizontal-arrows__arrow,.jkl-animated-vertical-arrows__arrow{flex-shrink:0}.jkl-animated-vertical-arrows__slider{flex-direction:column;height:2em}.jkl-animated-vertical-arrows__slider[data-show=up]{transform:translateZ(0)}.jkl-animated-vertical-arrows__slider[data-show=down]{transform:translate3d(0,-50%,0)}.jkl-animated-horizontal-arrows__slider{flex-direction:row;width:2em}.jkl-animated-horizontal-arrows__slider[data-show=left]{transform:translateZ(0)}.jkl-animated-horizontal-arrows__slider[data-show=right]{transform:translate3d(-50%,0,0)}.jkl-icons-animated__plus{transition-timing-function:cubic-bezier(0,0,.375,1.17);transition-duration:.25s;transition-property:transform;transform-origin:50% 50%}.jkl-icons-animated__plus--plus{transform:rotate(0)}.jkl-icons-animated__plus--close{transform:rotate(135deg)}:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-checkbox-font-size: var(--jkl-body-font-size);--jkl-checkbox-line-height: var(--jkl-body-line-height);--jkl-checkbox-font-weight: var(--jkl-body-font-weight);--jkl-checkbox-height: 3rem;--jkl-checkbox-box-size: 1.5rem;--jkl-checkbox-line-height: 2rem}@media (width >= 0) and (max-width: 679px){:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-checkbox-height: 2.5rem;--jkl-checkbox-box-size: 1.5rem;--jkl-checkbox-line-height: 1.75rem}}[data-layout-density=compact],[data-density=compact]{--jkl-checkbox-font-size: var(--jkl-small-font-size);--jkl-checkbox-line-height: var(--jkl-small-line-height);--jkl-checkbox-font-weight: var(--jkl-small-font-weight);--jkl-checkbox-height: 1.75rem;--jkl-checkbox-box-size: 1.125rem;--jkl-checkbox-line-height: 1.5rem}@keyframes jkl-checkbox-checked-uohd86x{0%{width:0;height:0}40%{width:18%;height:0}to{width:18%;height:58%}}@keyframes jkl-checkbox-indeterminate-uohd87i{0%{width:0}to{width:66%}}.jkl-checkbox{--box-color: var(--jkl-color-border-action);--check-color: var(--jkl-color-border-action);--text-color: var(--jkl-color-text-default);--background-color: transparent;font-size:var(--jkl-checkbox-font-size);line-height:var(--jkl-checkbox-line-height);font-weight:var(--jkl-checkbox-font-weight);display:flex;flex-wrap:wrap;min-height:var(--jkl-checkbox-height);color:var(--text-color);position:relative}.jkl-checkbox__input{opacity:0;position:absolute;top:-6px}.jkl-checkbox__input:checked+.jkl-checkbox__label .jkl-checkbox__check-mark:after{animation:jkl-checkbox-checked-uohd86x .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label .jkl-checkbox__indeterminate-mark:after{animation:jkl-checkbox-indeterminate-uohd87i .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label{color:var(--jkl-checkbox-focus-color)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label>.jkl-checkbox__mark{--background-color: var(--jkl-color-background-input-focus);outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-checkbox__input:disabled+.jkl-checkbox__label{color:var(--jkl-checkbox-disabled-color)}.jkl-checkbox__label{display:flex;min-width:0;max-width:100%;cursor:pointer;flex-shrink:0}.jkl-checkbox__label:hover .jkl-checkbox__mark,.jkl-checkbox__label:active .jkl-checkbox__mark{outline:1px solid var(--box-color)}.jkl-checkbox__label:active{--background-color: var(--jkl-color-background-input-focus)}.jkl-checkbox__text{margin:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-line-height)) * .5) 0;translate:0 .0625rem;transition-timing-function:ease;transition-duration:.15s;transition-property:color}.jkl-checkbox__mark{box-sizing:border-box;position:relative;height:var(--jkl-checkbox-box-size);width:var(--jkl-checkbox-box-size);margin-block:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-box-size)) * .5);margin-inline-end:var(--jkl-spacing-8);align-self:flex-start;flex-shrink:0;outline:none;border-radius:0;border:1px solid;border-color:var(--box-color);background-color:var(--background-color);transition-timing-function:ease;transition-duration:.15s;transition-property:background-color}@media screen and (forced-colors: active){.jkl-checkbox__mark{outline:revert;border:1px solid ButtonText}}.jkl-checkbox__check-mark:after{content:"";position:absolute;transform-origin:bottom left;bottom:42%;left:18%;display:block;width:18%;height:58%;transform:rotate(45deg);border:solid .125rem var(--check-color);border-left-width:0;border-top-width:0;opacity:0;transition-timing-function:ease;transition-duration:.15s;transition-property:opacity,border-color}@media screen and (forced-colors: active){.jkl-checkbox__check-mark:after{border-color:ButtonText}}.jkl-checkbox__indeterminate-mark:after{--width: 66%;--thickness: .125rem;content:"";position:absolute;bottom:calc(50% - var(--thickness) / 2);left:calc((100% - var(--width)) / 2);display:block;width:var(--width);border-bottom:solid var(--thickness) var(--check-color);opacity:0;transition-timing-function:ease;transition-duration:.15s;transition-property:opacity,border-color}@media screen and (forced-colors: active){.jkl-checkbox__indeterminate-mark:after{border-color:ButtonText}}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:1.5rem}.jkl-checkbox--error{--background-color: var(--jkl-color-background-alert-error);--check-color: var(--jkl-color-text-on-alert)}.jkl-field-group{outline:0;border-style:none;outline-style:none}.jkl-field-group:active,.jkl-field-group:hover,.jkl-field-group:focus{outline:0;outline-style:none}@media screen and (forced-colors: active){.jkl-field-group{outline:revert;border-style:revert;outline-style:revert}.jkl-field-group:active,.jkl-field-group:hover,.jkl-field-group:focus{outline:revert;outline-style:revert}}.jkl-dormant-form-support-label{display:none;opacity:0;pointer-events:none}:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-form-support-label-font-size: var(--jkl-small-font-size);--jkl-form-support-label-line-height: var(--jkl-small-line-height);--jkl-form-support-label-font-weight: var(--jkl-small-font-weight);--jkl-form-support-label-margin: .5rem 0 0;--jkl-form-support-label-icon-size: 1.25rem;--jkl-form-support-label-icon-margin: 0 -1.25rem -.375rem 0}[data-layout-density=compact],[data-density=compact]{--jkl-form-support-label-icon-size: 1.375rem;--jkl-form-support-label-icon-margin: 0 -1.375rem -.3125rem 0}.jkl-form-support-label{--color: var(--jkl-color-text-subdued);font-size:var(--jkl-form-support-label-font-size);line-height:var(--jkl-form-support-label-line-height);font-weight:var(--jkl-form-support-label-font-weight);transition-timing-function:ease;transition-duration:.4s;display:flex;margin:var(--jkl-form-support-label-margin);color:var(--color);transition-property:color;transition-delay:.15s}.jkl-form-support-label__icon,.jkl-form-support-label__icon.jkl-icon{opacity:0;height:var(--jkl-form-support-label-icon-size);margin:var(--jkl-form-support-label-icon-margin)}@media screen and (forced-colors: active){.jkl-form-support-label__icon,.jkl-form-support-label__icon.jkl-icon{stroke:CanvasText;fill:Canvas}.jkl-form-support-label__icon svg,.jkl-form-support-label__icon path,.jkl-form-support-label__icon.jkl-icon svg,.jkl-form-support-label__icon.jkl-icon path{stroke:CanvasText;fill:Canvas}}.jkl-form-support-label--error,.jkl-form-support-label--warning,.jkl-form-support-label--success{--color: var(--jkl-color-text-default)}.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{animation:.4s cubic-bezier(0,0,.3,1) .25s jkl-support-icon-entrance-uohd888 forwards}.jkl-form-support-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-label-small-margin: 0 0 .25rem 0;--jkl-label-medium-margin: 0 0 .5rem 0;--jkl-label-large-margin: 0 0 1rem -.0625rem;--jkl-label-small-font-size: var(--jkl-small-font-size);--jkl-label-small-line-height: var(--jkl-small-line-height);--jkl-label-small-font-weight: var(--jkl-small-font-weight);--jkl-label-medium-font-size: var(--jkl-body-font-size);--jkl-label-medium-line-height: var(--jkl-body-line-height);--jkl-label-medium-font-weight: var(--jkl-body-font-weight);--jkl-label-large-font-size: var(--jkl-heading-2-font-size);--jkl-label-large-line-height: var(--jkl-heading-2-line-height);--jkl-label-large-font-weight: var(--jkl-heading-2-font-weight)}[data-layout-density=compact],[data-density=compact]{--jkl-label-small-margin: 0 0 .25rem 0;--jkl-label-medium-margin: 0 0 .5rem 0;--jkl-label-large-margin: 0 0 .75rem -.0625rem}.jkl-label{display:block;margin-left:initial;color:var(--jkl-color-text-default)}.jkl-label--small{font-size:var(--jkl-label-small-font-size);line-height:var(--jkl-label-small-line-height);font-weight:var(--jkl-label-small-font-weight);margin:var(--jkl-label-small-margin)}.jkl-label--medium{font-size:var(--jkl-label-medium-font-size);line-height:var(--jkl-label-medium-line-height);font-weight:var(--jkl-label-medium-font-weight);margin:var(--jkl-label-medium-margin)}.jkl-label--large{font-size:var(--jkl-label-large-font-size);line-height:var(--jkl-label-large-line-height);font-weight:var(--jkl-label-large-font-weight);margin:var(--jkl-label-large-margin)}.jkl-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}@keyframes jkl-support-icon-entrance-uohd888{0%{margin-right:0;opacity:0;transform:scale(1)}30%{margin-right:.5rem}50%{opacity:1}70%{transform:scale(1.1)}85%{transform:scale(.9)}to{transform:scale(1);opacity:1;margin-right:.5rem}}@media screen and (forced-colors: active){.jkl-text-input-action-button{stroke:ButtonText;fill:ButtonFace}.jkl-text-input-action-button svg,.jkl-text-input-action-button path{stroke:ButtonText;fill:ButtonFace}}.jkl .jkl-button,.jkl-button[data-layout-density=comfortable],.jkl-button[data-density=comfortable],[data-layout-density=comfortable] .jkl-button,[data-density=comfortable] .jkl-button{--padding-block: .5rem;--padding-text: 1.5rem;--padding-icon: 1rem;--padding-icon-button: .5rem;--padding-tertiary-inline: .25rem;--padding-ghost-inline: .5rem}.jkl-button[data-layout-density=compact],.jkl-button[data-density=compact],[data-layout-density=compact] .jkl-button,[data-density=compact] .jkl-button{--padding-block: .25rem;--padding-text: .75rem;--padding-icon: .5rem;--padding-icon-button: .25rem;--padding-tertiary-inline: .125rem;--padding-ghost-inline: .25rem}.jkl-button{--text-color: var(--jkl-color-text-default);--background-color: transparent;--border-radius: 0;--border-width: .0625rem;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--background-color);color:var(--text-color);border:unset;text-decoration:none;-webkit-tap-highlight-color:transparent;border-radius:var(--border-radius);padding-inline:var(--padding-text);padding-block:var(--padding-block);position:relative;overflow:hidden;max-width:100%;transition-timing-function:ease;transition-duration:.15s;transition-property:scale;font-size:1.125rem;line-height:1.75rem;font-weight:400;--jkl-icon-weight: 300;--jkl-icon-weight: 500;font-weight:700}@media (min-width: 680px){.jkl-button{font-size:1.25rem;line-height:2rem;font-weight:400;--jkl-icon-weight: 300;--jkl-icon-weight: 500;font-weight:700}}.jkl-button:has(.jkl-icon:first-child){padding-inline-start:var(--padding-icon)}.jkl-button:has(.jkl-icon:last-child){padding-inline-end:var(--padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--padding-icon-button)}.jkl-button__label{transition-timing-function:ease;transition-duration:.25s;transition-property:translate;display:flex;flex-direction:row;align-items:center;gap:.125rem;pointer-events:none}.jkl-button__loader{transition-timing-function:ease;transition-duration:.25s;transition-property:opacity,translate;position:absolute;top:50%;left:50%;translate:-50% 350%;opacity:0;pointer-events:none}.jkl-button__text{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{translate:-50% -50%;opacity:1}.jkl-button:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-button:before{content:"";pointer-events:none;display:block;position:absolute;left:var(--jkl-touch-xcoord, 50%);top:var(--jkl-touch-ycoord, 50%);translate:-100%,-100%;transform-origin:center;border-radius:9999px;background-color:var(--text-color);opacity:0;width:1rem;height:1rem}html[data-touchnavigation] .jkl-button.jkl-button--pressed:before{animation:cubic-bezier(.6,.2,.35,1) .25s jkl-tertiary-flash-uohd88m}:not([data-touchnavigation]) .jkl-button--primary:hover,:not([data-touchnavigation]) .jkl-button--secondary:hover,:not([data-touchnavigation]) .jkl-button--tertiary:hover{scale:1.05;transform-origin:center}.jkl-button--primary,.jkl-button--secondary{--border-radius: 999px}.jkl-button--primary{--background-color: var(--jkl-color-background-action);--text-color: var(--jkl-color-text-on-action)}.jkl-button--secondary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);border:var(--border-width) solid var(--text-color)}.jkl-button--tertiary,.jkl-button--tertiary:has(.jkl-icon:first-child),.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:var(--padding-tertiary-inline)}.jkl-button--tertiary:after,.jkl-button--tertiary:has(.jkl-icon:first-child):after,.jkl-button--tertiary:has(.jkl-icon:last-child):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);border-bottom:var(--border-width) solid var(--text-color)}.jkl-button--tertiary:hover,.jkl-button--tertiary:focus-visible,.jkl-button--tertiary:has(.jkl-icon:first-child):hover,.jkl-button--tertiary:has(.jkl-icon:first-child):focus-visible,.jkl-button--tertiary:has(.jkl-icon:last-child):hover,.jkl-button--tertiary:has(.jkl-icon:last-child):focus-visible{--border-width: .125rem}.jkl-button--ghost,.jkl-button--ghost:has(.jkl-icon:first-child),.jkl-button--ghost:has(.jkl-icon:last-child){padding-inline:var(--padding-ghost-inline);border-radius:.25rem;transition-timing-function:ease;transition-duration:.15s;transition-property:background-color}.jkl-button--ghost:hover,.jkl-button--ghost:has(.jkl-icon:first-child):hover,.jkl-button--ghost:has(.jkl-icon:last-child):hover{--background-color: var(--jkl-color-background-interactive-hover)}@keyframes jkl-tertiary-flash-uohd88m{0%{opacity:.5;scale:1}to{opacity:0;scale:8}}@media screen and (prefers-color-scheme: light){:root{--jkl-select-border-color: #636060;--jkl-select-text-color: #636060;--jkl-select-text-disabled-color: #636060;--jkl-select-text-active-value-color: #1b1917;--jkl-select-background-color: transparent;--jkl-select-open-background-color: #ffffff;--jkl-select-focus-color: #1b1917;--jkl-select-error-background-color: #f6b3b3;--jkl-select-error-text-color: #636060;--jkl-select-hover-option-color: #1b1917;--jkl-select-hover-option-background-color: #e0dbd4;--jkl-select-option-description-color: #636060;--jkl-select-search-input-selection-color: rgba(27, 25, 23, .2);--jkl-select-search-input-error-selection-color: rgba(27, 25, 23, .2);--jkl-select-arrow-color: #1b1917}}[data-theme=light]{--jkl-select-border-color: #636060;--jkl-select-text-color: #636060;--jkl-select-text-disabled-color: #636060;--jkl-select-text-active-value-color: #1b1917;--jkl-select-background-color: transparent;--jkl-select-open-background-color: #ffffff;--jkl-select-focus-color: #1b1917;--jkl-select-error-background-color: #f6b3b3;--jkl-select-error-text-color: #636060;--jkl-select-hover-option-color: #1b1917;--jkl-select-hover-option-background-color: #e0dbd4;--jkl-select-option-description-color: #636060;--jkl-select-search-input-selection-color: rgba(27, 25, 23, .2);--jkl-select-search-input-error-selection-color: rgba(27, 25, 23, .2);--jkl-select-arrow-color: #1b1917}@media screen and (prefers-color-scheme: dark){:root{--jkl-select-border-color: #c8c5c3;--jkl-select-text-color: #c8c5c3;--jkl-select-text-disabled-color: #c8c5c3;--jkl-select-text-active-value-color: #f9f9f9;--jkl-select-background-color: transparent;--jkl-select-open-background-color: #313030;--jkl-select-focus-color: #f9f9f9;--jkl-select-error-background-color: #f6b3b3;--jkl-select-error-text-color: #636060;--jkl-select-hover-option-color: #f9f9f9;--jkl-select-hover-option-background-color: #444141;--jkl-select-option-description-color: #ece9e5;--jkl-select-search-input-selection-color: rgba(249, 249, 249, .25);--jkl-select-search-input-error-selection-color: rgba(27, 25, 23, .2);--jkl-select-arrow-color: #f9f9f9}}[data-theme=dark]{--jkl-select-border-color: #c8c5c3;--jkl-select-text-color: #c8c5c3;--jkl-select-text-disabled-color: #c8c5c3;--jkl-select-text-active-value-color: #f9f9f9;--jkl-select-background-color: transparent;--jkl-select-open-background-color: #313030;--jkl-select-focus-color: #f9f9f9;--jkl-select-error-background-color: #f6b3b3;--jkl-select-error-text-color: #636060;--jkl-select-hover-option-color: #f9f9f9;--jkl-select-hover-option-background-color: #444141;--jkl-select-option-description-color: #ece9e5;--jkl-select-search-input-selection-color: rgba(249, 249, 249, .25);--jkl-select-search-input-error-selection-color: rgba(27, 25, 23, .2);--jkl-select-arrow-color: #f9f9f9}:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-select-input-height: 3rem;--jkl-select-arrow-right: .5rem;--jkl-select-button-padding: .5rem 2.25rem .5rem .75rem;--jkl-select-search-input-padding: var(--jkl-select-button-padding);--jkl-select-native-padding: 0 2.5rem 0 .5rem;--jkl-select-option-padding: .5rem .75rem;--jkl-select-font-size: var(--jkl-body-font-size);--jkl-select-line-height: var(--jkl-body-line-height);--jkl-select-font-weight: var(--jkl-body-font-weight)}@media (width >= 0) and (max-width: 679px){:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-select-input-height: 2.75rem}}[data-layout-density=compact],[data-density=compact]{--jkl-select-input-height: 2rem;--jkl-select-arrow-right: .25rem;--jkl-select-button-padding: .25rem 2rem .25rem .5rem;--jkl-select-search-input-padding: .25rem .5rem;--jkl-select-native-padding: .25rem 1.5rem .25rem .25rem;--jkl-select-option-padding: .25rem .5rem;--jkl-select-font-size: var(--jkl-small-font-size);--jkl-select-line-height: var(--jkl-small-line-height);--jkl-select-font-weight: var(--jkl-small-font-weight)}.jkl-select{display:block;position:relative;outline:0;border-style:none;outline-style:none}.jkl-select:active,.jkl-select:hover,.jkl-select:focus{outline:0;outline-style:none}@media screen and (forced-colors: active){.jkl-select{outline:revert;border-style:revert;outline-style:revert}.jkl-select:active,.jkl-select:hover,.jkl-select:focus{outline:revert;outline-style:revert}}.jkl-select *:focus{outline:none}.jkl-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.jkl-select select::ms-expand{display:none}.jkl-select select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--jkl-select-text-color)}.jkl-select select option{font-weight:400;font-family:sans-serif;color:var(--jkl-select-text-color);background-color:var(--jkl-select-open-background-color)}.jkl-select select option:disabled{color:var(--jkl-select-text-disabled-color)}.jkl-select__outer-wrapper{position:relative;width:15rem;min-width:7rem;max-width:100%}.jkl-select__search-input{box-sizing:border-box;padding:var(--jkl-select-search-input-padding);color:var(--jkl-select-text-color)}.jkl-select__search-input::selection{background-color:var(--jkl-select-search-input-selection-color)}[data-theme=dark] .jkl-select__search-input::selection{background-color:var(--jkl-select-search-input-selection-color)}.jkl-select__search-input,.jkl-select__button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--jkl-select-background-color);color:var(--jkl-select-text-color);cursor:pointer;height:var(--jkl-select-input-height);border-radius:.1875rem;border:.0625rem solid var(--jkl-select-border-color);box-shadow:0 0 0 .0625rem transparent;text-align:left;width:100%;transition-property:color,border-color,box-shadow;transition-timing-function:ease;transition-duration:.15s;font-size:var(--jkl-select-font-size);line-height:var(--jkl-select-line-height);font-weight:var(--jkl-select-font-weight)}.jkl-select__search-input--active-value,.jkl-select__button--active-value{color:var(--jkl-select-text-active-value-color)}.jkl-select__search-input:focus,.jkl-select__button:focus{border-color:var(--jkl-select-focus-color);color:var(--jkl-select-focus-color);box-shadow:0 0 0 .0625rem var(--jkl-select-focus-color);background-color:var(--jkl-select-open-background-color)}.jkl-select__search-input:hover,.jkl-select__button:hover{border-color:var(--jkl-select-focus-color);box-shadow:0 0 0 .0625rem var(--jkl-select-focus-color)}.jkl-select__search-input:hover~.jkl-select__arrow,.jkl-select__button:hover~.jkl-select__arrow{transform:translateY(calc(-50% + .1875rem))}.jkl-select__button{padding:var(--jkl-select-button-padding)}.jkl-select select.jkl-select__button{padding:var(--jkl-select-native-padding)}.jkl-select__arrow{pointer-events:none;position:absolute;right:var(--jkl-select-arrow-right);top:50%;color:var(--jkl-select-arrow-color);transform:translateY(-50%);transition-property:transform,color;transition-timing-function:ease;transition-duration:.15s}@media screen and (forced-colors: active){.jkl-select__arrow{stroke:CanvasText;fill:CanvasText}.jkl-select__arrow svg,.jkl-select__arrow path{stroke:CanvasText;fill:CanvasText}}.jkl-select__options-menu{position:absolute;left:-.0625rem;right:-.0625rem;top:100%;z-index:7000;background-color:var(--jkl-select-open-background-color);border:.125rem solid var(--jkl-select-focus-color);border-top:none;border-radius:0 0 .1875rem .1875rem;box-sizing:border-box;overflow-y:auto;max-height:calc((var(--jkl-select-max-shown-options, 5) + .5) * var(--jkl-select-input-height));transition-property:height;transition-timing-function:ease;transition-duration:.15s}.jkl-select__option-wrapper{margin:0;padding:0;list-style-type:none;-webkit-overflow-scrolling:touch}.jkl-select__option{color:unset;border:0;width:100%;background-color:inherit;min-height:var(--jkl-select-input-height);text-align:left;transition-property:color,background-color;position:relative;padding:var(--jkl-select-option-padding);cursor:pointer;transition-timing-function:ease;transition-duration:.15s;font-size:var(--jkl-select-font-size);line-height:var(--jkl-select-line-height);font-weight:var(--jkl-select-font-weight)}.jkl-select__option:focus,:not([data-focus=controlled])>.jkl-select__option:hover{color:var(--jkl-select-hover-option-color);background-color:var(--jkl-select-hover-option-background-color)}.jkl-select__option-description{color:var(--jkl-select-option-description-color);display:block;width:100%;font-size:1rem;line-height:1.5rem;font-weight:400;--jkl-icon-weight: 300}.jkl-select--inline{display:inline-block;vertical-align:top}.jkl-select--open .jkl-select__search-input,.jkl-select--open .jkl-select__button{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--jkl-select-focus-color);background-color:var(--jkl-select-open-background-color);box-shadow:0 0 0 .0625rem var(--jkl-select-focus-color)}.jkl-select--open .jkl-select__search-input:hover~.jkl-select__arrow,.jkl-select--open .jkl-select__button:hover~.jkl-select__arrow{transform:translateY(calc(-50% - .1875rem))}.jkl-select--invalid .jkl-select__search-input,.jkl-select--invalid .jkl-select__button{background-color:var(--jkl-select-error-background-color);color:var(--jkl-select-error-text-color)}.jkl-select--invalid .jkl-select__search-input--active-value,.jkl-select--invalid .jkl-select__button--active-value{color:revert}.jkl-select--invalid .jkl-select__search-input::selection{background-color:var(--jkl-select-search-input-error-selection-color)}@media screen and (forced-colors: active){.jkl-select .jkl-select__button,.jkl-select .jkl-select__search-input{color:CanvasText;border:2px solid ButtonText;background-color:Canvas;outline:revert}.jkl-select .jkl-select__button:hover,.jkl-select .jkl-select__search-input:hover{border-color:Highlight}.jkl-select .jkl-select__option{color:CanvasText;border-top:1px solid Canvas;border-bottom:1px solid Canvas}.jkl-select .jkl-select__option:hover,.jkl-select .jkl-select__option:focus{border-top:1px solid SelectedItem;border-bottom:1px solid SelectedItem;--jkl-icon-weight: 500;font-weight:700;letter-spacing:-.014em}}@keyframes jkl-dot-in-uohd89i{0%{transform:scale(.8)}to{transform:scale(1)}}.jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{--dot-color: var(--jkl-color-border-action);animation:jkl-dot-in-uohd89i .15s ease}@font-face{font-family:Fremtind Grotesk;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/FremtindGrotesk-Regular-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Regular-Web.woff) format("woff")}@font-face{font-family:Adjusted Arial Fallback;font-weight:400;font-style:normal;src:local(arial);size-adjust:104%;ascent-override:82%;descent-override:normal;line-gap-override:32%}@font-face{font-family:Fremtind Grotesk;font-display:fallback;font-weight:700;font-style:normal;src:url(/fonts/FremtindGrotesk-Bold-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Bold-Web.woff) format("woff")}@font-face{font-family:Adjusted Arial Fallback;font-weight:700;font-style:normal;src:local(arial);size-adjust:108%;ascent-override:83%;descent-override:normal;line-gap-override:28%}@font-face{font-family:Fremtind Grotesk;font-display:fallback;font-weight:400;font-style:italic;src:url(/fonts/FremtindGrotesk-Italic-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Italic-Web.woff) format("woff")}@font-face{font-family:Adjusted Arial Fallback;font-weight:400;font-style:italic;src:local(arial);size-adjust:106%;ascent-override:83%;descent-override:normal;line-gap-override:28%}@font-face{font-family:Fremtind Grotesk;font-display:fallback;font-weight:700;font-style:italic;src:url(/fonts/FremtindGrotesk-BoldItalic-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-BoldItalic-Web.woff) format("woff")}@font-face{font-family:Adjusted Arial Fallback;font-weight:700;font-style:italic;src:local(arial);size-adjust:108%;ascent-override:83%;descent-override:normal;line-gap-override:28%}@font-face{font-family:Fremtind Grotesk Display;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/FremtindGrotesk-Display-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Display-Web.woff) format("woff")}@font-face{font-family:Adjusted Arial Display Fallback;font-weight:400;font-style:normal;src:local(arial);size-adjust:102%;ascent-override:76%;descent-override:normal;line-gap-override:40%}@font-face{font-family:Fremtind Grotesk Mono;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/FremtindGroteskMono-Regular-Web.woff2) format("woff2"),url(/fonts/FremtindGroteskMono-Regular-Web.woff) format("woff")}@font-face{font-family:Adjusted Courier New Fallback;font-weight:400;font-style:normal;src:local(courier new);size-adjust:100%;ascent-override:83%;descent-override:normal;line-gap-override:27%}@font-face{font-family:Fremtind Material Symbols;font-weight:300 500;font-style:normal;src:url(/fonts/Fremtind-Material-Symbols.woff2) format("woff2")}@media screen and (prefers-color-scheme: light){:root{--interactive-code-background: #ffffff;--interactive-code-info-background: #f9f9f9;--interactive-code-editor-background: #f4f2ef;--gap-color: #c8c5c3}}[data-theme=light]{--interactive-code-background: #ffffff;--interactive-code-info-background: #f9f9f9;--interactive-code-editor-background: #f4f2ef;--gap-color: #c8c5c3}@media screen and (prefers-color-scheme: dark){:root{--interactive-code-background: #1b1917;--interactive-code-info-background: #1b1917;--interactive-code-editor-background: #1b1917;--gap-color: #313030}}[data-theme=dark]{--interactive-code-background: #1b1917;--interactive-code-info-background: #1b1917;--interactive-code-editor-background: #1b1917;--gap-color: #313030}.interactive-code{--interactive-code-title-font-size: var(--jkl-small-font-size);--interactive-code-title-line-height: var(--jkl-small-line-height);--interactive-code-title-font-weight: var(--jkl-small-font-weight);background-color:var(--gap-color);border:1px solid var(--gap-color);display:grid;grid-template-areas:"title controls" "preview controls" "editor editor";grid-template-rows:2.5rem min-content min-content;grid-template-columns:3fr 1fr;gap:.0625rem;max-width:var(--jkl-portal-content-wide)}@media (width >= 0) and (max-width: 679px){.interactive-code{grid-template-areas:"title title" "preview preview" "controls controls" "editor editor";grid-template-rows:2.5rem min-content min-content min-content}}.interactive-code__title{font-size:var(--interactive-code-title-font-size);line-height:var(--interactive-code-title-line-height);font-weight:var(--interactive-code-title-font-weight);background:var(--interactive-code-info-background);grid-area:title;padding:.5rem 1rem}.interactive-code__preview{background:var(--interactive-code-background);grid-area:preview;padding:1.5rem 1rem;color:var(--jkl-color)}.interactive-code__preview--centered{display:flex;align-items:center;justify-content:center}.interactive-code__controls{background:var(--interactive-code-info-background);grid-area:controls}.interactive-code__controls-title{font-size:var(--interactive-code-title-font-size);line-height:var(--interactive-code-title-line-height);font-weight:var(--interactive-code-title-font-weight);border-bottom:1px solid var(--gap-color);height:1.5rem;padding:.5rem 1rem}.interactive-code__controls-title:not(:first-of-type){border-top:1px solid var(--gap-color)}.interactive-code__controls-knobs{padding:1.5rem 1rem}.interactive-code__editor{font-size:1rem;line-height:1.5rem;font-weight:400;--jkl-icon-weight: 300;font-family:Fremtind Grotesk Mono,Adjusted Courier New Fallback,-apple-system,BlinkMacSystemFont,monospace;background:var(--interactive-code-editor-background);grid-area:editor;padding:1.5rem 1rem}.interactive-code__editor-error pre{margin:0}.interactive-code[data-show-controls=false]>.interactive-code__title{grid-area:title/title/title/controls}.interactive-code[data-show-controls=false]>.interactive-code__preview{grid-area:preview/preview/preview/controls}.interactive-code[data-show-editor=false][data-show-controls=true]>.interactive-code__preview{grid-area:preview/preview/editor/preview}@media (min-width: 1512px){.interactive-code[data-show-editor=false][data-show-controls=true]>.interactive-code__preview{max-width:49.0625rem}}@media (width >= 0) and (max-width: 679px){.interactive-code[data-show-editor=false][data-show-controls=true]>.interactive-code__preview{grid-area:preview/preview/preview/preview}}.interactive-code[data-show-editor=false][data-show-controls=false]>.interactive-code__preview{grid-area:preview/preview/editor/controls}.interactive-code[data-show-editor=false]>.interactive-code__controls{grid-area:controls/controls/editor/controls}.interactive-code[data-show-editor=true][data-show-preview=false][data-show-controls=true]>.interactive-code__controls{grid-area:controls/controls/editor/controls}.interactive-code[data-show-editor=true][data-show-preview=false][data-show-controls=true]>.interactive-code__editor{grid-area:preview/preview/editor/preview}.interactive-code[data-show-editor=true][data-show-preview=false][data-show-controls=false]>.interactive-code__editor{grid-area:preview/preview/editor/editor}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{margin:0;border:0;padding:0;display:block;line-height:1}table{border-collapse:collapse}table,thead,tbody,tr,td,th{margin:0;padding:0}.jkl [hidden]{display:none}:root{--jkl-color-brand-snohvit: #f9f9f9;--jkl-color-brand-varde: #e0dbd4;--jkl-color-brand-granitt: #1b1917;--jkl-color-brand-hvit: #ffffff;--jkl-color-brand-svart: #000000;--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-spacing-0: 0;--jkl-spacing-2: .125rem;--jkl-spacing-4: .25rem;--jkl-spacing-8: .5rem;--jkl-spacing-12: .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-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{--jkl-color-svart: #000000;--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: #ffffff;--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}@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: #ffffff;--jkl-color-background-container-inverted: #1b1917;--jkl-color-background-container-subdued: #c8c5c3;--jkl-color-background-input-base: rgba(0, 0, 0, 0);--jkl-color-background-input-focus: #ffffff;--jkl-color-background-action: #1b1917;--jkl-color-background-interactive: rgba(0, 0, 0, 0);--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-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: #ffffff;--jkl-color-background-container-inverted: #1b1917;--jkl-color-background-container-subdued: #c8c5c3;--jkl-color-background-input-base: rgba(0, 0, 0, 0);--jkl-color-background-input-focus: #ffffff;--jkl-color-background-action: #1b1917;--jkl-color-background-interactive: rgba(0, 0, 0, 0);--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-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: #000000;--jkl-color-background-container-high: #313030;--jkl-color-background-container-inverted: #f9f9f9;--jkl-color-background-container-subdued: #636060;--jkl-color-background-input-base: rgba(0, 0, 0, 0);--jkl-color-background-input-focus: #313030;--jkl-color-background-action: #f9f9f9;--jkl-color-background-interactive: rgba(0, 0, 0, 0);--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-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: #000000;--jkl-color-background-container-high: #313030;--jkl-color-background-container-inverted: #f9f9f9;--jkl-color-background-container-subdued: #636060;--jkl-color-background-input-base: rgba(0, 0, 0, 0);--jkl-color-background-input-focus: #313030;--jkl-color-background-action: #f9f9f9;--jkl-color-background-interactive: rgba(0, 0, 0, 0);--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-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}.jkl-title{font-size:2.25rem;line-height:2.75rem;font-weight:400;--jkl-icon-weight: 300}@media (min-width: 680px){.jkl-title{font-size:3.5rem;line-height:4rem;font-weight:400;--jkl-icon-weight: 300}}.jkl-title-small{font-size:1.875rem;line-height:2.25rem;font-weight:400;--jkl-icon-weight: 300}@media (min-width: 680px){.jkl-title-small{font-size:2.75rem;line-height:3.25rem;font-weight:400;--jkl-icon-weight: 300}}.jkl-heading-1{font-size:1.625rem;line-height:2rem;font-weight:400;--jkl-icon-weight: 300}@media (min-width: 680px){.jkl-heading-1{font-size:2.25rem;line-height:2.75rem;font-weight:400;--jkl-icon-weight: 300}}.jkl-heading-2{font-size:1.4375rem;line-height:2rem;font-weight:400;--jkl-icon-weight: 300}@media (min-width: 680px){.jkl-heading-2{font-size:1.75rem;line-height:2.5rem;font-weight:400;--jkl-icon-weight: 300}}.jkl-heading-3{font-size:1.3125rem;line-height:1.75rem;font-weight:700;--jkl-icon-weight: 500}@media (min-width: 680px){.jkl-heading-3{font-size:1.5625rem;line-height:2rem;font-weight:700;--jkl-icon-weight: 500}}.jkl-heading-4{font-size:1.125rem;line-height:1.5rem;font-weight:700;--jkl-icon-weight: 500}@media (min-width: 680px){.jkl-heading-4{font-size:1.3125rem;line-height:1.75rem;font-weight:700;--jkl-icon-weight: 500}}.jkl-heading-5{font-size:1rem;line-height:1.5rem;font-weight:700;--jkl-icon-weight: 500}.jkl-body{font-size:1.125rem;line-height:1.75rem;font-weight:400;--jkl-icon-weight: 300}@media (min-width: 680px){.jkl-body{font-size:1.25rem;line-height:2rem;font-weight:400;--jkl-icon-weight: 300}}.jkl-bold{font-size:1.125rem;line-height:1.75rem;font-weight:400;--jkl-icon-weight: 300;--jkl-icon-weight: 500;font-weight:700}@media (min-width: 680px){.jkl-bold{font-size:1.25rem;line-height:2rem;font-weight:400;--jkl-icon-weight: 300;--jkl-icon-weight: 500;font-weight:700}}.jkl-small{font-size:1rem;line-height:1.5rem;font-weight:400;--jkl-icon-weight: 300}:root{--jkl-spacing-2: .125rem;--jkl-spacing-4: .25rem;--jkl-spacing-8: .5rem;--jkl-spacing-12: .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}@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}}.jkl-spacing-2--all{margin:var(--jkl-spacing-2)}.jkl-spacing-2--top{margin-top:var(--jkl-spacing-2)}.jkl-spacing-2--bottom{margin-bottom:var(--jkl-spacing-2)}.jkl-spacing-2--left{margin-left:var(--jkl-spacing-2)}.jkl-spacing-2--right{margin-right:var(--jkl-spacing-2)}.jkl-spacing-4--all{margin:var(--jkl-spacing-4)}.jkl-spacing-4--top{margin-top:var(--jkl-spacing-4)}.jkl-spacing-4--bottom{margin-bottom:var(--jkl-spacing-4)}.jkl-spacing-4--left{margin-left:var(--jkl-spacing-4)}.jkl-spacing-4--right{margin-right:var(--jkl-spacing-4)}.jkl-spacing-8--all{margin:var(--jkl-spacing-8)}.jkl-spacing-8--top{margin-top:var(--jkl-spacing-8)}.jkl-spacing-8--bottom{margin-bottom:var(--jkl-spacing-8)}.jkl-spacing-8--left{margin-left:var(--jkl-spacing-8)}.jkl-spacing-8--right{margin-right:var(--jkl-spacing-8)}.jkl-spacing-12--all{margin:var(--jkl-spacing-12)}.jkl-spacing-12--top{margin-top:var(--jkl-spacing-12)}.jkl-spacing-12--bottom{margin-bottom:var(--jkl-spacing-12)}.jkl-spacing-12--left{margin-left:var(--jkl-spacing-12)}.jkl-spacing-12--right{margin-right:var(--jkl-spacing-12)}.jkl-spacing-16--all{margin:var(--jkl-spacing-16)}.jkl-spacing-16--top{margin-top:var(--jkl-spacing-16)}.jkl-spacing-16--bottom{margin-bottom:var(--jkl-spacing-16)}.jkl-spacing-16--left{margin-left:var(--jkl-spacing-16)}.jkl-spacing-16--right{margin-right:var(--jkl-spacing-16)}.jkl-spacing-24--all{margin:var(--jkl-spacing-24)}.jkl-spacing-24--top{margin-top:var(--jkl-spacing-24)}.jkl-spacing-24--bottom{margin-bottom:var(--jkl-spacing-24)}.jkl-spacing-24--left{margin-left:var(--jkl-spacing-24)}.jkl-spacing-24--right{margin-right:var(--jkl-spacing-24)}.jkl-spacing-32--all{margin:var(--jkl-spacing-32)}.jkl-spacing-32--top{margin-top:var(--jkl-spacing-32)}.jkl-spacing-32--bottom{margin-bottom:var(--jkl-spacing-32)}.jkl-spacing-32--left{margin-left:var(--jkl-spacing-32)}.jkl-spacing-32--right{margin-right:var(--jkl-spacing-32)}.jkl-spacing-40--all{margin:var(--jkl-spacing-40)}.jkl-spacing-40--top{margin-top:var(--jkl-spacing-40)}.jkl-spacing-40--bottom{margin-bottom:var(--jkl-spacing-40)}.jkl-spacing-40--left{margin-left:var(--jkl-spacing-40)}.jkl-spacing-40--right{margin-right:var(--jkl-spacing-40)}.jkl-spacing-64--all{margin:var(--jkl-spacing-64)}.jkl-spacing-64--top{margin-top:var(--jkl-spacing-64)}.jkl-spacing-64--bottom{margin-bottom:var(--jkl-spacing-64)}.jkl-spacing-64--left{margin-left:var(--jkl-spacing-64)}.jkl-spacing-64--right{margin-right:var(--jkl-spacing-64)}.jkl-spacing-104--all{margin:var(--jkl-spacing-104)}.jkl-spacing-104--top{margin-top:var(--jkl-spacing-104)}.jkl-spacing-104--bottom{margin-bottom:var(--jkl-spacing-104)}.jkl-spacing-104--left{margin-left:var(--jkl-spacing-104)}.jkl-spacing-104--right{margin-right:var(--jkl-spacing-104)}.jkl-spacing-168--all{margin:var(--jkl-spacing-168)}.jkl-spacing-168--top{margin-top:var(--jkl-spacing-168)}.jkl-spacing-168--bottom{margin-bottom:var(--jkl-spacing-168)}.jkl-spacing-168--left{margin-left:var(--jkl-spacing-168)}.jkl-spacing-168--right{margin-right:var(--jkl-spacing-168)}.jkl-spacing-16-24--all{margin:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--top{margin-top:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--bottom{margin-bottom:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--left{margin-left:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--right{margin-right:var(--jkl-spacing-16-24)}.jkl-spacing-24-40--all{margin:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--top{margin-top:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--bottom{margin-bottom:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--left{margin-left:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--right{margin-right:var(--jkl-spacing-24-40)}.jkl-spacing-24-32--all{margin:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--top{margin-top:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--bottom{margin-bottom:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--left{margin-left:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--right{margin-right:var(--jkl-spacing-24-32)}.jkl-spacing-32-40--all{margin:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--top{margin-top:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--bottom{margin-bottom:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--left{margin-left:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--right{margin-right:var(--jkl-spacing-32-40)}.jkl-spacing-40-64--all{margin:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--top{margin-top:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--bottom{margin-bottom:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--left{margin-left:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--right{margin-right:var(--jkl-spacing-40-64)}.jkl-spacing-64-104--all{margin:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--top{margin-top:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--bottom{margin-bottom:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--left{margin-left:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--right{margin-right:var(--jkl-spacing-64-104)}.jkl-spacing-104-168--all{margin:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--top{margin-top:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--bottom{margin-bottom:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--left{margin-left:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--right{margin-right:var(--jkl-spacing-104-168)}.jkl-spacing-16-16-24--all{margin:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--top{margin-top:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--bottom{margin-bottom:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--left{margin-left:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--right{margin-right:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-24-32--all{margin:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--top{margin-top:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--bottom{margin-bottom:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--left{margin-left:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--right{margin-right:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-40--all{margin:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--top{margin-top:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--bottom{margin-bottom:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--left{margin-left:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--right{margin-right:var(--jkl-spacing-16-24-40)}.jkl-spacing-24-24-32--all{margin:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--top{margin-top:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--bottom{margin-bottom:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--left{margin-left:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--right{margin-right:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-40--all{margin:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--top{margin-top:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--bottom{margin-bottom:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--left{margin-left:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--right{margin-right:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-32-40--all{margin:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--top{margin-top:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--bottom{margin-bottom:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--left{margin-left:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--right{margin-right:var(--jkl-spacing-24-32-40)}.jkl-spacing-32-32-40--all{margin:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--top{margin-top:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--bottom{margin-bottom:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--left{margin-left:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--right{margin-right:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-40-64--all{margin:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--top{margin-top:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--bottom{margin-bottom:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--left{margin-left:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--right{margin-right:var(--jkl-spacing-32-40-64)}.jkl-spacing-40-40-64--all{margin:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--top{margin-top:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--bottom{margin-bottom:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--left{margin-left:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--right{margin-right:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-64-104--all{margin:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--top{margin-top:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--bottom{margin-bottom:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--left{margin-left:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--right{margin-right:var(--jkl-spacing-40-64-104)}.jkl-spacing-64-64-104--all{margin:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--top{margin-top:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--bottom{margin-bottom:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--left{margin-left:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--right{margin-right:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-104-168--all{margin:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--top{margin-top:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--bottom{margin-bottom:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--left{margin-left:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--right{margin-right:var(--jkl-spacing-64-104-168)}.jkl-spacing-104-104-168--all{margin:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--top{margin-top:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--bottom{margin-bottom:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--left{margin-left:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--right{margin-right:var(--jkl-spacing-104-104-168)}.jkl-spacing-3xs--all{margin:.125rem}.jkl-spacing-3xs--top{margin-top:.125rem}.jkl-spacing-3xs--bottom{margin-bottom:.125rem}.jkl-spacing-3xs--left{margin-left:.125rem}.jkl-spacing-3xs--right{margin-right:.125rem}.jkl-spacing-2xs--all{margin:.25rem}.jkl-spacing-2xs--top{margin-top:.25rem}.jkl-spacing-2xs--bottom{margin-bottom:.25rem}.jkl-spacing-2xs--left{margin-left:.25rem}.jkl-spacing-2xs--right{margin-right:.25rem}.jkl-spacing-xs--all{margin:.5rem}.jkl-spacing-xs--top{margin-top:.5rem}.jkl-spacing-xs--bottom{margin-bottom:.5rem}.jkl-spacing-xs--left{margin-left:.5rem}.jkl-spacing-xs--right{margin-right:.5rem}.jkl-spacing-s--all{margin:.75rem}.jkl-spacing-s--top{margin-top:.75rem}.jkl-spacing-s--bottom{margin-bottom:.75rem}.jkl-spacing-s--left{margin-left:.75rem}.jkl-spacing-s--right{margin-right:.75rem}.jkl-spacing-m--all{margin:1rem}.jkl-spacing-m--top{margin-top:1rem}.jkl-spacing-m--bottom{margin-bottom:1rem}.jkl-spacing-m--left{margin-left:1rem}.jkl-spacing-m--right{margin-right:1rem}.jkl-spacing-l--all{margin:1.5rem}.jkl-spacing-l--top{margin-top:1.5rem}.jkl-spacing-l--bottom{margin-bottom:1.5rem}.jkl-spacing-l--left{margin-left:1.5rem}.jkl-spacing-l--right{margin-right:1.5rem}.jkl-spacing-xl--all{margin:2.5rem}.jkl-spacing-xl--top{margin-top:2.5rem}.jkl-spacing-xl--bottom{margin-bottom:2.5rem}.jkl-spacing-xl--left{margin-left:2.5rem}.jkl-spacing-xl--right{margin-right:2.5rem}.jkl-spacing-2xl--all{margin:4rem}.jkl-spacing-2xl--top{margin-top:4rem}.jkl-spacing-2xl--bottom{margin-bottom:4rem}.jkl-spacing-2xl--left{margin-left:4rem}.jkl-spacing-2xl--right{margin-right:4rem}.jkl-spacing-3xl--all{margin:6.5rem}.jkl-spacing-3xl--top{margin-top:6.5rem}.jkl-spacing-3xl--bottom{margin-bottom:6.5rem}.jkl-spacing-3xl--left{margin-left:6.5rem}.jkl-spacing-3xl--right{margin-right:6.5rem}.jkl-spacing-4xl--all{margin:10.5rem}.jkl-spacing-4xl--top{margin-top:10.5rem}.jkl-spacing-4xl--bottom{margin-bottom:10.5rem}.jkl-spacing-4xl--left{margin-left:10.5rem}.jkl-spacing-4xl--right{margin-right:10.5rem}.jkl-sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.jkl-sr-only--focusable:focus,.jkl-sr-only--focusable:active{clip:auto!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;width:auto!important;white-space:normal!important}:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-density: "comfortable"}[data-layout-density=compact],[data-density=compact]{--jkl-density: "compact"}@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-title-font-size: 2.25rem;--jkl-title-line-height: 2.75rem;--jkl-title-font-weight: 400;--jkl-title---jkl-icon-weight: 300;--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-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-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-3-font-size: 1.3125rem;--jkl-heading-3-line-height: 1.75rem;--jkl-heading-3-font-weight: 700;--jkl-heading-3---jkl-icon-weight: 500;--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: 500;--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: 500;--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}@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-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-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-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-3-font-size: 1.5625rem;--jkl-heading-3-line-height: 2rem;--jkl-heading-3-font-weight: 700;--jkl-heading-3---jkl-icon-weight: 500;--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: 500;--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: 500;--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{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: 500;font-weight:700}@media screen and (prefers-reduced-motion: reduce){*,*:after,*:before{animation-duration:0ms!important;animation-delay:0ms!important;transition:none!important}}:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-radio-button-height: 3rem;--jkl-radio-button-line-height: 2rem;--jkl-radio-button-size: 1.5rem;--jkl-radio-button-text-margin: .5rem 0;--jkl-radio-button-text-transform: translate3d(0, .0625rem, 0);--jkl-radio-button-dot-margin: .75rem .5rem .75rem 0;--jkl-radio-button-dot-size: 1rem;--jkl-radio-button-label-font-size: var(--jkl-body-font-size);--jkl-radio-button-label-line-height: var(--jkl-body-line-height);--jkl-radio-button-label-font-weight: var(--jkl-body-font-weight)}@media (width >= 0) and (max-width: 679px){:root,[data-layout-density=comfortable],[data-density=comfortable]{--jkl-radio-button-height: 2.5rem;--jkl-radio-button-line-height: 1.75rem;--jkl-radio-button-size: 1.5rem;--jkl-radio-button-text-margin: .5rem 0;--jkl-radio-button-text-transform: translate3d(0, 0, 0);--jkl-radio-button-dot-margin: .625rem .5rem .625rem 0;--jkl-radio-button-dot-size: 1rem}}[data-layout-density=compact],[data-density=compact]{--jkl-radio-button-height: 1.75rem;--jkl-radio-button-line-height: 1.5rem;--jkl-radio-button-size: 1.125rem;--jkl-radio-button-text-margin: .25rem 0;--jkl-radio-button-text-transform: translate3d(0, 0, 0);--jkl-radio-button-dot-margin: .4375rem .5rem .4375rem 0;--jkl-radio-button-dot-size: .625rem;--jkl-radio-button-label-font-size: var(--jkl-small-font-size);--jkl-radio-button-label-line-height: var(--jkl-small-line-height);--jkl-radio-button-label-font-weight: var(--jkl-small-font-weight)}@keyframes jkl-dot-in-uqr8puc{0%{transform:scale(.8)}to{transform:scale(1)}}.jkl-radio-button{--ring-color: var(--jkl-color-border-action);--dot-color: transparent;--background-color: transparent;--text-color: var(--jkl-color-text-default);display:flex;min-height:var(--jkl-radio-button-height);color:var(--text-color);position:relative;outline:0;border-style:none;outline-style:none}.jkl-radio-button:active,.jkl-radio-button:hover,.jkl-radio-button:focus{outline:0;outline-style:none}@media screen and (forced-colors: active){.jkl-radio-button{outline:revert;border-style:revert;outline-style:revert}.jkl-radio-button:active,.jkl-radio-button:hover,.jkl-radio-button:focus{outline:revert;outline-style:revert}}.jkl-radio-button__input{position:absolute;opacity:0;top:-6px}.jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{--dot-color: var(--jkl-color-border-action);animation:jkl-dot-in-uqr8puc .15s ease}@media screen and (forced-colors: active){.jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{background-color:ButtonText}}.jkl-radio-button--error .jkl-radio-button__input:checked+.jkl-radio-button__label{--background-color: var(--jkl-color-background-alert-error);--dot-color: var(--jkl-color-text-on-alert)}.jkl-radio-button__input:focus-visible+.jkl-radio-button__label{--background-color: var(--jkl-color-background-input-focus)}.jkl-radio-button__input:focus-visible+.jkl-radio-button__label>.jkl-radio-button__dot{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-radio-button--error .jkl-radio-button__input:focus-visible+.jkl-radio-button__label{--background-color: var(--jkl-color-background-alert-error);--dot-color: var(--jkl-color-text-on-alert)}.jkl-radio-button__label{cursor:pointer;display:flex;align-items:flex-start;font-size:var(--jkl-radio-button-label-font-size);line-height:var(--jkl-radio-button-label-line-height);font-weight:var(--jkl-radio-button-label-font-weight)}.jkl-radio-button__label:hover>.jkl-radio-button__dot{outline:1px solid var(--ring-color)}.jkl-radio-button__label:active>.jkl-radio-button__dot .jkl-radio-button__label:after{scale:.9}.jkl-radio-button__dot{display:inline-block;position:relative;box-sizing:border-box;margin:var(--jkl-radio-button-dot-margin);flex-shrink:0;height:var(--jkl-radio-button-size);width:var(--jkl-radio-button-size);border-radius:50%;border:.0625rem solid var(--ring-color);background-color:var(--background-color);transition-property:background-color,outline;transition-timing-function:ease;transition-duration:.15s}.jkl-radio-button__dot:after{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;scale:1;height:var(--jkl-radio-button-dot-size);width:var(--jkl-radio-button-dot-size);border-radius:50%;background-color:var(--dot-color);transition-property:transform;transition-timing-function:ease;transition-duration:.15s}@media screen and (forced-colors: active){.jkl-radio-button__dot{outline:revert;border:1px solid ButtonText}}.jkl-radio-button__text{display:inline-block;margin:var(--jkl-radio-button-text-margin);transform:var(--jkl-radio-button-text-transform)}.jkl-radio-button--error{--background-color: var(--jkl-color-background-alert-error)}.jkl-radio-button--inline{display:inline-flex;margin-top:unset;margin-right:1.5rem}.jkl-radio-button+.jkl-form-support-label{margin-left:calc(var(--jkl-radio-button-size) + .5rem);margin-top:-.375rem;margin-bottom:.5rem}.jkl-skeleton-loader-example,.jkl-loader-example{display:flex;flex-direction:column;justify-content:space-between;width:100%}.jkl-skeleton-loader-example>*:not(:last-child),.jkl-loader-example>*:not(:last-child){margin-bottom:2rem}.jkl-loader{display:flex}.jkl-loader--inline{display:inline-flex}.jkl-loader__dot{display:block;transform-origin:center;background-color:currentColor;height:.9em;width:.9em;animation:2.5s linear infinite}.jkl-loader__dot--left{animation-name:jkl-loader-left-spin-ull31pq;margin-right:1.71em}.jkl-loader__dot--middle{animation-name:jkl-loader-middle-spin-ull31q5;margin-right:1.9em}.jkl-loader__dot--right{animation-name:jkl-loader-right-spin-ull31qe}@media screen and (forced-colors: active){.jkl-loader__dot{background-color:CanvasText}}.jkl-button .jkl-loader>.jkl-loader__dot,.jkl-loader--medium>.jkl-loader__dot{height:.35em;width:.35em}.jkl-button .jkl-loader>.jkl-loader__dot--left,.jkl-loader--medium>.jkl-loader__dot--left{margin-right:.585em}.jkl-button .jkl-loader>.jkl-loader__dot--middle,.jkl-loader--medium>.jkl-loader__dot--middle{margin-right:.65em}.jkl-loader--small>.jkl-loader__dot{height:.25em;width:.25em}.jkl-loader--small>.jkl-loader__dot--left{margin-right:.27em}.jkl-loader--small>.jkl-loader__dot--middle{margin-right:.3em}@keyframes jkl-loader-left-spin-ull31pq{0%{transform:rotate(0) scale(0)}30%{transform:rotate(90deg) scale(1)}70%{transform:rotate(180deg) scale(0)}to{transform:rotate(180deg) scale(0)}}@keyframes jkl-loader-middle-spin-ull31q5{0%{transform:rotate(20deg) scale(0)}10%{transform:rotate(20deg) scale(0)}40%{transform:rotate(110deg) scale(1.4)}85%{transform:rotate(200deg) scale(0)}to{transform:rotate(200deg) scale(0)}}@keyframes jkl-loader-right-spin-ull31qe{0%{transform:rotate(40deg) scale(0)}20%{transform:rotate(40deg) scale(0)}50%{transform:rotate(130deg) scale(1)}to{transform:rotate(220deg) scale(0)}}@media screen and (prefers-color-scheme: light){:root{--jkl-skeleton-element-color: #e0dbd4;--jkl-skeleton-sweeper-color: #f9f9f9}}[data-theme=light]{--jkl-skeleton-element-color: #e0dbd4;--jkl-skeleton-sweeper-color: #f9f9f9}@media screen and (prefers-color-scheme: dark){:root{--jkl-skeleton-element-color: #636060;--jkl-skeleton-sweeper-color: #1b1917}}[data-theme=dark]{--jkl-skeleton-element-color: #636060;--jkl-skeleton-sweeper-color: #1b1917}.jkl-skeleton-animation{--jkl-skeleton-sweep-duration: 3s;position:relative;overflow:hidden}.jkl-skeleton-animation:after{content:" ";position:absolute;top:0;bottom:0;width:12.5rem;background:linear-gradient(89.17deg,rgba(249,249,249,0) .8%,var(--jkl-skeleton-sweeper-color) 50.09%,rgba(249,249,249,0) 96.31%);animation:var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uiwxrst}@media (width >= 0) and (max-width: 679px){.jkl-skeleton-animation{width:9.375rem}}@media screen and (prefers-reduced-motion: reduce){.jkl-skeleton-animation:after{background:none}}@media screen and (forced-colors: active){.jkl-skeleton-animation:after{animation:none}}.jkl-skeleton-animation--compact:after{width:9.375rem}.jkl-skeleton-element{border-radius:.125rem;background-color:var(--jkl-skeleton-element-color)}.jkl-skeleton-element--circle{border-radius:50%}@media screen and (forced-colors: active){.jkl-skeleton-element{border:1px solid CanvasText;animation:2s ease infinite jkl-blink-uiwxrti}}.jkl-skeleton-input{display:flex;flex-direction:column;gap:.75rem}.jkl-skeleton-input__checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}@media (width >= 0) and (max-width: 679px){.jkl-skeleton-input{gap:.5rem}}.jkl-skeleton-input--compact:after{gap:.5rem}.jkl-skeleton-table{display:flex;flex-direction:column}.jkl-skeleton-table__header,.jkl-skeleton-table__row{display:flex;flex-direction:row;justify-content:space-between;border-bottom:solid 1px var(--jkl-skeleton-element-color)}.jkl-skeleton-table__header{padding:.75rem .5rem}.jkl-skeleton-table__row{padding:1rem .5rem}@media (width >= 0) and (max-width: 679px){.jkl-skeleton-table__header{padding:.5rem .25rem}.jkl-skeleton-table__row{padding:.75rem .25rem}}.jkl-skeleton-table--compact::after__header{padding:.5rem .25rem}.jkl-skeleton-table--compact::after__row{padding:.75rem .25rem}@media screen and (forced-colors: active){.jkl-skeleton-table{animation:2s ease-in-out infinite jkl-blink-uiwxrti}}@keyframes jkl-sweep-uiwxrst{0%{transform:translate(calc(0vw - 200px))}80%,to{transform:translate(calc(100vw + 400px))}}@keyframes jkl-blink-uiwxrti{0%{opacity:1}40%,50%{opacity:.3}70%,to{opacity:1}}@media screen and (prefers-color-scheme: light){:root{--jkl-link-color: #1b1917;--jkl-link-hover-color: #636060;--jkl-link-active-color: #1b1917}}[data-theme=light]{--jkl-link-color: #1b1917;--jkl-link-hover-color: #636060;--jkl-link-active-color: #1b1917}@media screen and (prefers-color-scheme: dark){:root{--jkl-link-color: #f9f9f9;--jkl-link-hover-color: #c8c5c3;--jkl-link-active-color: #f9f9f9}}[data-theme=dark]{--jkl-link-color: #f9f9f9;--jkl-link-hover-color: #c8c5c3;--jkl-link-active-color: #f9f9f9}.jkl-link{color:var(--jkl-link-color);background-image:linear-gradient(to bottom,var(--jkl-link-color) 0%,var(--jkl-link-color) 100%);background-position:0 calc(100% - .0625rem);background-size:.0625rem .0625rem;background-repeat:repeat-x;transition-timing-function:ease;transition-duration:75ms;transition-property:color;outline:none;text-decoration:none}.jkl-link:hover:not(:focus){color:var(--jkl-link-hover-color);background-image:linear-gradient(to bottom,var(--jkl-link-hover-color) 0%,var(--jkl-link-hover-color) 100%)}.jkl-link:hover{background-image:linear-gradient(to bottom,var(--jkl-link-hover-color) 0%,var(--jkl-link-hover-color) 100%)}.jkl-link:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px;background:none}.jkl-link:active{background-position:0 calc(100% - .0625rem)}.jkl-link[target=_blank]:after,.jkl-link--external:after{content:"↗";content:"↗"/"";alt:" "}@media screen and (forced-colors: active){.jkl-link{outline:revert;text-decoration:revert}}.jkl-nav-link{color:var(--jkl-link-color);box-sizing:border-box;font-weight:400;text-decoration:none;position:relative;outline:0;border-style:none;outline-style:none}.jkl-nav-link:active,.jkl-nav-link:hover,.jkl-nav-link:focus{outline:0;outline-style:none}@media screen and (forced-colors: active){.jkl-nav-link{outline:revert;border-style:revert;outline-style:revert}.jkl-nav-link:active,.jkl-nav-link:hover,.jkl-nav-link:focus{outline:revert;outline-style:revert}}.jkl-nav-link:after{content:"→";content:"→"/"";alt:" ";transition-timing-function:ease;transition-duration:.15s;transition-property:padding-left,padding-right;display:inline;margin-left:-.2em;padding-left:.35em;padding-right:.35em}.jkl-nav-link:hover:not(:focus){color:var(--jkl-link-hover-color)}.jkl-nav-link:hover:not(:focus):after{padding-left:.7em;padding-right:0}.jkl-nav-link:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-nav-link:focus-visible:after{padding-left:.7em;padding-right:0}.jkl-nav-link--active{--jkl-icon-weight: 500;font-weight:700;letter-spacing:-.014em}.jkl-nav-link--back{padding-right:0;padding-left:.3em;margin-left:-.3em}.jkl-nav-link--back:after{display:none}.jkl-nav-link--back:before{content:"←";content:"←"/"";alt:" ";transition-timing-function:ease;transition-duration:.15s;transform:translate(0);transition-property:transform;display:inline-block;padding-right:.25rem}.jkl-nav-link--back:hover:before,.jkl-nav-link--back:focus-visible:before{transform:translate(-33%)}.jkl-accordion{width:100%}.jkl .jkl-accordion,.jkl-accordion[data-layout-density=comfortable],.jkl-accordion[data-density=comfortable],[data-layout-density=comfortable] .jkl-accordion,[data-density=comfortable] .jkl-accordion{--title-padding: var(--jkl-spacing-16) 3rem var(--jkl-spacing-16) var(--jkl-spacing-16);--arrow-top: 1.25rem;--arrow-right: var(--jkl-spacing-12);--content-padding: var(--jkl-spacing-8) var(--jkl-spacing-16) var(--jkl-spacing-16);--title-font-size: var(--jkl-body-font-size);--title-line-height: var(--jkl-body-line-height);--title-font-weight: var(--jkl-body-font-weight);--content-font-size: var(--jkl-body-font-size);--content-line-height: var(--jkl-body-line-height);--content-font-weight: var(--jkl-body-font-weight)}@media (width >= 0) and (max-width: 679px){.jkl .jkl-accordion,.jkl-accordion[data-layout-density=comfortable],.jkl-accordion[data-density=comfortable],[data-layout-density=comfortable] .jkl-accordion,[data-density=comfortable] .jkl-accordion{--title-padding: var(--jkl-spacing-12) 2.75rem var(--jkl-spacing-12) var(--jkl-spacing-12);--content-padding: var(--jkl-spacing-8) var(--jkl-spacing-12) var(--jkl-spacing-16) var(--jkl-spacing-12);--arrow-top: 1.4375rem}}.jkl-accordion[data-layout-density=compact],.jkl-accordion[data-density=compact],[data-layout-density=compact] .jkl-accordion,[data-density=compact] .jkl-accordion{--title-padding: var(--jkl-spacing-8) 2rem var(--jkl-spacing-8) var(--jkl-spacing-8);--arrow-top: var(--jkl-spacing-8);--arrow-right: var(--jkl-spacing-4);--content-padding: var(--jkl-spacing-8);--title-font-size: var(--jkl-small-font-size);--title-line-height: var(--jkl-small-line-height);--title-font-weight: var(--jkl-small-font-weight);--content-font-size: var(--jkl-small-font-size);--content-line-height: var(--jkl-small-line-height);--content-font-weight: var(--jkl-small-font-weight)}.jkl-accordion-item{--background: transparent;--text-color: var(--jkl-color-text-default);--title-text-color: var(--jkl-color-text-interactive);--border-color: var(--jkl-color-border-separator);background-color:var(--background);color:var(--text-color);border-bottom:.0625rem solid var(--border-color);transition-timing-function:ease;transition-duration:.1s;transition-property:border-color}.jkl-accordion-item:hover{--border-color: var(--jkl-color-border-separator-hover)}.jkl-accordion-item:hover:not(:first-child){border-top:.0625rem solid var(--border-color)}.jkl-accordion-item:has(+[open]),.jkl-accordion-item:has(+:hover){border-bottom:none}.jkl-accordion-item[open]{--background: var(--jkl-color-background-container-high);border-top:.0625rem solid var(--border-color)}.jkl-accordion-item[open] .jkl-accordion-item__title{--jkl-icon-weight: 500;font-weight:700;letter-spacing:-.014em}.jkl-accordion-item__title{font-size:var(--title-font-size);line-height:var(--title-line-height);font-weight:var(--title-font-weight);cursor:pointer;color:var(--title-text-color);list-style:none;background-color:transparent;position:relative;padding:var(--title-padding);text-align:left;width:100%;box-sizing:border-box;outline:0;border-style:none;outline-style:none}.jkl-accordion-item__title:active,.jkl-accordion-item__title:hover,.jkl-accordion-item__title:focus{outline:0;outline-style:none}@media screen and (forced-colors: active){.jkl-accordion-item__title{outline:revert;border-style:revert;outline-style:revert}.jkl-accordion-item__title:active,.jkl-accordion-item__title:hover,.jkl-accordion-item__title:focus{outline:revert;outline-style:revert}}.jkl-accordion-item__title::-webkit-details-marker{display:none}.jkl-accordion-item__title:hover{--title-text-color: var(--jkl-color-text-interactive-hover)}.jkl-accordion-item__title:hover .jkl-accordion-item__arrow{translate:0 .25rem}.jkl-accordion-item__title:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:0}.jkl-accordion-item__arrow{pointer-events:none;position:absolute;right:var(--arrow-right);top:var(--arrow-top);transition-timing-function:ease;transition-duration:.1s;transition-property:translate}@media screen and (forced-colors: active){.jkl-accordion-item__arrow{stroke:ButtonText;fill:ButtonText}.jkl-accordion-item__arrow svg,.jkl-accordion-item__arrow path{stroke:ButtonText;fill:ButtonText}}.jkl-accordion-item__content-wrapper{transition-timing-function:ease;transition-duration:.15s;transition-property:height}.jkl-accordion-item__content{font-size:var(--content-font-size);line-height:var(--content-line-height);font-weight:var(--content-font-weight);height:auto;padding:var(--content-padding)}@media screen and (forced-colors: active){.jkl-accordion-item:nth-child(n){border-top:.125rem solid ButtonText}.jkl-accordion-item:nth-child(n):hover{border-top:.125rem solid ButtonText}.jkl-accordion-item:nth-child(n):hover+.jkl-accordion-item{border-top:.125rem solid ButtonText}.jkl-accordion-item:last-child{border-bottom:.125rem solid ButtonText}.jkl-accordion-item:last-child:hover{border-bottom:.125rem solid ButtonText}.jkl-accordion-item__title{background-color:ButtonFace;outline:revert}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fremtind/jokul",
3
- "version": "0.15.0",
3
+ "version": "0.16.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -172,5 +172,5 @@
172
172
  "@babel/preset-react"
173
173
  ]
174
174
  },
175
- "gitHead": "238f0a8dc3deed8bf1ac35dd2126c6dcc1728340"
175
+ "gitHead": "eafdc225f56e3e1431c424fac6cbfdf424b9f19b"
176
176
  }
@@ -128,7 +128,7 @@
128
128
  height: 1rem;
129
129
  }
130
130
  html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
131
- animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-ufu16mk;
131
+ animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-uwjdlai;
132
132
  }
133
133
  :not([data-touchnavigation]) .jkl-button--primary:hover, :not([data-touchnavigation]) .jkl-button--secondary:hover, :not([data-touchnavigation]) .jkl-button--tertiary:hover {
134
134
  scale: 1.05;
@@ -172,7 +172,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
172
172
  --background-color: var(--jkl-color-background-interactive-hover);
173
173
  }
174
174
 
175
- @keyframes jkl-tertiary-flash-ufu16mk {
175
+ @keyframes jkl-tertiary-flash-uwjdlai {
176
176
  0% {
177
177
  opacity: 0.5;
178
178
  scale: 1;