@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.
- package/build/build-stats.html +1 -1
- package/build/cjs/components/datepicker/DatePicker.js +1 -1
- package/build/cjs/components/datepicker/DatePicker.js.map +1 -1
- package/build/cjs/components/datepicker/internal/Calendar.js +1 -1
- package/build/cjs/components/datepicker/internal/Calendar.js.map +1 -1
- package/build/cjs/components/popover/Popover.js +1 -1
- package/build/cjs/components/popover/Popover.js.map +1 -1
- package/build/cjs/components/popover/utils.js.map +1 -1
- package/build/cjs/components/text-input/BaseTextInput.js +1 -1
- package/build/cjs/components/text-input/BaseTextInput.js.map +1 -1
- package/build/es/components/datepicker/DatePicker.js +1 -1
- package/build/es/components/datepicker/DatePicker.js.map +1 -1
- package/build/es/components/datepicker/internal/Calendar.js +1 -1
- package/build/es/components/datepicker/internal/Calendar.js.map +1 -1
- package/build/es/components/popover/Popover.js +1 -1
- package/build/es/components/popover/Popover.js.map +1 -1
- package/build/es/components/popover/utils.js.map +1 -1
- package/build/es/components/text-input/BaseTextInput.js +1 -1
- package/build/es/components/text-input/BaseTextInput.js.map +1 -1
- package/build/packages/jokul/src/components/datepicker/internal/Calendar.d.ts +0 -1
- package/build/packages/jokul/src/components/popover/Popover.d.ts +61 -21
- package/build/packages/jokul/src/components/popover/utils.d.ts +1 -1
- package/build/packages/jokul/src/components/text-input/BaseTextInput.d.ts +8 -0
- package/build/style.css +1 -1
- package/package.json +2 -2
- package/src/components/button/styles/button.css +2 -2
- package/src/components/button/styles/button.min.css +1 -1
- package/src/components/checkbox/styles/checkbox.css +4 -4
- package/src/components/checkbox/styles/checkbox.min.css +1 -1
- package/src/components/datepicker/styles/_calendar.scss +11 -32
- package/src/components/datepicker/styles/datepicker.css +8 -33
- package/src/components/datepicker/styles/datepicker.min.css +1 -1
- package/src/components/feedback/styles/feedback.css +2 -2
- package/src/components/feedback/styles/feedback.min.css +1 -1
- package/src/components/input-group/styles/input-group.css +2 -2
- package/src/components/input-group/styles/input-group.min.css +1 -1
- package/src/components/loader/styles/loader.css +6 -6
- package/src/components/loader/styles/loader.min.css +1 -1
- package/src/components/loader/styles/skeleton-loader.css +5 -5
- package/src/components/loader/styles/skeleton-loader.min.css +1 -1
- package/src/components/message/styles/message.css +2 -2
- package/src/components/message/styles/message.min.css +1 -1
- package/src/components/progress-bar/styles/progress-bar.css +2 -2
- package/src/components/progress-bar/styles/progress-bar.min.css +1 -1
- package/src/components/radio-button/styles/radio-button.css +2 -2
- package/src/components/radio-button/styles/radio-button.min.css +1 -1
- package/src/components/system-message/styles/system-message.css +2 -2
- package/src/components/system-message/styles/system-message.min.css +1 -1
- package/src/components/toast/styles/toast.css +4 -4
- 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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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;
|
|
@@ -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.
|
|
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": "
|
|
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-
|
|
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-
|
|
175
|
+
@keyframes jkl-tertiary-flash-uwjdlai {
|
|
176
176
|
0% {
|
|
177
177
|
opacity: 0.5;
|
|
178
178
|
scale: 1;
|