@fremtind/jokul 5.0.0-next.5 → 5.0.0-next.6
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/README.md +4 -9
- package/package.json +1 -1
- package/src/fonts/Fremtind-Material-Symbols.woff2 +0 -0
- package/src/fonts/InterVariable-Italic.woff2 +0 -0
- package/src/fonts/InterVariable.woff2 +0 -0
- package/styles/base.css +22 -70
- package/styles/base.min.css +1 -1
- package/styles/components/beta/nav-link/navlink.css +1 -1
- package/styles/components/beta/nav-link/navlink.min.css +1 -1
- package/styles/components/checkbox/checkbox.css +1 -1
- package/styles/components/checkbox/checkbox.min.css +1 -1
- package/styles/components/checkbox-panel/checkbox-panel.css +1 -1
- package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
- package/styles/components/countdown/countdown.css +2 -2
- package/styles/components/countdown/countdown.min.css +1 -1
- package/styles/components/feedback/feedback.css +2 -2
- package/styles/components/feedback/feedback.min.css +1 -1
- package/styles/components/file-input/file-input.css +10 -10
- package/styles/components/file-input/file-input.min.css +1 -1
- package/styles/components/icon/_base-styles.scss +1 -1
- package/styles/components/icon/icon.css +1 -1
- package/styles/components/icon/icon.min.css +1 -1
- package/styles/components/input-group/input-group.css +2 -2
- package/styles/components/input-group/input-group.min.css +1 -1
- package/styles/components/link/link.css +1 -1
- package/styles/components/link/link.min.css +1 -1
- package/styles/components/link-list/link-list.css +1 -1
- package/styles/components/link-list/link-list.min.css +1 -1
- package/styles/components/loader/loader.css +6 -6
- package/styles/components/loader/loader.min.css +1 -1
- package/styles/components/loader/skeleton-loader.css +3 -3
- package/styles/components/loader/skeleton-loader.min.css +1 -1
- package/styles/components/message/message.css +2 -2
- package/styles/components/message/message.min.css +1 -1
- package/styles/components/progress-bar/progress-bar.css +1 -1
- package/styles/components/progress-bar/progress-bar.min.css +1 -1
- package/styles/components/radio-button/radio-button.css +1 -1
- package/styles/components/radio-button/radio-button.min.css +1 -1
- package/styles/components/search/search.css +2 -2
- package/styles/components/search/search.min.css +1 -1
- package/styles/components/search/search.scss +1 -1
- package/styles/components/segmented-control/segmented-control.css +4 -4
- package/styles/components/segmented-control/segmented-control.min.css +1 -1
- package/styles/components/system-message/system-message.css +2 -2
- package/styles/components/system-message/system-message.min.css +1 -1
- package/styles/components/toast/toast.css +4 -4
- package/styles/components/toast/toast.min.css +1 -1
- package/styles/components.css +32 -32
- package/styles/components.min.css +1 -1
- package/styles/jkl/_typography.scss +4 -4
- package/styles/theme/_fonts.scss +20 -58
- package/styles/theme/_index.scss +1 -1
- package/styles/theme/brands/{jokul → fremtind}/_color-scheme.scss +1 -1
- package/styles/theme/brands/fremtind/_fonts.scss +30 -0
- package/styles/theme/brands/jokul/_fonts.scss +0 -46
- /package/styles/theme/brands/{jokul → fremtind}/_index.scss +0 -0
package/README.md
CHANGED
|
@@ -137,21 +137,16 @@ Dette gjør du med
|
|
|
137
137
|
|
|
138
138
|
Om du ikke bruker Sass kan du bruke CSS-versjonen. Denne versjonen ser **kun** etter fontfilene på URLen `/fonts`, så det beste er å sørge for å kopiere fonter på en måte som gjør at de blir tilgjengelig på den URLen.
|
|
139
139
|
|
|
140
|
-
Om du er nødt til å legge fontfilene et annet sted må
|
|
141
|
-
kopieres inn i prosjektet. Deretter må du endre URLen i hver `@font-face`-definisjon manuelt så det stemmer med hvor fontfilene ligger. **Husk at man må gjenta prosessen hver gang man oppdaterer pakken!**
|
|
140
|
+
Om du er nødt til å legge fontfilene et annet sted må `@font-face`-definisjonene fra `node_modules/@fremtind/jokul/styles/base.css` kopieres inn i prosjektet. Deretter må du endre URLen i hver `@font-face`-definisjon manuelt så det stemmer med hvor fontfilene ligger. **Husk at man må gjenta prosessen hver gang man oppdaterer pakken!**
|
|
142
141
|
|
|
143
142
|
```css
|
|
144
143
|
@font-face {
|
|
145
144
|
font-family: "Jokul";
|
|
146
145
|
font-display: fallback;
|
|
147
|
-
font-weight:
|
|
146
|
+
font-weight: 400;
|
|
148
147
|
font-style: normal;
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
/* Endre de to neste linjene så de stemmer */
|
|
152
|
-
url("/relative/path/to/font/files/InterVariable.woff2")
|
|
153
|
-
format("woff2"),
|
|
154
|
-
url("/relative/path/to/font/files/InterVariable.woff2") format("woff");
|
|
148
|
+
/* Endre URLen så den stemmer */
|
|
149
|
+
src: url("/relative/path/to/font/files/InterVariable.woff2") format("woff2");
|
|
155
150
|
}
|
|
156
151
|
```
|
|
157
152
|
|
package/package.json
CHANGED
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/styles/base.css
CHANGED
|
@@ -267,16 +267,6 @@
|
|
|
267
267
|
font-style: normal;
|
|
268
268
|
src: url("/fonts/InterVariable.woff2") format("woff2");
|
|
269
269
|
}
|
|
270
|
-
@font-face {
|
|
271
|
-
font-family: "Adjusted Arial Fallback";
|
|
272
|
-
font-weight: 400;
|
|
273
|
-
font-style: normal;
|
|
274
|
-
src: local(arial);
|
|
275
|
-
size-adjust: 104%;
|
|
276
|
-
ascent-override: 82%;
|
|
277
|
-
descent-override: normal;
|
|
278
|
-
line-gap-override: 32%;
|
|
279
|
-
}
|
|
280
270
|
@font-face {
|
|
281
271
|
font-family: Jokul;
|
|
282
272
|
font-display: fallback;
|
|
@@ -285,56 +275,45 @@
|
|
|
285
275
|
src: url("/fonts/InterVariable.woff2") format("woff2");
|
|
286
276
|
}
|
|
287
277
|
@font-face {
|
|
288
|
-
font-family: "
|
|
289
|
-
font-
|
|
278
|
+
font-family: "Jokul Display";
|
|
279
|
+
font-display: fallback;
|
|
280
|
+
font-weight: 400;
|
|
290
281
|
font-style: normal;
|
|
291
|
-
src:
|
|
292
|
-
size-adjust: 108%;
|
|
293
|
-
ascent-override: 83%;
|
|
294
|
-
descent-override: normal;
|
|
295
|
-
line-gap-override: 28%;
|
|
282
|
+
src: url("/fonts/InterVariable.woff2") format("woff2");
|
|
296
283
|
}
|
|
297
284
|
@font-face {
|
|
298
|
-
font-family: Jokul;
|
|
285
|
+
font-family: "Jokul Mono";
|
|
299
286
|
font-display: fallback;
|
|
300
287
|
font-weight: 400;
|
|
301
|
-
font-style:
|
|
288
|
+
font-style: normal;
|
|
302
289
|
src: url("/fonts/InterVariable.woff2") format("woff2");
|
|
303
290
|
}
|
|
291
|
+
@font-face {
|
|
292
|
+
font-family: "Jokul Icons";
|
|
293
|
+
font-weight: 300 400;
|
|
294
|
+
font-style: normal;
|
|
295
|
+
src: url("/fonts/Fremtind-Material-Symbols.woff2") format("woff2");
|
|
296
|
+
}
|
|
304
297
|
@font-face {
|
|
305
298
|
font-family: "Adjusted Arial Fallback";
|
|
306
299
|
font-weight: 400;
|
|
307
|
-
font-style:
|
|
300
|
+
font-style: normal;
|
|
308
301
|
src: local(arial);
|
|
309
|
-
size-adjust:
|
|
310
|
-
ascent-override:
|
|
302
|
+
size-adjust: 104%;
|
|
303
|
+
ascent-override: 82%;
|
|
311
304
|
descent-override: normal;
|
|
312
|
-
line-gap-override:
|
|
313
|
-
}
|
|
314
|
-
@font-face {
|
|
315
|
-
font-family: Jokul;
|
|
316
|
-
font-display: fallback;
|
|
317
|
-
font-weight: 700;
|
|
318
|
-
font-style: italic;
|
|
319
|
-
src: url("/fonts/InterVariable.woff2") format("woff2");
|
|
305
|
+
line-gap-override: 32%;
|
|
320
306
|
}
|
|
321
307
|
@font-face {
|
|
322
308
|
font-family: "Adjusted Arial Fallback";
|
|
323
309
|
font-weight: 700;
|
|
324
|
-
font-style:
|
|
310
|
+
font-style: normal;
|
|
325
311
|
src: local(arial);
|
|
326
312
|
size-adjust: 108%;
|
|
327
313
|
ascent-override: 83%;
|
|
328
314
|
descent-override: normal;
|
|
329
315
|
line-gap-override: 28%;
|
|
330
316
|
}
|
|
331
|
-
@font-face {
|
|
332
|
-
font-family: "Jokul Display";
|
|
333
|
-
font-display: fallback;
|
|
334
|
-
font-weight: 400;
|
|
335
|
-
font-style: normal;
|
|
336
|
-
src: url("/fonts/InterVariable.woff2") format("woff2");
|
|
337
|
-
}
|
|
338
317
|
@font-face {
|
|
339
318
|
font-family: "Adjusted Arial Display Fallback";
|
|
340
319
|
font-weight: 400;
|
|
@@ -345,13 +324,6 @@
|
|
|
345
324
|
descent-override: normal;
|
|
346
325
|
line-gap-override: 40%;
|
|
347
326
|
}
|
|
348
|
-
@font-face {
|
|
349
|
-
font-family: "Jokul Mono";
|
|
350
|
-
font-display: fallback;
|
|
351
|
-
font-weight: 400;
|
|
352
|
-
font-style: normal;
|
|
353
|
-
src: url("/fonts/InterVariable.woff2") format("woff2");
|
|
354
|
-
}
|
|
355
327
|
@font-face {
|
|
356
328
|
font-family: "Adjusted Courier New Fallback";
|
|
357
329
|
font-weight: 400;
|
|
@@ -363,13 +335,7 @@
|
|
|
363
335
|
line-gap-override: 27%;
|
|
364
336
|
}
|
|
365
337
|
@font-face {
|
|
366
|
-
font-family: "Jokul
|
|
367
|
-
font-weight: 300 400;
|
|
368
|
-
font-style: normal;
|
|
369
|
-
src: url("/fonts/Fremtind-Material-Symbols.woff2") format("woff2");
|
|
370
|
-
}
|
|
371
|
-
@font-face {
|
|
372
|
-
font-family: "Jokul Material Symbols Fallback";
|
|
338
|
+
font-family: "Jokul Icons Fallback";
|
|
373
339
|
src: local(courier new);
|
|
374
340
|
font-weight: 300 400;
|
|
375
341
|
font-style: normal;
|
|
@@ -1204,7 +1170,7 @@
|
|
|
1204
1170
|
* Do not edit directly, this file was auto-generated.
|
|
1205
1171
|
*/
|
|
1206
1172
|
@layer jokul.theme {
|
|
1207
|
-
[data-brand=
|
|
1173
|
+
[data-brand=fremtind] {
|
|
1208
1174
|
/* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
|
|
1209
1175
|
--jkl-color-neutral-background-page: #F4F2EF;
|
|
1210
1176
|
--jkl-color-neutral-background-page: light-dark(#F4F2EF, #1B1917);
|
|
@@ -1321,35 +1287,21 @@
|
|
|
1321
1287
|
* Do not edit directly, this file was auto-generated.
|
|
1322
1288
|
*/
|
|
1323
1289
|
@layer jokul.theme {
|
|
1324
|
-
@font-face {
|
|
1325
|
-
font-family: "Inter";
|
|
1326
|
-
font-display: fallback;
|
|
1327
|
-
font-weight: 300;
|
|
1328
|
-
font-style: normal;
|
|
1329
|
-
src: url("/fonts/brands/jokul/InterVariable.woff2") format("woff2");
|
|
1330
|
-
}
|
|
1331
1290
|
@font-face {
|
|
1332
1291
|
font-family: "Inter";
|
|
1333
1292
|
font-display: fallback;
|
|
1334
1293
|
font-weight: 400;
|
|
1335
1294
|
font-style: normal;
|
|
1336
|
-
src: url("/fonts/brands/
|
|
1337
|
-
}
|
|
1338
|
-
@font-face {
|
|
1339
|
-
font-family: "Inter";
|
|
1340
|
-
font-display: fallback;
|
|
1341
|
-
font-weight: 600;
|
|
1342
|
-
font-style: normal;
|
|
1343
|
-
src: url("/fonts/brands/jokul/InterVariable.woff2") format("woff2");
|
|
1295
|
+
src: url("/fonts/brands/fremtind/InterVariable.woff2") format("woff2");
|
|
1344
1296
|
}
|
|
1345
1297
|
@font-face {
|
|
1346
1298
|
font-family: "Inter";
|
|
1347
1299
|
font-display: fallback;
|
|
1348
1300
|
font-weight: 700;
|
|
1349
1301
|
font-style: normal;
|
|
1350
|
-
src: url("/fonts/brands/
|
|
1302
|
+
src: url("/fonts/brands/fremtind/InterVariable.woff2") format("woff2");
|
|
1351
1303
|
}
|
|
1352
|
-
[data-brand=
|
|
1304
|
+
[data-brand=fremtind] {
|
|
1353
1305
|
--jkl-font-family-regular: Inter, "Adjusted Arial Fallback", arial, sans-serif;
|
|
1354
1306
|
--jkl-font-family-display: Inter, "Adjusted Arial Display Fallback", arial, sans-serif;
|
|
1355
1307
|
--jkl-font-family-mono: monospace, -apple-system, blinkmacsystemfont;
|
package/styles/base.min.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
@layer jokul{@layer resets, theme, global, components, utility}
|
|
2
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@layer jokul.resets{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{border:0;display:block;line-height:1;margin:0;padding:0}table{border-collapse:collapse}table,tbody,td,th,thead,tr{margin:0;padding:0}}@layer jokul.resets{.jkl [hidden]{display:none!important}}@layer jokul.theme{@font-face{font-display:fallback;font-family:Jokul;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{ascent-override:82%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:400;line-gap-override:32%;size-adjust:104%;src:local(arial)}@font-face{font-display:fallback;font-family:Jokul;font-style:normal;font-weight:700;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{font-display:fallback;font-family:Jokul;font-style:italic;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:italic;font-weight:400;line-gap-override:28%;size-adjust:106%;src:local(arial)}@font-face{font-display:fallback;font-family:Jokul;font-style:italic;font-weight:700;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:italic;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{font-display:fallback;font-family:Jokul Display;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{ascent-override:76%;descent-override:normal;font-family:Adjusted Arial Display Fallback;font-style:normal;font-weight:400;line-gap-override:40%;size-adjust:102%;src:local(arial)}@font-face{font-display:fallback;font-family:Jokul Mono;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Courier New Fallback;font-style:normal;font-weight:400;line-gap-override:27%;size-adjust:100%;src:local(courier new)}@font-face{font-family:Jokul Material Symbols;font-style:normal;font-weight:300 400;src:url(/fonts/Fremtind-Material-Symbols.woff2) format("woff2")}@font-face{font-family:Jokul Material Symbols Fallback;font-style:normal;font-weight:300 400;size-adjust:0%;src:local(courier new)}}@layer jokul.theme{:root{--jkl-spacing-2: ;--jkl-spacing-4: ;--jkl-spacing-8: ;--jkl-spacing-12: ;--jkl-spacing-16: ;--jkl-spacing-24: ;--jkl-spacing-32: ;--jkl-spacing-40: ;--jkl-spacing-64: ;--jkl-spacing-104: ;--jkl-spacing-168: ;--jkl-spacing-16-24: ;--jkl-spacing-24-40: ;--jkl-spacing-24-32: ;--jkl-spacing-32-40: ;--jkl-spacing-40-64: ;--jkl-spacing-64-104: ;--jkl-spacing-104-168: ;--jkl-spacing-16-16-24: ;--jkl-spacing-16-24-32: ;--jkl-spacing-16-24-40: ;--jkl-spacing-24-24-32: ;--jkl-spacing-24-24-40: ;--jkl-spacing-24-32-40: ;--jkl-spacing-32-32-40: ;--jkl-spacing-32-40-64: ;--jkl-spacing-40-40-64: ;--jkl-spacing-40-64-104: ;--jkl-spacing-64-64-104: ;--jkl-spacing-64-104-168: ;--jkl-spacing-104-104-168: }@media (min-width:680px){:root{--jkl-spacing-16-24: ;--jkl-spacing-24-40: ;--jkl-spacing-24-32: ;--jkl-spacing-32-40: ;--jkl-spacing-40-64: ;--jkl-spacing-64-104: ;--jkl-spacing-104-168: ;--jkl-spacing-16-16-24: ;--jkl-spacing-16-24-32: ;--jkl-spacing-16-24-40: ;--jkl-spacing-24-24-32: ;--jkl-spacing-24-24-40: ;--jkl-spacing-24-32-40: ;--jkl-spacing-32-32-40: ;--jkl-spacing-32-40-64: ;--jkl-spacing-40-40-64: ;--jkl-spacing-40-64-104: ;--jkl-spacing-64-64-104: ;--jkl-spacing-64-104-168: ;--jkl-spacing-104-104-168: }}@media (min-width:1200px){:root{--jkl-spacing-16-16-24: ;--jkl-spacing-16-24-32: ;--jkl-spacing-16-24-40: ;--jkl-spacing-24-24-32: ;--jkl-spacing-24-24-40: ;--jkl-spacing-24-32-40: ;--jkl-spacing-32-32-40: ;--jkl-spacing-32-40-64: ;--jkl-spacing-40-40-64: ;--jkl-spacing-40-64-104: ;--jkl-spacing-64-64-104: ;--jkl-spacing-64-104-168: ;--jkl-spacing-104-104-168: }}}@layer jokul.theme{:root{color-scheme:light dark;--jkl-color-neutral-background-page:#f4f2ef;--jkl-color-neutral-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-neutral-background-container:#f9f9f9;--jkl-color-neutral-background-container:light-dark(#f9f9f9,#313030);--jkl-color-neutral-background-action:#1b1917;--jkl-color-neutral-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-default:#1b1917;--jkl-color-neutral-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-subdued:#636060;--jkl-color-neutral-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-neutral-text-on-action:#f9f9f9;--jkl-color-neutral-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-neutral-border-strong:#1b1917;--jkl-color-neutral-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-border-default:#636060;--jkl-color-neutral-border-default:light-dark(#636060,#c8c5c3);--jkl-color-neutral-border-subdued:#c8c5c3;--jkl-color-neutral-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#1b1917;--jkl-color-accent-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-default:#1b1917;--jkl-color-accent-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-subdued:#636060;--jkl-color-accent-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-accent-text-on-action:#f9f9f9;--jkl-color-accent-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-accent-border-strong:#1b1917;--jkl-color-accent-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-border-default:#636060;--jkl-color-accent-border-default:light-dark(#636060,#c8c5c3);--jkl-color-accent-border-subdued:#c8c5c3;--jkl-color-accent-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}:root,[data-variant=neutral]{--jkl-color-background-page:var(--jkl-color-neutral-background-page);--jkl-color-background-container:var(--jkl-color-neutral-background-container);--jkl-color-background-action:var(--jkl-color-neutral-background-action);--jkl-color-text-default:var(--jkl-color-neutral-text-default);--jkl-color-text-subdued:var(--jkl-color-neutral-text-subdued);--jkl-color-text-on-action:var(--jkl-color-neutral-text-on-action);--jkl-color-border-strong:var(--jkl-color-neutral-border-strong);--jkl-color-border-default:var(--jkl-color-neutral-border-default);--jkl-color-border-subdued:var(--jkl-color-neutral-border-subdued)}[data-variant=accent]{--jkl-color-background-page:var(--jkl-color-accent-background-page);--jkl-color-background-container:var(--jkl-color-accent-background-container);--jkl-color-background-action:var(--jkl-color-accent-background-action);--jkl-color-text-default:var(--jkl-color-accent-text-default);--jkl-color-text-subdued:var(--jkl-color-accent-text-subdued);--jkl-color-text-on-action:var(--jkl-color-accent-text-on-action);--jkl-color-border-strong:var(--jkl-color-accent-border-strong);--jkl-color-border-default:var(--jkl-color-accent-border-default);--jkl-color-border-subdued:var(--jkl-color-accent-border-subdued)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}}@layer jokul.theme{:root,[data-size=medium],[data-size]{--jkl-unit-10:8px;--jkl-unit-base:8px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:20px;--jkl-font-size-5:24px;--jkl-font-size-6:28px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:48px;--jkl-font-size-10:56px}[data-size=small]{--jkl-unit-10:5px;--jkl-unit-base:5px;--jkl-font-size-1:12px;--jkl-font-size-2:14px;--jkl-font-size-3:16px;--jkl-font-size-4:18px;--jkl-font-size-5:20px;--jkl-font-size-6:24px;--jkl-font-size-7:28px;--jkl-font-size-8:32px;--jkl-font-size-9:40px;--jkl-font-size-10:48px}[data-size=large]{--jkl-unit-10:11px;--jkl-unit-base:11px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:20px;--jkl-font-size-5:24px;--jkl-font-size-6:28px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:48px;--jkl-font-size-10:56px}}@layer jokul.theme{:root,[data-size],[data-theme]{--jkl-unit-0:0;--jkl-spacing-0:0rem;--jkl-spacing-2:0.125rem;--jkl-spacing-4:0.25rem;--jkl-spacing-8:0.5rem;--jkl-spacing-12:0.75rem;--jkl-spacing-16:1rem;--jkl-spacing-24:1.5rem;--jkl-spacing-32:2rem;--jkl-spacing-40:2.5rem;--jkl-spacing-64:4rem;--jkl-spacing-104:6.5rem;--jkl-spacing-168:10.5rem;--jkl-spacing-none:0;--jkl-border-width-1:0.0625rem;--jkl-border-width-2:0.125rem;--jkl-border-width-3:0.1875rem;--jkl-border-radius-none:0;--jkl-border-radius-xs:0.25rem;--jkl-border-radius-s:0.5rem;--jkl-border-radius-m:0.75rem;--jkl-border-radius-l:1rem;--jkl-border-radius-full:9999px;--jkl-breakpoint-small:0;--jkl-breakpoint-medium:680px;--jkl-breakpoint-large:1200px;--jkl-breakpoint-xl:1600px;--jkl-motion-timing-energetic:75ms;--jkl-motion-timing-snappy:100ms;--jkl-motion-timing-productive:150ms;--jkl-motion-timing-polite:200ms;--jkl-motion-timing-expressive:250ms;--jkl-motion-timing-lazy:400ms;--jkl-motion-easing-standard:ease;--jkl-motion-easing-entrance:ease-out;--jkl-motion-easing-exit:ease-in;--jkl-motion-easing-ease-in-bounce-out:cubic-bezier(0,0,0.375,1.17);--jkl-motion-easing-focus:cubic-bezier(0.6,0.2,0.35,1);--jkl-font-weight-normal:400;--jkl-font-weight-bold:700;--jkl-font-family-regular:"Jokul","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"Jokul Display","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"Jokul Mono","Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace;--jkl-line-height-flush:1;--jkl-line-height-tight:1.3;--jkl-line-height-relaxed:1.6;--jkl-unit-15:calc(var(--jkl-unit-base)*1.5);--jkl-unit-20:calc(var(--jkl-unit-base)*2);--jkl-unit-25:calc(var(--jkl-unit-base)*2.5);--jkl-unit-30:calc(var(--jkl-unit-base)*3);--jkl-unit-35:calc(var(--jkl-unit-base)*3.5);--jkl-unit-40:calc(var(--jkl-unit-base)*4);--jkl-unit-50:calc(var(--jkl-unit-base)*5);--jkl-unit-60:calc(var(--jkl-unit-base)*6);--jkl-unit-70:calc(var(--jkl-unit-base)*7);--jkl-unit-80:calc(var(--jkl-unit-base)*8);--jkl-unit-90:calc(var(--jkl-unit-base)*9);--jkl-unit-100:calc(var(--jkl-unit-base)*10);--jkl-unit-130:calc(var(--jkl-unit-base)*13);--jkl-unit-210:calc(var(--jkl-unit-base)*21);--jkl-unit-02:calc(var(--jkl-unit-base)*0.25);--jkl-unit-05:calc(var(--jkl-unit-base)*0.5);--jkl-spacing-2xs:var(--jkl-spacing-4);--jkl-spacing-xs:var(--jkl-spacing-8);--jkl-spacing-s:var(--jkl-spacing-16);--jkl-spacing-m:var(--jkl-spacing-24);--jkl-spacing-l:var(--jkl-spacing-40);--jkl-spacing-xl:var(--jkl-spacing-64);--jkl-spacing-2xl:var(--jkl-spacing-104);--jkl-text-style-title:var(--jkl-font-weight-normal) var(--jkl-font-size-10)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-title-small:var(--jkl-font-weight-normal) var(--jkl-font-size-9)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-1:var(--jkl-font-weight-normal) var(--jkl-font-size-8)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-2:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-3:var(--jkl-font-weight-bold) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-4:var(--jkl-font-weight-bold) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-5:var(--jkl-font-weight-bold) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-paragraph-large:var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-text-large:var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-micro:var(--jkl-font-weight-normal) var(--jkl-font-size-1)/var(--jkl-line-height-tight) var(--jkl-font-family-regular)}}@layer jokul.theme{[data-brand=dnb]{--jkl-color-neutral-background-page:#f8f8f8;--jkl-color-neutral-background-page:light-dark(#f8f8f8,#000);--jkl-color-neutral-background-container:#fff;--jkl-color-neutral-background-container:light-dark(#fff,#333);--jkl-color-neutral-background-action:#000;--jkl-color-neutral-background-action:light-dark(#000,#fff);--jkl-color-neutral-text-default:#000;--jkl-color-neutral-text-default:light-dark(#000,#fff);--jkl-color-neutral-text-subdued:#737373;--jkl-color-neutral-text-subdued:light-dark(#737373,#ccc);--jkl-color-neutral-text-on-action:#fff;--jkl-color-neutral-text-on-action:light-dark(#fff,#000);--jkl-color-neutral-border-strong:#000;--jkl-color-neutral-border-strong:light-dark(#000,#fff);--jkl-color-neutral-border-default:#737373;--jkl-color-neutral-border-default:light-dark(#737373,#ccc);--jkl-color-neutral-border-subdued:#ccc;--jkl-color-neutral-border-subdued:light-dark(#ccc,#737373);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#007272;--jkl-color-accent-background-action:light-dark(#007272,#a5e1d2);--jkl-color-accent-text-default:#40342c;--jkl-color-accent-text-default:light-dark(#40342c,#f3e9e0);--jkl-color-accent-text-subdued:#6b5b4f;--jkl-color-accent-text-subdued:light-dark(#6b5b4f,#d2bdae);--jkl-color-accent-text-on-action:#f9f9f9;--jkl-color-accent-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-accent-border-strong:#007272;--jkl-color-accent-border-strong:light-dark(#007272,#a5e1d2);--jkl-color-accent-border-default:#007272;--jkl-color-accent-border-default:light-dark(#007272,#a5e1d2);--jkl-color-accent-border-subdued:#b3d5d5;--jkl-color-accent-border-subdued:light-dark(#b3d5d5,#d2f0e9);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:DNB Sans;font-style:normal;font-weight:400;src:url(/fonts/brands/dnb/DNB-Regular.woff2) format("woff2")}@font-face{font-display:fallback;font-family:DNB Sans;font-style:normal;font-weight:500;src:url(/fonts/brands/dnb/DNB-Medium.woff2) format("woff2")}@font-face{font-display:fallback;font-family:DNB Sans;font-style:normal;font-weight:700;src:url(/fonts/brands/dnb/DNB-Bold.woff2) format("woff2")}@font-face{font-display:fallback;font-family:DNB Mono;font-style:normal;font-weight:400;src:url(/fonts/brands/dnb/DNBMono-Regular.woff2) format("woff2")}[data-brand=dnb]{--jkl-font-family-regular:"DNB Sans","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"DNB Sans","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"DNB Mono","Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace}}@layer jokul.theme{[data-brand=eika]{--jkl-color-neutral-background-page:#f4f2ef;--jkl-color-neutral-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-neutral-background-container:#f9f9f9;--jkl-color-neutral-background-container:light-dark(#f9f9f9,#313030);--jkl-color-neutral-background-action:#1b1917;--jkl-color-neutral-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-default:#1b1917;--jkl-color-neutral-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-subdued:#636060;--jkl-color-neutral-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-neutral-text-on-action:#f9f9f9;--jkl-color-neutral-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-neutral-border-strong:#1b1917;--jkl-color-neutral-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-border-default:#636060;--jkl-color-neutral-border-default:light-dark(#636060,#c8c5c3);--jkl-color-neutral-border-subdued:#c8c5c3;--jkl-color-neutral-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#90d000;--jkl-color-accent-background-action:light-dark(#90d000,#d3ec99);--jkl-color-accent-text-default:#1b1917;--jkl-color-accent-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-subdued:#636060;--jkl-color-accent-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-accent-text-on-action:#00383d;--jkl-color-accent-text-on-action:light-dark(#00383d,#00383d);--jkl-color-accent-border-strong:#90d000;--jkl-color-accent-border-strong:light-dark(#90d000,#d3ec99);--jkl-color-accent-border-default:#90d000;--jkl-color-accent-border-default:light-dark(#90d000,#d3ec99);--jkl-color-accent-border-subdued:#d3ec99;--jkl-color-accent-border-subdued:light-dark(#d3ec99,#f4fae6);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:300;src:url(/fonts/brands/eika/OpenSans-Light.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:400;src:url(/fonts/brands/eika/OpenSans-Regular.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:600;src:url(/fonts/brands/eika/OpenSans-SemiBold.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/fonts/brands/eika/OpenSans-Bold.woff2) format("woff2")}[data-brand=eika]{--jkl-font-family-regular:"Open Sans","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"Open Sans","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace}}@layer jokul.theme{[data-brand=sparebank1]{--jkl-color-neutral-background-page:#f4f2ef;--jkl-color-neutral-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-neutral-background-container:#f9f9f9;--jkl-color-neutral-background-container:light-dark(#f9f9f9,#313030);--jkl-color-neutral-background-action:#1b1917;--jkl-color-neutral-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-default:#1b1917;--jkl-color-neutral-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-subdued:#636060;--jkl-color-neutral-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-neutral-text-on-action:#f9f9f9;--jkl-color-neutral-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-neutral-border-strong:#1b1917;--jkl-color-neutral-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-border-default:#636060;--jkl-color-neutral-border-default:light-dark(#636060,#c8c5c3);--jkl-color-neutral-border-subdued:#c8c5c3;--jkl-color-neutral-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#005aa4;--jkl-color-accent-background-action:light-dark(#005aa4,#9ec2e5);--jkl-color-accent-text-default:#1b1917;--jkl-color-accent-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-subdued:#636060;--jkl-color-accent-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-accent-text-on-action:#f9f9f9;--jkl-color-accent-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-accent-border-strong:#005aa4;--jkl-color-accent-border-strong:light-dark(#005aa4,#9ec2e5);--jkl-color-accent-border-default:#005aa4;--jkl-color-accent-border-default:light-dark(#005aa4,#9ec2e5);--jkl-color-accent-border-subdued:#c3d9ef;--jkl-color-accent-border-subdued:light-dark(#c3d9ef,#d7e7f4);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:SpareBank1 Sans;font-style:normal;font-weight:400;src:url(/fonts/brands/sparebank1/SpareBank1-Regular-Web.woff2) format("woff2")}@font-face{font-display:fallback;font-family:SpareBank1 Sans;font-style:normal;font-weight:500;src:url(/fonts/brands/sparebank1/SpareBank1-Medium-Web.woff2) format("woff2")}@font-face{font-display:fallback;font-family:SpareBank1 Title;font-style:normal;font-weight:500;src:url(/fonts/brands/sparebank1/SpareBank1-Title-Medium-Web.woff2) format("woff2")}[data-brand=sparebank1]{--jkl-font-family-regular:"SpareBank1 Sans","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"SpareBank1 Title","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace}}@layer jokul.theme{[data-brand=jokul]{--jkl-color-neutral-background-page:#f4f2ef;--jkl-color-neutral-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-neutral-background-container:#f9f9f9;--jkl-color-neutral-background-container:light-dark(#f9f9f9,#313030);--jkl-color-neutral-background-action:#1b1917;--jkl-color-neutral-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-default:#1b1917;--jkl-color-neutral-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-subdued:#636060;--jkl-color-neutral-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-neutral-text-on-action:#f9f9f9;--jkl-color-neutral-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-neutral-border-strong:#1b1917;--jkl-color-neutral-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-border-default:#636060;--jkl-color-neutral-border-default:light-dark(#636060,#c8c5c3);--jkl-color-neutral-border-subdued:#c8c5c3;--jkl-color-neutral-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#1b1917;--jkl-color-accent-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-default:#1b1917;--jkl-color-accent-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-subdued:#636060;--jkl-color-accent-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-accent-text-on-action:#f9f9f9;--jkl-color-accent-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-accent-border-strong:#1b1917;--jkl-color-accent-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-border-default:#636060;--jkl-color-accent-border-default:light-dark(#636060,#c8c5c3);--jkl-color-accent-border-subdued:#c8c5c3;--jkl-color-accent-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:Inter;font-style:normal;font-weight:300;src:url(/fonts/brands/jokul/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Inter;font-style:normal;font-weight:400;src:url(/fonts/brands/jokul/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Inter;font-style:normal;font-weight:600;src:url(/fonts/brands/jokul/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Inter;font-style:normal;font-weight:700;src:url(/fonts/brands/jokul/InterVariable.woff2) format("woff2")}[data-brand=jokul]{--jkl-font-family-regular:Inter,"Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:Inter,"Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:monospace,-apple-system,blinkmacsystemfont}}@layer jokul.global{@supports (font:-apple-system-body){@media (pointer:coarse){:root{font:-apple-system-body}}}.jkl{--jkl-background-color:var(--jkl-color-background-page);--jkl-color:var(--jkl-color-text-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--jkl-background-color);color:var(--jkl-color);font-family:var(--jkl-font-family-regular)}.jkl strong{font-weight:var(--jkl-font-weight-bold)}@media screen and (prefers-reduced-motion:reduce){*,:after,:before{animation-delay:0s!important;animation-duration:0s!important;transition:none!important}}}@layer jokul.global{[popover]{opacity:0;transition:opacity,overlay allow-discrete,display allow-discrete;transition-duration:var(--jkl-motion-timing-productive);transition-timing-function:var(--jkl-motion-easing-standard)}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}}@layer jokul.utility{.jkl-body,.jkl-bold{font:var(--jkl-text-style-paragraph-medium)}.jkl-bold{font-weight:var(--jkl-font-weight-bold)}.jkl-small{font:var(--jkl-text-style-paragraph-small)}.jkl-title{font:var(--jkl-text-style-title)}.jkl-title-small{font:var(--jkl-text-style-title-small)}.jkl-heading-1{font:var(--jkl-text-style-heading-1)}.jkl-heading-2{font:var(--jkl-text-style-heading-2)}.jkl-heading-3{font:var(--jkl-text-style-heading-3)}.jkl-heading-4{font:var(--jkl-text-style-heading-4)}.jkl-heading-5{font:var(--jkl-text-style-heading-5)}.jkl-paragraph-large{font:var(--jkl-text-style-paragraph-large)}.jkl-paragraph-medium{font:var(--jkl-text-style-paragraph-medium)}.jkl-paragraph-small{font:var(--jkl-text-style-paragraph-small)}.jkl-text-large{font:var(--jkl-text-style-text-large)}.jkl-text-medium{font:var(--jkl-text-style-text-medium)}.jkl-text-small{font:var(--jkl-text-style-text-small)}.jkl-text-micro{font:var(--jkl-text-style-text-micro)}.jkl-sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}}@layer jokul.utility{.jkl-sr-only--focusable:active,.jkl-sr-only--focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;white-space:normal!important;width:auto!important}}@layer jokul.utility{.jkl-spacing-2--all{margin:var(--jkl-spacing-2)}.jkl-spacing-2--top{margin-top:var(--jkl-spacing-2)}.jkl-spacing-2--bottom{margin-bottom:var(--jkl-spacing-2)}.jkl-spacing-2--left{margin-left:var(--jkl-spacing-2)}.jkl-spacing-2--right{margin-right:var(--jkl-spacing-2)}.jkl-spacing-4--all{margin:var(--jkl-spacing-4)}.jkl-spacing-4--top{margin-top:var(--jkl-spacing-4)}.jkl-spacing-4--bottom{margin-bottom:var(--jkl-spacing-4)}.jkl-spacing-4--left{margin-left:var(--jkl-spacing-4)}.jkl-spacing-4--right{margin-right:var(--jkl-spacing-4)}.jkl-spacing-8--all{margin:var(--jkl-spacing-8)}.jkl-spacing-8--top{margin-top:var(--jkl-spacing-8)}.jkl-spacing-8--bottom{margin-bottom:var(--jkl-spacing-8)}.jkl-spacing-8--left{margin-left:var(--jkl-spacing-8)}.jkl-spacing-8--right{margin-right:var(--jkl-spacing-8)}.jkl-spacing-12--all{margin:var(--jkl-spacing-12)}.jkl-spacing-12--top{margin-top:var(--jkl-spacing-12)}.jkl-spacing-12--bottom{margin-bottom:var(--jkl-spacing-12)}.jkl-spacing-12--left{margin-left:var(--jkl-spacing-12)}.jkl-spacing-12--right{margin-right:var(--jkl-spacing-12)}.jkl-spacing-16--all{margin:var(--jkl-spacing-16)}.jkl-spacing-16--top{margin-top:var(--jkl-spacing-16)}.jkl-spacing-16--bottom{margin-bottom:var(--jkl-spacing-16)}.jkl-spacing-16--left{margin-left:var(--jkl-spacing-16)}.jkl-spacing-16--right{margin-right:var(--jkl-spacing-16)}.jkl-spacing-24--all{margin:var(--jkl-spacing-24)}.jkl-spacing-24--top{margin-top:var(--jkl-spacing-24)}.jkl-spacing-24--bottom{margin-bottom:var(--jkl-spacing-24)}.jkl-spacing-24--left{margin-left:var(--jkl-spacing-24)}.jkl-spacing-24--right{margin-right:var(--jkl-spacing-24)}.jkl-spacing-32--all{margin:var(--jkl-spacing-32)}.jkl-spacing-32--top{margin-top:var(--jkl-spacing-32)}.jkl-spacing-32--bottom{margin-bottom:var(--jkl-spacing-32)}.jkl-spacing-32--left{margin-left:var(--jkl-spacing-32)}.jkl-spacing-32--right{margin-right:var(--jkl-spacing-32)}.jkl-spacing-40--all{margin:var(--jkl-spacing-40)}.jkl-spacing-40--top{margin-top:var(--jkl-spacing-40)}.jkl-spacing-40--bottom{margin-bottom:var(--jkl-spacing-40)}.jkl-spacing-40--left{margin-left:var(--jkl-spacing-40)}.jkl-spacing-40--right{margin-right:var(--jkl-spacing-40)}.jkl-spacing-64--all{margin:var(--jkl-spacing-64)}.jkl-spacing-64--top{margin-top:var(--jkl-spacing-64)}.jkl-spacing-64--bottom{margin-bottom:var(--jkl-spacing-64)}.jkl-spacing-64--left{margin-left:var(--jkl-spacing-64)}.jkl-spacing-64--right{margin-right:var(--jkl-spacing-64)}.jkl-spacing-104--all{margin:var(--jkl-spacing-104)}.jkl-spacing-104--top{margin-top:var(--jkl-spacing-104)}.jkl-spacing-104--bottom{margin-bottom:var(--jkl-spacing-104)}.jkl-spacing-104--left{margin-left:var(--jkl-spacing-104)}.jkl-spacing-104--right{margin-right:var(--jkl-spacing-104)}.jkl-spacing-168--all{margin:var(--jkl-spacing-168)}.jkl-spacing-168--top{margin-top:var(--jkl-spacing-168)}.jkl-spacing-168--bottom{margin-bottom:var(--jkl-spacing-168)}.jkl-spacing-168--left{margin-left:var(--jkl-spacing-168)}.jkl-spacing-168--right{margin-right:var(--jkl-spacing-168)}.jkl-spacing-16-24--all{margin:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--top{margin-top:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--bottom{margin-bottom:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--left{margin-left:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--right{margin-right:var(--jkl-spacing-16-24)}.jkl-spacing-24-40--all{margin:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--top{margin-top:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--bottom{margin-bottom:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--left{margin-left:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--right{margin-right:var(--jkl-spacing-24-40)}.jkl-spacing-24-32--all{margin:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--top{margin-top:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--bottom{margin-bottom:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--left{margin-left:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--right{margin-right:var(--jkl-spacing-24-32)}.jkl-spacing-32-40--all{margin:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--top{margin-top:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--bottom{margin-bottom:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--left{margin-left:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--right{margin-right:var(--jkl-spacing-32-40)}.jkl-spacing-40-64--all{margin:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--top{margin-top:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--bottom{margin-bottom:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--left{margin-left:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--right{margin-right:var(--jkl-spacing-40-64)}.jkl-spacing-64-104--all{margin:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--top{margin-top:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--bottom{margin-bottom:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--left{margin-left:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--right{margin-right:var(--jkl-spacing-64-104)}.jkl-spacing-104-168--all{margin:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--top{margin-top:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--bottom{margin-bottom:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--left{margin-left:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--right{margin-right:var(--jkl-spacing-104-168)}.jkl-spacing-16-16-24--all{margin:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--top{margin-top:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--bottom{margin-bottom:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--left{margin-left:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--right{margin-right:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-24-32--all{margin:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--top{margin-top:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--bottom{margin-bottom:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--left{margin-left:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--right{margin-right:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-40--all{margin:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--top{margin-top:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--bottom{margin-bottom:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--left{margin-left:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--right{margin-right:var(--jkl-spacing-16-24-40)}.jkl-spacing-24-24-32--all{margin:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--top{margin-top:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--bottom{margin-bottom:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--left{margin-left:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--right{margin-right:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-40--all{margin:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--top{margin-top:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--bottom{margin-bottom:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--left{margin-left:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--right{margin-right:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-32-40--all{margin:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--top{margin-top:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--bottom{margin-bottom:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--left{margin-left:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--right{margin-right:var(--jkl-spacing-24-32-40)}.jkl-spacing-32-32-40--all{margin:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--top{margin-top:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--bottom{margin-bottom:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--left{margin-left:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--right{margin-right:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-40-64--all{margin:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--top{margin-top:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--bottom{margin-bottom:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--left{margin-left:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--right{margin-right:var(--jkl-spacing-32-40-64)}.jkl-spacing-40-40-64--all{margin:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--top{margin-top:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--bottom{margin-bottom:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--left{margin-left:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--right{margin-right:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-64-104--all{margin:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--top{margin-top:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--bottom{margin-bottom:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--left{margin-left:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--right{margin-right:var(--jkl-spacing-40-64-104)}.jkl-spacing-64-64-104--all{margin:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--top{margin-top:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--bottom{margin-bottom:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--left{margin-left:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--right{margin-right:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-104-168--all{margin:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--top{margin-top:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--bottom{margin-bottom:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--left{margin-left:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--right{margin-right:var(--jkl-spacing-64-104-168)}.jkl-spacing-104-104-168--all{margin:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--top{margin-top:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--bottom{margin-bottom:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--left{margin-left:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--right{margin-right:var(--jkl-spacing-104-104-168)}.jkl-spacing-0--all{margin:var(--jkl-spacing-0)}.jkl-spacing-0--top{margin-top:var(--jkl-spacing-0)}.jkl-spacing-0--bottom{margin-bottom:var(--jkl-spacing-0)}.jkl-spacing-0--left{margin-left:var(--jkl-spacing-0)}.jkl-spacing-0--right{margin-right:var(--jkl-spacing-0)}.jkl-spacing-none--all{margin:var(--jkl-spacing-none)}.jkl-spacing-none--top{margin-top:var(--jkl-spacing-none)}.jkl-spacing-none--bottom{margin-bottom:var(--jkl-spacing-none)}.jkl-spacing-none--left{margin-left:var(--jkl-spacing-none)}.jkl-spacing-none--right{margin-right:var(--jkl-spacing-none)}.jkl-spacing-2xs--all{margin:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--top{margin-top:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--bottom{margin-bottom:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--left{margin-left:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--right{margin-right:var(--jkl-spacing-2xs)}.jkl-spacing-xs--all{margin:var(--jkl-spacing-xs)}.jkl-spacing-xs--top{margin-top:var(--jkl-spacing-xs)}.jkl-spacing-xs--bottom{margin-bottom:var(--jkl-spacing-xs)}.jkl-spacing-xs--left{margin-left:var(--jkl-spacing-xs)}.jkl-spacing-xs--right{margin-right:var(--jkl-spacing-xs)}.jkl-spacing-s--all{margin:var(--jkl-spacing-s)}.jkl-spacing-s--top{margin-top:var(--jkl-spacing-s)}.jkl-spacing-s--bottom{margin-bottom:var(--jkl-spacing-s)}.jkl-spacing-s--left{margin-left:var(--jkl-spacing-s)}.jkl-spacing-s--right{margin-right:var(--jkl-spacing-s)}.jkl-spacing-m--all{margin:var(--jkl-spacing-m)}.jkl-spacing-m--top{margin-top:var(--jkl-spacing-m)}.jkl-spacing-m--bottom{margin-bottom:var(--jkl-spacing-m)}.jkl-spacing-m--left{margin-left:var(--jkl-spacing-m)}.jkl-spacing-m--right{margin-right:var(--jkl-spacing-m)}.jkl-spacing-l--all{margin:var(--jkl-spacing-l)}.jkl-spacing-l--top{margin-top:var(--jkl-spacing-l)}.jkl-spacing-l--bottom{margin-bottom:var(--jkl-spacing-l)}.jkl-spacing-l--left{margin-left:var(--jkl-spacing-l)}.jkl-spacing-l--right{margin-right:var(--jkl-spacing-l)}.jkl-spacing-xl--all{margin:var(--jkl-spacing-xl)}.jkl-spacing-xl--top{margin-top:var(--jkl-spacing-xl)}.jkl-spacing-xl--bottom{margin-bottom:var(--jkl-spacing-xl)}.jkl-spacing-xl--left{margin-left:var(--jkl-spacing-xl)}.jkl-spacing-xl--right{margin-right:var(--jkl-spacing-xl)}.jkl-spacing-2xl--all{margin:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--top{margin-top:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--bottom{margin-bottom:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--left{margin-left:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--right{margin-right:var(--jkl-spacing-2xl)}}
|
|
2
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@layer jokul.resets{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{border:0;display:block;line-height:1;margin:0;padding:0}table{border-collapse:collapse}table,tbody,td,th,thead,tr{margin:0;padding:0}}@layer jokul.resets{.jkl [hidden]{display:none!important}}@layer jokul.theme{@font-face{font-display:fallback;font-family:Jokul;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Jokul;font-style:normal;font-weight:700;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Jokul Display;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Jokul Mono;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Icons;font-style:normal;font-weight:300 400;src:url(/fonts/Fremtind-Material-Symbols.woff2) format("woff2")}@font-face{ascent-override:82%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:400;line-gap-override:32%;size-adjust:104%;src:local(arial)}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{ascent-override:76%;descent-override:normal;font-family:Adjusted Arial Display Fallback;font-style:normal;font-weight:400;line-gap-override:40%;size-adjust:102%;src:local(arial)}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Courier New Fallback;font-style:normal;font-weight:400;line-gap-override:27%;size-adjust:100%;src:local(courier new)}@font-face{font-family:Jokul Icons Fallback;font-style:normal;font-weight:300 400;size-adjust:0%;src:local(courier new)}}@layer jokul.theme{:root{--jkl-spacing-2: ;--jkl-spacing-4: ;--jkl-spacing-8: ;--jkl-spacing-12: ;--jkl-spacing-16: ;--jkl-spacing-24: ;--jkl-spacing-32: ;--jkl-spacing-40: ;--jkl-spacing-64: ;--jkl-spacing-104: ;--jkl-spacing-168: ;--jkl-spacing-16-24: ;--jkl-spacing-24-40: ;--jkl-spacing-24-32: ;--jkl-spacing-32-40: ;--jkl-spacing-40-64: ;--jkl-spacing-64-104: ;--jkl-spacing-104-168: ;--jkl-spacing-16-16-24: ;--jkl-spacing-16-24-32: ;--jkl-spacing-16-24-40: ;--jkl-spacing-24-24-32: ;--jkl-spacing-24-24-40: ;--jkl-spacing-24-32-40: ;--jkl-spacing-32-32-40: ;--jkl-spacing-32-40-64: ;--jkl-spacing-40-40-64: ;--jkl-spacing-40-64-104: ;--jkl-spacing-64-64-104: ;--jkl-spacing-64-104-168: ;--jkl-spacing-104-104-168: }@media (min-width:680px){:root{--jkl-spacing-16-24: ;--jkl-spacing-24-40: ;--jkl-spacing-24-32: ;--jkl-spacing-32-40: ;--jkl-spacing-40-64: ;--jkl-spacing-64-104: ;--jkl-spacing-104-168: ;--jkl-spacing-16-16-24: ;--jkl-spacing-16-24-32: ;--jkl-spacing-16-24-40: ;--jkl-spacing-24-24-32: ;--jkl-spacing-24-24-40: ;--jkl-spacing-24-32-40: ;--jkl-spacing-32-32-40: ;--jkl-spacing-32-40-64: ;--jkl-spacing-40-40-64: ;--jkl-spacing-40-64-104: ;--jkl-spacing-64-64-104: ;--jkl-spacing-64-104-168: ;--jkl-spacing-104-104-168: }}@media (min-width:1200px){:root{--jkl-spacing-16-16-24: ;--jkl-spacing-16-24-32: ;--jkl-spacing-16-24-40: ;--jkl-spacing-24-24-32: ;--jkl-spacing-24-24-40: ;--jkl-spacing-24-32-40: ;--jkl-spacing-32-32-40: ;--jkl-spacing-32-40-64: ;--jkl-spacing-40-40-64: ;--jkl-spacing-40-64-104: ;--jkl-spacing-64-64-104: ;--jkl-spacing-64-104-168: ;--jkl-spacing-104-104-168: }}}@layer jokul.theme{:root{color-scheme:light dark;--jkl-color-neutral-background-page:#f4f2ef;--jkl-color-neutral-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-neutral-background-container:#f9f9f9;--jkl-color-neutral-background-container:light-dark(#f9f9f9,#313030);--jkl-color-neutral-background-action:#1b1917;--jkl-color-neutral-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-default:#1b1917;--jkl-color-neutral-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-subdued:#636060;--jkl-color-neutral-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-neutral-text-on-action:#f9f9f9;--jkl-color-neutral-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-neutral-border-strong:#1b1917;--jkl-color-neutral-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-border-default:#636060;--jkl-color-neutral-border-default:light-dark(#636060,#c8c5c3);--jkl-color-neutral-border-subdued:#c8c5c3;--jkl-color-neutral-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#1b1917;--jkl-color-accent-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-default:#1b1917;--jkl-color-accent-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-subdued:#636060;--jkl-color-accent-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-accent-text-on-action:#f9f9f9;--jkl-color-accent-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-accent-border-strong:#1b1917;--jkl-color-accent-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-border-default:#636060;--jkl-color-accent-border-default:light-dark(#636060,#c8c5c3);--jkl-color-accent-border-subdued:#c8c5c3;--jkl-color-accent-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}:root,[data-variant=neutral]{--jkl-color-background-page:var(--jkl-color-neutral-background-page);--jkl-color-background-container:var(--jkl-color-neutral-background-container);--jkl-color-background-action:var(--jkl-color-neutral-background-action);--jkl-color-text-default:var(--jkl-color-neutral-text-default);--jkl-color-text-subdued:var(--jkl-color-neutral-text-subdued);--jkl-color-text-on-action:var(--jkl-color-neutral-text-on-action);--jkl-color-border-strong:var(--jkl-color-neutral-border-strong);--jkl-color-border-default:var(--jkl-color-neutral-border-default);--jkl-color-border-subdued:var(--jkl-color-neutral-border-subdued)}[data-variant=accent]{--jkl-color-background-page:var(--jkl-color-accent-background-page);--jkl-color-background-container:var(--jkl-color-accent-background-container);--jkl-color-background-action:var(--jkl-color-accent-background-action);--jkl-color-text-default:var(--jkl-color-accent-text-default);--jkl-color-text-subdued:var(--jkl-color-accent-text-subdued);--jkl-color-text-on-action:var(--jkl-color-accent-text-on-action);--jkl-color-border-strong:var(--jkl-color-accent-border-strong);--jkl-color-border-default:var(--jkl-color-accent-border-default);--jkl-color-border-subdued:var(--jkl-color-accent-border-subdued)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}}@layer jokul.theme{:root,[data-size=medium],[data-size]{--jkl-unit-10:8px;--jkl-unit-base:8px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:20px;--jkl-font-size-5:24px;--jkl-font-size-6:28px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:48px;--jkl-font-size-10:56px}[data-size=small]{--jkl-unit-10:5px;--jkl-unit-base:5px;--jkl-font-size-1:12px;--jkl-font-size-2:14px;--jkl-font-size-3:16px;--jkl-font-size-4:18px;--jkl-font-size-5:20px;--jkl-font-size-6:24px;--jkl-font-size-7:28px;--jkl-font-size-8:32px;--jkl-font-size-9:40px;--jkl-font-size-10:48px}[data-size=large]{--jkl-unit-10:11px;--jkl-unit-base:11px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:20px;--jkl-font-size-5:24px;--jkl-font-size-6:28px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:48px;--jkl-font-size-10:56px}}@layer jokul.theme{:root,[data-size],[data-theme]{--jkl-unit-0:0;--jkl-spacing-0:0rem;--jkl-spacing-2:0.125rem;--jkl-spacing-4:0.25rem;--jkl-spacing-8:0.5rem;--jkl-spacing-12:0.75rem;--jkl-spacing-16:1rem;--jkl-spacing-24:1.5rem;--jkl-spacing-32:2rem;--jkl-spacing-40:2.5rem;--jkl-spacing-64:4rem;--jkl-spacing-104:6.5rem;--jkl-spacing-168:10.5rem;--jkl-spacing-none:0;--jkl-border-width-1:0.0625rem;--jkl-border-width-2:0.125rem;--jkl-border-width-3:0.1875rem;--jkl-border-radius-none:0;--jkl-border-radius-xs:0.25rem;--jkl-border-radius-s:0.5rem;--jkl-border-radius-m:0.75rem;--jkl-border-radius-l:1rem;--jkl-border-radius-full:9999px;--jkl-breakpoint-small:0;--jkl-breakpoint-medium:680px;--jkl-breakpoint-large:1200px;--jkl-breakpoint-xl:1600px;--jkl-motion-timing-energetic:75ms;--jkl-motion-timing-snappy:100ms;--jkl-motion-timing-productive:150ms;--jkl-motion-timing-polite:200ms;--jkl-motion-timing-expressive:250ms;--jkl-motion-timing-lazy:400ms;--jkl-motion-easing-standard:ease;--jkl-motion-easing-entrance:ease-out;--jkl-motion-easing-exit:ease-in;--jkl-motion-easing-ease-in-bounce-out:cubic-bezier(0,0,0.375,1.17);--jkl-motion-easing-focus:cubic-bezier(0.6,0.2,0.35,1);--jkl-font-weight-normal:400;--jkl-font-weight-bold:700;--jkl-font-family-regular:"Jokul","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"Jokul Display","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"Jokul Mono","Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace;--jkl-line-height-flush:1;--jkl-line-height-tight:1.3;--jkl-line-height-relaxed:1.6;--jkl-unit-15:calc(var(--jkl-unit-base)*1.5);--jkl-unit-20:calc(var(--jkl-unit-base)*2);--jkl-unit-25:calc(var(--jkl-unit-base)*2.5);--jkl-unit-30:calc(var(--jkl-unit-base)*3);--jkl-unit-35:calc(var(--jkl-unit-base)*3.5);--jkl-unit-40:calc(var(--jkl-unit-base)*4);--jkl-unit-50:calc(var(--jkl-unit-base)*5);--jkl-unit-60:calc(var(--jkl-unit-base)*6);--jkl-unit-70:calc(var(--jkl-unit-base)*7);--jkl-unit-80:calc(var(--jkl-unit-base)*8);--jkl-unit-90:calc(var(--jkl-unit-base)*9);--jkl-unit-100:calc(var(--jkl-unit-base)*10);--jkl-unit-130:calc(var(--jkl-unit-base)*13);--jkl-unit-210:calc(var(--jkl-unit-base)*21);--jkl-unit-02:calc(var(--jkl-unit-base)*0.25);--jkl-unit-05:calc(var(--jkl-unit-base)*0.5);--jkl-spacing-2xs:var(--jkl-spacing-4);--jkl-spacing-xs:var(--jkl-spacing-8);--jkl-spacing-s:var(--jkl-spacing-16);--jkl-spacing-m:var(--jkl-spacing-24);--jkl-spacing-l:var(--jkl-spacing-40);--jkl-spacing-xl:var(--jkl-spacing-64);--jkl-spacing-2xl:var(--jkl-spacing-104);--jkl-text-style-title:var(--jkl-font-weight-normal) var(--jkl-font-size-10)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-title-small:var(--jkl-font-weight-normal) var(--jkl-font-size-9)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-1:var(--jkl-font-weight-normal) var(--jkl-font-size-8)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-2:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-3:var(--jkl-font-weight-bold) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-4:var(--jkl-font-weight-bold) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-5:var(--jkl-font-weight-bold) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-paragraph-large:var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-text-large:var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-micro:var(--jkl-font-weight-normal) var(--jkl-font-size-1)/var(--jkl-line-height-tight) var(--jkl-font-family-regular)}}@layer jokul.theme{[data-brand=dnb]{--jkl-color-neutral-background-page:#f8f8f8;--jkl-color-neutral-background-page:light-dark(#f8f8f8,#000);--jkl-color-neutral-background-container:#fff;--jkl-color-neutral-background-container:light-dark(#fff,#333);--jkl-color-neutral-background-action:#000;--jkl-color-neutral-background-action:light-dark(#000,#fff);--jkl-color-neutral-text-default:#000;--jkl-color-neutral-text-default:light-dark(#000,#fff);--jkl-color-neutral-text-subdued:#737373;--jkl-color-neutral-text-subdued:light-dark(#737373,#ccc);--jkl-color-neutral-text-on-action:#fff;--jkl-color-neutral-text-on-action:light-dark(#fff,#000);--jkl-color-neutral-border-strong:#000;--jkl-color-neutral-border-strong:light-dark(#000,#fff);--jkl-color-neutral-border-default:#737373;--jkl-color-neutral-border-default:light-dark(#737373,#ccc);--jkl-color-neutral-border-subdued:#ccc;--jkl-color-neutral-border-subdued:light-dark(#ccc,#737373);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#007272;--jkl-color-accent-background-action:light-dark(#007272,#a5e1d2);--jkl-color-accent-text-default:#40342c;--jkl-color-accent-text-default:light-dark(#40342c,#f3e9e0);--jkl-color-accent-text-subdued:#6b5b4f;--jkl-color-accent-text-subdued:light-dark(#6b5b4f,#d2bdae);--jkl-color-accent-text-on-action:#f9f9f9;--jkl-color-accent-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-accent-border-strong:#007272;--jkl-color-accent-border-strong:light-dark(#007272,#a5e1d2);--jkl-color-accent-border-default:#007272;--jkl-color-accent-border-default:light-dark(#007272,#a5e1d2);--jkl-color-accent-border-subdued:#b3d5d5;--jkl-color-accent-border-subdued:light-dark(#b3d5d5,#d2f0e9);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:DNB Sans;font-style:normal;font-weight:400;src:url(/fonts/brands/dnb/DNB-Regular.woff2) format("woff2")}@font-face{font-display:fallback;font-family:DNB Sans;font-style:normal;font-weight:500;src:url(/fonts/brands/dnb/DNB-Medium.woff2) format("woff2")}@font-face{font-display:fallback;font-family:DNB Sans;font-style:normal;font-weight:700;src:url(/fonts/brands/dnb/DNB-Bold.woff2) format("woff2")}@font-face{font-display:fallback;font-family:DNB Mono;font-style:normal;font-weight:400;src:url(/fonts/brands/dnb/DNBMono-Regular.woff2) format("woff2")}[data-brand=dnb]{--jkl-font-family-regular:"DNB Sans","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"DNB Sans","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"DNB Mono","Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace}}@layer jokul.theme{[data-brand=eika]{--jkl-color-neutral-background-page:#f4f2ef;--jkl-color-neutral-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-neutral-background-container:#f9f9f9;--jkl-color-neutral-background-container:light-dark(#f9f9f9,#313030);--jkl-color-neutral-background-action:#1b1917;--jkl-color-neutral-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-default:#1b1917;--jkl-color-neutral-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-subdued:#636060;--jkl-color-neutral-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-neutral-text-on-action:#f9f9f9;--jkl-color-neutral-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-neutral-border-strong:#1b1917;--jkl-color-neutral-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-border-default:#636060;--jkl-color-neutral-border-default:light-dark(#636060,#c8c5c3);--jkl-color-neutral-border-subdued:#c8c5c3;--jkl-color-neutral-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#90d000;--jkl-color-accent-background-action:light-dark(#90d000,#d3ec99);--jkl-color-accent-text-default:#1b1917;--jkl-color-accent-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-subdued:#636060;--jkl-color-accent-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-accent-text-on-action:#00383d;--jkl-color-accent-text-on-action:light-dark(#00383d,#00383d);--jkl-color-accent-border-strong:#90d000;--jkl-color-accent-border-strong:light-dark(#90d000,#d3ec99);--jkl-color-accent-border-default:#90d000;--jkl-color-accent-border-default:light-dark(#90d000,#d3ec99);--jkl-color-accent-border-subdued:#d3ec99;--jkl-color-accent-border-subdued:light-dark(#d3ec99,#f4fae6);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:300;src:url(/fonts/brands/eika/OpenSans-Light.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:400;src:url(/fonts/brands/eika/OpenSans-Regular.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:600;src:url(/fonts/brands/eika/OpenSans-SemiBold.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/fonts/brands/eika/OpenSans-Bold.woff2) format("woff2")}[data-brand=eika]{--jkl-font-family-regular:"Open Sans","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"Open Sans","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace}}@layer jokul.theme{[data-brand=sparebank1]{--jkl-color-neutral-background-page:#f4f2ef;--jkl-color-neutral-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-neutral-background-container:#f9f9f9;--jkl-color-neutral-background-container:light-dark(#f9f9f9,#313030);--jkl-color-neutral-background-action:#1b1917;--jkl-color-neutral-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-default:#1b1917;--jkl-color-neutral-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-subdued:#636060;--jkl-color-neutral-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-neutral-text-on-action:#f9f9f9;--jkl-color-neutral-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-neutral-border-strong:#1b1917;--jkl-color-neutral-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-border-default:#636060;--jkl-color-neutral-border-default:light-dark(#636060,#c8c5c3);--jkl-color-neutral-border-subdued:#c8c5c3;--jkl-color-neutral-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#005aa4;--jkl-color-accent-background-action:light-dark(#005aa4,#9ec2e5);--jkl-color-accent-text-default:#1b1917;--jkl-color-accent-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-subdued:#636060;--jkl-color-accent-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-accent-text-on-action:#f9f9f9;--jkl-color-accent-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-accent-border-strong:#005aa4;--jkl-color-accent-border-strong:light-dark(#005aa4,#9ec2e5);--jkl-color-accent-border-default:#005aa4;--jkl-color-accent-border-default:light-dark(#005aa4,#9ec2e5);--jkl-color-accent-border-subdued:#c3d9ef;--jkl-color-accent-border-subdued:light-dark(#c3d9ef,#d7e7f4);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:SpareBank1 Sans;font-style:normal;font-weight:400;src:url(/fonts/brands/sparebank1/SpareBank1-Regular-Web.woff2) format("woff2")}@font-face{font-display:fallback;font-family:SpareBank1 Sans;font-style:normal;font-weight:500;src:url(/fonts/brands/sparebank1/SpareBank1-Medium-Web.woff2) format("woff2")}@font-face{font-display:fallback;font-family:SpareBank1 Title;font-style:normal;font-weight:500;src:url(/fonts/brands/sparebank1/SpareBank1-Title-Medium-Web.woff2) format("woff2")}[data-brand=sparebank1]{--jkl-font-family-regular:"SpareBank1 Sans","Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:"SpareBank1 Title","Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:"Adjusted Courier New Fallback",-apple-system,blinkmacsystemfont,monospace}}@layer jokul.theme{[data-brand=fremtind]{--jkl-color-neutral-background-page:#f4f2ef;--jkl-color-neutral-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-neutral-background-container:#f9f9f9;--jkl-color-neutral-background-container:light-dark(#f9f9f9,#313030);--jkl-color-neutral-background-action:#1b1917;--jkl-color-neutral-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-default:#1b1917;--jkl-color-neutral-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-text-subdued:#636060;--jkl-color-neutral-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-neutral-text-on-action:#f9f9f9;--jkl-color-neutral-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-neutral-border-strong:#1b1917;--jkl-color-neutral-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-neutral-border-default:#636060;--jkl-color-neutral-border-default:light-dark(#636060,#c8c5c3);--jkl-color-neutral-border-subdued:#c8c5c3;--jkl-color-neutral-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-accent-background-page:#f4f2ef;--jkl-color-accent-background-page:light-dark(#f4f2ef,#1b1917);--jkl-color-accent-background-container:#f9f9f9;--jkl-color-accent-background-container:light-dark(#f9f9f9,#313030);--jkl-color-accent-background-action:#1b1917;--jkl-color-accent-background-action:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-default:#1b1917;--jkl-color-accent-text-default:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-text-subdued:#636060;--jkl-color-accent-text-subdued:light-dark(#636060,#c8c5c3);--jkl-color-accent-text-on-action:#f9f9f9;--jkl-color-accent-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-accent-border-strong:#1b1917;--jkl-color-accent-border-strong:light-dark(#1b1917,#f9f9f9);--jkl-color-accent-border-default:#636060;--jkl-color-accent-border-default:light-dark(#636060,#c8c5c3);--jkl-color-accent-border-subdued:#c8c5c3;--jkl-color-accent-border-subdued:light-dark(#c8c5c3,#636060);--jkl-color-warning-background-page:#fcf7e8;--jkl-color-warning-background-page:light-dark(#fcf7e8,#392b10);--jkl-color-warning-background-container:#f7ebc2;--jkl-color-warning-background-container:light-dark(#f7ebc2,#5a4519);--jkl-color-warning-background-action:#b98900;--jkl-color-warning-background-action:light-dark(#b98900,#e4b63a);--jkl-color-warning-text-default:#5b4200;--jkl-color-warning-text-default:light-dark(#5b4200,#fff5d9);--jkl-color-warning-text-subdued:#8b6b22;--jkl-color-warning-text-subdued:light-dark(#8b6b22,#eedfae);--jkl-color-warning-text-on-action:#1b1917;--jkl-color-warning-text-on-action:light-dark(#1b1917,#1b1917);--jkl-color-warning-border-strong:#b98900;--jkl-color-warning-border-strong:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-default:#b98900;--jkl-color-warning-border-default:light-dark(#b98900,#e4b63a);--jkl-color-warning-border-subdued:#decc8d;--jkl-color-warning-border-subdued:light-dark(#decc8d,#8b6b22);--jkl-color-success-background-page:#eef7f0;--jkl-color-success-background-page:light-dark(#eef7f0,#173122);--jkl-color-success-background-container:#d7eadb;--jkl-color-success-background-container:light-dark(#d7eadb,#234530);--jkl-color-success-background-action:#2e8c4a;--jkl-color-success-background-action:light-dark(#2e8c4a,#67b479);--jkl-color-success-text-default:#1e5d31;--jkl-color-success-text-default:light-dark(#1e5d31,#f1fbf3);--jkl-color-success-text-subdued:#507a5b;--jkl-color-success-text-subdued:light-dark(#507a5b,#c9ddce);--jkl-color-success-text-on-action:#f9f9f9;--jkl-color-success-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-success-border-strong:#2e8c4a;--jkl-color-success-border-strong:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-default:#2e8c4a;--jkl-color-success-border-default:light-dark(#2e8c4a,#67b479);--jkl-color-success-border-subdued:#94b79b;--jkl-color-success-border-subdued:light-dark(#94b79b,#507a5b);--jkl-color-info-background-page:#eef5fe;--jkl-color-info-background-page:light-dark(#eef5fe,#162a40);--jkl-color-info-background-container:#ddebfb;--jkl-color-info-background-container:light-dark(#ddebfb,#264261);--jkl-color-info-background-action:#4aa3f0;--jkl-color-info-background-action:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-text-default:#1b3b60;--jkl-color-info-text-default:light-dark(#1b3b60,#f5faff);--jkl-color-info-text-subdued:#4e6c8e;--jkl-color-info-text-subdued:light-dark(#4e6c8e,#d7e9f8);--jkl-color-info-text-on-action:#f9f9f9;--jkl-color-info-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-info-border-strong:#4aa3f0;--jkl-color-info-border-strong:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-default:#4aa3f0;--jkl-color-info-border-default:light-dark(#4aa3f0,#7ebef4);--jkl-color-info-border-subdued:#a9a9ca;--jkl-color-info-border-subdued:light-dark(#a9a9ca,#4e6c8e);--jkl-color-error-background-page:#fdeeee;--jkl-color-error-background-page:light-dark(#fdeeee,#3a1c1c);--jkl-color-error-background-container:#f8d1d1;--jkl-color-error-background-container:light-dark(#f8d1d1,#5b2828);--jkl-color-error-background-action:#e84b3c;--jkl-color-error-background-action:light-dark(#e84b3c,#f27b70);--jkl-color-error-text-default:#7b1f18;--jkl-color-error-text-default:light-dark(#7b1f18,#fff1ef);--jkl-color-error-text-subdued:#a14e46;--jkl-color-error-text-subdued:light-dark(#a14e46,#f1c8c4);--jkl-color-error-text-on-action:#f9f9f9;--jkl-color-error-text-on-action:light-dark(#f9f9f9,#1b1917);--jkl-color-error-border-strong:#e84b3c;--jkl-color-error-border-strong:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-default:#e84b3c;--jkl-color-error-border-default:light-dark(#e84b3c,#f27b70);--jkl-color-error-border-subdued:#de9e9e;--jkl-color-error-border-subdued:light-dark(#de9e9e,#a14e46)}}@layer jokul.theme{@font-face{font-display:fallback;font-family:Inter;font-style:normal;font-weight:400;src:url(/fonts/brands/fremtind/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Inter;font-style:normal;font-weight:700;src:url(/fonts/brands/fremtind/InterVariable.woff2) format("woff2")}[data-brand=fremtind]{--jkl-font-family-regular:Inter,"Adjusted Arial Fallback",arial,sans-serif;--jkl-font-family-display:Inter,"Adjusted Arial Display Fallback",arial,sans-serif;--jkl-font-family-mono:monospace,-apple-system,blinkmacsystemfont}}@layer jokul.global{@supports (font:-apple-system-body){@media (pointer:coarse){:root{font:-apple-system-body}}}.jkl{--jkl-background-color:var(--jkl-color-background-page);--jkl-color:var(--jkl-color-text-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--jkl-background-color);color:var(--jkl-color);font-family:var(--jkl-font-family-regular)}.jkl strong{font-weight:var(--jkl-font-weight-bold)}@media screen and (prefers-reduced-motion:reduce){*,:after,:before{animation-delay:0s!important;animation-duration:0s!important;transition:none!important}}}@layer jokul.global{[popover]{opacity:0;transition:opacity,overlay allow-discrete,display allow-discrete;transition-duration:var(--jkl-motion-timing-productive);transition-timing-function:var(--jkl-motion-easing-standard)}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}}@layer jokul.utility{.jkl-body,.jkl-bold{font:var(--jkl-text-style-paragraph-medium)}.jkl-bold{font-weight:var(--jkl-font-weight-bold)}.jkl-small{font:var(--jkl-text-style-paragraph-small)}.jkl-title{font:var(--jkl-text-style-title)}.jkl-title-small{font:var(--jkl-text-style-title-small)}.jkl-heading-1{font:var(--jkl-text-style-heading-1)}.jkl-heading-2{font:var(--jkl-text-style-heading-2)}.jkl-heading-3{font:var(--jkl-text-style-heading-3)}.jkl-heading-4{font:var(--jkl-text-style-heading-4)}.jkl-heading-5{font:var(--jkl-text-style-heading-5)}.jkl-paragraph-large{font:var(--jkl-text-style-paragraph-large)}.jkl-paragraph-medium{font:var(--jkl-text-style-paragraph-medium)}.jkl-paragraph-small{font:var(--jkl-text-style-paragraph-small)}.jkl-text-large{font:var(--jkl-text-style-text-large)}.jkl-text-medium{font:var(--jkl-text-style-text-medium)}.jkl-text-small{font:var(--jkl-text-style-text-small)}.jkl-text-micro{font:var(--jkl-text-style-text-micro)}.jkl-sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}}@layer jokul.utility{.jkl-sr-only--focusable:active,.jkl-sr-only--focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;white-space:normal!important;width:auto!important}}@layer jokul.utility{.jkl-spacing-2--all{margin:var(--jkl-spacing-2)}.jkl-spacing-2--top{margin-top:var(--jkl-spacing-2)}.jkl-spacing-2--bottom{margin-bottom:var(--jkl-spacing-2)}.jkl-spacing-2--left{margin-left:var(--jkl-spacing-2)}.jkl-spacing-2--right{margin-right:var(--jkl-spacing-2)}.jkl-spacing-4--all{margin:var(--jkl-spacing-4)}.jkl-spacing-4--top{margin-top:var(--jkl-spacing-4)}.jkl-spacing-4--bottom{margin-bottom:var(--jkl-spacing-4)}.jkl-spacing-4--left{margin-left:var(--jkl-spacing-4)}.jkl-spacing-4--right{margin-right:var(--jkl-spacing-4)}.jkl-spacing-8--all{margin:var(--jkl-spacing-8)}.jkl-spacing-8--top{margin-top:var(--jkl-spacing-8)}.jkl-spacing-8--bottom{margin-bottom:var(--jkl-spacing-8)}.jkl-spacing-8--left{margin-left:var(--jkl-spacing-8)}.jkl-spacing-8--right{margin-right:var(--jkl-spacing-8)}.jkl-spacing-12--all{margin:var(--jkl-spacing-12)}.jkl-spacing-12--top{margin-top:var(--jkl-spacing-12)}.jkl-spacing-12--bottom{margin-bottom:var(--jkl-spacing-12)}.jkl-spacing-12--left{margin-left:var(--jkl-spacing-12)}.jkl-spacing-12--right{margin-right:var(--jkl-spacing-12)}.jkl-spacing-16--all{margin:var(--jkl-spacing-16)}.jkl-spacing-16--top{margin-top:var(--jkl-spacing-16)}.jkl-spacing-16--bottom{margin-bottom:var(--jkl-spacing-16)}.jkl-spacing-16--left{margin-left:var(--jkl-spacing-16)}.jkl-spacing-16--right{margin-right:var(--jkl-spacing-16)}.jkl-spacing-24--all{margin:var(--jkl-spacing-24)}.jkl-spacing-24--top{margin-top:var(--jkl-spacing-24)}.jkl-spacing-24--bottom{margin-bottom:var(--jkl-spacing-24)}.jkl-spacing-24--left{margin-left:var(--jkl-spacing-24)}.jkl-spacing-24--right{margin-right:var(--jkl-spacing-24)}.jkl-spacing-32--all{margin:var(--jkl-spacing-32)}.jkl-spacing-32--top{margin-top:var(--jkl-spacing-32)}.jkl-spacing-32--bottom{margin-bottom:var(--jkl-spacing-32)}.jkl-spacing-32--left{margin-left:var(--jkl-spacing-32)}.jkl-spacing-32--right{margin-right:var(--jkl-spacing-32)}.jkl-spacing-40--all{margin:var(--jkl-spacing-40)}.jkl-spacing-40--top{margin-top:var(--jkl-spacing-40)}.jkl-spacing-40--bottom{margin-bottom:var(--jkl-spacing-40)}.jkl-spacing-40--left{margin-left:var(--jkl-spacing-40)}.jkl-spacing-40--right{margin-right:var(--jkl-spacing-40)}.jkl-spacing-64--all{margin:var(--jkl-spacing-64)}.jkl-spacing-64--top{margin-top:var(--jkl-spacing-64)}.jkl-spacing-64--bottom{margin-bottom:var(--jkl-spacing-64)}.jkl-spacing-64--left{margin-left:var(--jkl-spacing-64)}.jkl-spacing-64--right{margin-right:var(--jkl-spacing-64)}.jkl-spacing-104--all{margin:var(--jkl-spacing-104)}.jkl-spacing-104--top{margin-top:var(--jkl-spacing-104)}.jkl-spacing-104--bottom{margin-bottom:var(--jkl-spacing-104)}.jkl-spacing-104--left{margin-left:var(--jkl-spacing-104)}.jkl-spacing-104--right{margin-right:var(--jkl-spacing-104)}.jkl-spacing-168--all{margin:var(--jkl-spacing-168)}.jkl-spacing-168--top{margin-top:var(--jkl-spacing-168)}.jkl-spacing-168--bottom{margin-bottom:var(--jkl-spacing-168)}.jkl-spacing-168--left{margin-left:var(--jkl-spacing-168)}.jkl-spacing-168--right{margin-right:var(--jkl-spacing-168)}.jkl-spacing-16-24--all{margin:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--top{margin-top:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--bottom{margin-bottom:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--left{margin-left:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--right{margin-right:var(--jkl-spacing-16-24)}.jkl-spacing-24-40--all{margin:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--top{margin-top:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--bottom{margin-bottom:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--left{margin-left:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--right{margin-right:var(--jkl-spacing-24-40)}.jkl-spacing-24-32--all{margin:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--top{margin-top:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--bottom{margin-bottom:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--left{margin-left:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--right{margin-right:var(--jkl-spacing-24-32)}.jkl-spacing-32-40--all{margin:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--top{margin-top:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--bottom{margin-bottom:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--left{margin-left:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--right{margin-right:var(--jkl-spacing-32-40)}.jkl-spacing-40-64--all{margin:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--top{margin-top:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--bottom{margin-bottom:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--left{margin-left:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--right{margin-right:var(--jkl-spacing-40-64)}.jkl-spacing-64-104--all{margin:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--top{margin-top:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--bottom{margin-bottom:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--left{margin-left:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--right{margin-right:var(--jkl-spacing-64-104)}.jkl-spacing-104-168--all{margin:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--top{margin-top:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--bottom{margin-bottom:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--left{margin-left:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--right{margin-right:var(--jkl-spacing-104-168)}.jkl-spacing-16-16-24--all{margin:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--top{margin-top:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--bottom{margin-bottom:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--left{margin-left:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--right{margin-right:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-24-32--all{margin:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--top{margin-top:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--bottom{margin-bottom:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--left{margin-left:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--right{margin-right:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-40--all{margin:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--top{margin-top:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--bottom{margin-bottom:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--left{margin-left:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--right{margin-right:var(--jkl-spacing-16-24-40)}.jkl-spacing-24-24-32--all{margin:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--top{margin-top:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--bottom{margin-bottom:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--left{margin-left:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--right{margin-right:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-40--all{margin:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--top{margin-top:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--bottom{margin-bottom:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--left{margin-left:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--right{margin-right:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-32-40--all{margin:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--top{margin-top:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--bottom{margin-bottom:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--left{margin-left:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--right{margin-right:var(--jkl-spacing-24-32-40)}.jkl-spacing-32-32-40--all{margin:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--top{margin-top:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--bottom{margin-bottom:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--left{margin-left:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--right{margin-right:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-40-64--all{margin:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--top{margin-top:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--bottom{margin-bottom:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--left{margin-left:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--right{margin-right:var(--jkl-spacing-32-40-64)}.jkl-spacing-40-40-64--all{margin:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--top{margin-top:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--bottom{margin-bottom:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--left{margin-left:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--right{margin-right:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-64-104--all{margin:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--top{margin-top:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--bottom{margin-bottom:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--left{margin-left:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--right{margin-right:var(--jkl-spacing-40-64-104)}.jkl-spacing-64-64-104--all{margin:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--top{margin-top:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--bottom{margin-bottom:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--left{margin-left:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--right{margin-right:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-104-168--all{margin:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--top{margin-top:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--bottom{margin-bottom:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--left{margin-left:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--right{margin-right:var(--jkl-spacing-64-104-168)}.jkl-spacing-104-104-168--all{margin:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--top{margin-top:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--bottom{margin-bottom:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--left{margin-left:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--right{margin-right:var(--jkl-spacing-104-104-168)}.jkl-spacing-0--all{margin:var(--jkl-spacing-0)}.jkl-spacing-0--top{margin-top:var(--jkl-spacing-0)}.jkl-spacing-0--bottom{margin-bottom:var(--jkl-spacing-0)}.jkl-spacing-0--left{margin-left:var(--jkl-spacing-0)}.jkl-spacing-0--right{margin-right:var(--jkl-spacing-0)}.jkl-spacing-none--all{margin:var(--jkl-spacing-none)}.jkl-spacing-none--top{margin-top:var(--jkl-spacing-none)}.jkl-spacing-none--bottom{margin-bottom:var(--jkl-spacing-none)}.jkl-spacing-none--left{margin-left:var(--jkl-spacing-none)}.jkl-spacing-none--right{margin-right:var(--jkl-spacing-none)}.jkl-spacing-2xs--all{margin:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--top{margin-top:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--bottom{margin-bottom:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--left{margin-left:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--right{margin-right:var(--jkl-spacing-2xs)}.jkl-spacing-xs--all{margin:var(--jkl-spacing-xs)}.jkl-spacing-xs--top{margin-top:var(--jkl-spacing-xs)}.jkl-spacing-xs--bottom{margin-bottom:var(--jkl-spacing-xs)}.jkl-spacing-xs--left{margin-left:var(--jkl-spacing-xs)}.jkl-spacing-xs--right{margin-right:var(--jkl-spacing-xs)}.jkl-spacing-s--all{margin:var(--jkl-spacing-s)}.jkl-spacing-s--top{margin-top:var(--jkl-spacing-s)}.jkl-spacing-s--bottom{margin-bottom:var(--jkl-spacing-s)}.jkl-spacing-s--left{margin-left:var(--jkl-spacing-s)}.jkl-spacing-s--right{margin-right:var(--jkl-spacing-s)}.jkl-spacing-m--all{margin:var(--jkl-spacing-m)}.jkl-spacing-m--top{margin-top:var(--jkl-spacing-m)}.jkl-spacing-m--bottom{margin-bottom:var(--jkl-spacing-m)}.jkl-spacing-m--left{margin-left:var(--jkl-spacing-m)}.jkl-spacing-m--right{margin-right:var(--jkl-spacing-m)}.jkl-spacing-l--all{margin:var(--jkl-spacing-l)}.jkl-spacing-l--top{margin-top:var(--jkl-spacing-l)}.jkl-spacing-l--bottom{margin-bottom:var(--jkl-spacing-l)}.jkl-spacing-l--left{margin-left:var(--jkl-spacing-l)}.jkl-spacing-l--right{margin-right:var(--jkl-spacing-l)}.jkl-spacing-xl--all{margin:var(--jkl-spacing-xl)}.jkl-spacing-xl--top{margin-top:var(--jkl-spacing-xl)}.jkl-spacing-xl--bottom{margin-bottom:var(--jkl-spacing-xl)}.jkl-spacing-xl--left{margin-left:var(--jkl-spacing-xl)}.jkl-spacing-xl--right{margin-right:var(--jkl-spacing-xl)}.jkl-spacing-2xl--all{margin:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--top{margin-top:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--bottom{margin-bottom:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--left{margin-left:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--right{margin-right:var(--jkl-spacing-2xl)}}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
grid-column: 2;
|
|
31
31
|
grid-row: 1/span 999;
|
|
32
32
|
translate: 0;
|
|
33
|
-
font-family: "Jokul
|
|
33
|
+
font-family: "Jokul Icons", "Jokul Icons Fallback", sans-serif;
|
|
34
34
|
font-variation-settings: "FILL" var(--jkl-icon-fill, 0);
|
|
35
35
|
font-feature-settings: "liga";
|
|
36
36
|
-webkit-font-feature-settings: "liga";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.jkl-navlink--beta{--border-radius:4px;--separator:1px solid var(--jkl-color-border-subdued);align-items:center;background-color:var(--jkl-color-background-page);border-radius:0;color:inherit;column-gap:2em;display:grid;font:var(--jkl-text-style-paragraph-medium);grid-template-columns:1fr auto;padding:var(--jkl-spacing-s);text-decoration:none;transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color;transition-timing-function:var(--jkl-motion-easing-ease-in-bounce-out)}.jkl-navlink--beta .description,.jkl-navlink--beta .title{grid-column:1}.jkl-navlink--beta:has(.description) .title{font-weight:700}.jkl-navlink--beta:after{content:"arrow_forward"/"";display:inline-block;font-family:Jokul
|
|
1
|
+
.jkl-navlink--beta{--border-radius:4px;--separator:1px solid var(--jkl-color-border-subdued);align-items:center;background-color:var(--jkl-color-background-page);border-radius:0;color:inherit;column-gap:2em;display:grid;font:var(--jkl-text-style-paragraph-medium);grid-template-columns:1fr auto;padding:var(--jkl-spacing-s);text-decoration:none;transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color;transition-timing-function:var(--jkl-motion-easing-ease-in-bounce-out)}.jkl-navlink--beta .description,.jkl-navlink--beta .title{grid-column:1}.jkl-navlink--beta:has(.description) .title{font-weight:700}.jkl-navlink--beta:after{content:"arrow_forward"/"";display:inline-block;font-family:Jokul Icons,Jokul Icons Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;grid-column:2;grid-row:1/span 999;line-height:1;translate:0;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-duration:var(--jkl-motion-timing-productive);transition-property:font-variation-settings,transform;transition-property:translate;transition-timing-function:var(--jkl-motion-easing-standard);transition-timing-function:var(--jkl-motion-easing-ease-in-bounce-out)}.jkl-navlink--beta:focus-visible,.jkl-navlink--beta:hover{background-color:var(--jkl-color-background-interactive-selected)}.jkl-navlink--beta:focus-visible:after,.jkl-navlink--beta:hover:after{translate:4px 0}.jkl-navlink--beta:first-of-type{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.jkl-navlink--beta:last-of-type{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.jkl-navlink--beta:has(+.jkl-navlink--beta){-webkit-border-after:var(--separator);border-block-end:var(--separator)}
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
.jkl-checkbox__label::before {
|
|
63
63
|
content: "check_box_outline_blank";
|
|
64
64
|
margin-inline-end: 0.25em;
|
|
65
|
-
font-family: "Jokul
|
|
65
|
+
font-family: "Jokul Icons", "Jokul Icons Fallback", sans-serif;
|
|
66
66
|
font-variation-settings: "FILL" var(--jkl-icon-fill, 0);
|
|
67
67
|
font-feature-settings: "liga";
|
|
68
68
|
-webkit-font-feature-settings: "liga";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer jokul.components{.jkl-checkbox{--jkl-checkbox-error-color:#ab2e43;--jkl-checkbox-error-color:light-dark(#ab2e43,#d79ba5);--box-color:var(--jkl-color-border-strong);--check-color:var(--jkl-color-border-strong);--text-color:var(--jkl-color-text-default);--background-color:transparent;color:var(--text-color);display:flex;flex-wrap:wrap;font:var(--jkl-text-style-text-medium);position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:transparent;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;outline:0;outline-style:none;padding:0;position:absolute;z-index:1}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert;outline:revert;outline-style:revert}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{cursor:pointer;display:flex;font:var(--jkl-text-style-text-medium);transition-duration:var(--jkl-motion-timing-productive);transition-property:color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__label:before{content:"check_box_outline_blank";-webkit-margin-end:.25em;display:inline-block;font-family:Jokul
|
|
1
|
+
@layer jokul.components{.jkl-checkbox{--jkl-checkbox-error-color:#ab2e43;--jkl-checkbox-error-color:light-dark(#ab2e43,#d79ba5);--box-color:var(--jkl-color-border-strong);--check-color:var(--jkl-color-border-strong);--text-color:var(--jkl-color-text-default);--background-color:transparent;color:var(--text-color);display:flex;flex-wrap:wrap;font:var(--jkl-text-style-text-medium);position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:transparent;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;outline:0;outline-style:none;padding:0;position:absolute;z-index:1}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert;outline:revert;outline-style:revert}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{cursor:pointer;display:flex;font:var(--jkl-text-style-text-medium);transition-duration:var(--jkl-motion-timing-productive);transition-property:color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__label:before{content:"check_box_outline_blank";-webkit-margin-end:.25em;display:inline-block;font-family:Jokul Icons,Jokul Icons Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;line-height:1;margin-inline-end:.25em;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-checkbox__input:is(:hover,:active)+.jkl-checkbox__label,.jkl-checkbox__label:active,.jkl-checkbox__label:hover{--jkl-icon-weight:var(--jkl-font-weight-bold)}.jkl-checkbox__input:checked+.jkl-checkbox__label:before{content:"check_box";--jkl-icon-fill:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label:before{content:"indeterminate_check_box";--jkl-icon-fill:1}.jkl-checkbox__input[aria-invalid=true]+.jkl-checkbox__label:before{color:var(--jkl-checkbox-error-color)}.jkl-checkbox+.jkl-checkbox{margin-top:.75em}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:var(--jkl-unit-30)}}
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
.jkl-checkbox__label::before {
|
|
138
138
|
content: "check_box_outline_blank";
|
|
139
139
|
margin-inline-end: 0.25em;
|
|
140
|
-
font-family: "Jokul
|
|
140
|
+
font-family: "Jokul Icons", "Jokul Icons Fallback", sans-serif;
|
|
141
141
|
font-variation-settings: "FILL" var(--jkl-icon-fill, 0);
|
|
142
142
|
font-feature-settings: "liga";
|
|
143
143
|
-webkit-font-feature-settings: "liga";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer jokul.components{.jkl-input-panel{--outer-border-color:var(--jkl-color-border-default);--outer-border-thickness:0.0625rem;--background-color:transparent;--padding-inline:var(--jkl-unit-25);background-color:var(--background-color);border-radius:var(--jkl-border-radius-s);box-shadow:inset 0 0 0 var(--outer-border-thickness) var(--outer-border-color);display:flex;flex-direction:column;interpolate-size:allow-keywords;transition-duration:var(--jkl-motion-timing-productive);transition-property:box-shadow;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-input-panel__header{align-items:center;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;padding:var(--jkl-unit-20) var(--padding-inline);position:relative}.jkl-input-panel__header .jkl-checkbox,.jkl-input-panel__header .jkl-radio-button{grid-column:1/-1;grid-row:1;inline-size:100%}.jkl-input-panel__header label{inline-size:100%}.jkl-input-panel__header__amount{align-items:center;display:flex;font:var(--jkl-text-style-text-medium);font-weight:var(--jkl-font-weight-bold);grid-column:2;grid-row:1;height:100%;justify-self:end;pointer-events:none;position:relative;z-index:1}.jkl-input-panel__description{height:0;overflow:hidden;padding-inline:var(--padding-inline);-webkit-padding-after:var(--jkl-spacing-none);line-height:normal;font:var(--jkl-text-style-paragraph-medium);padding-block-end:var(--jkl-spacing-none);transition-duration:var(--jkl-motion-timing-productive);transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-input-panel:has(:focus-visible){outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-input-panel:has(:checked),.jkl-input-panel:not([data-always-open]),.jkl-input-panel[data-always-open=true]{--background-color:var(--jkl-color-background-container)}.jkl-input-panel:has(:checked) .jkl-input-panel__description,.jkl-input-panel:not([data-always-open]) .jkl-input-panel__description,.jkl-input-panel[data-always-open=true] .jkl-input-panel__description{height:auto;-webkit-padding-after:var(--jkl-unit-20);padding-block-end:var(--jkl-unit-20)}.jkl-input-panel:has(input:hover){--outer-border-color:var(--jkl-color-border-default);--outer-border-thickness:0.125rem;cursor:pointer}}@layer jokul.components{.jkl-checkbox{--jkl-checkbox-error-color:#ab2e43;--jkl-checkbox-error-color:light-dark(#ab2e43,#d79ba5);--box-color:var(--jkl-color-border-strong);--check-color:var(--jkl-color-border-strong);--text-color:var(--jkl-color-text-default);--background-color:transparent;color:var(--text-color);display:flex;flex-wrap:wrap;font:var(--jkl-text-style-text-medium);position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:transparent;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;outline:0;outline-style:none;padding:0;position:absolute;z-index:1}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert;outline:revert;outline-style:revert}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{cursor:pointer;display:flex;font:var(--jkl-text-style-text-medium);transition-duration:var(--jkl-motion-timing-productive);transition-property:color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__label:before{content:"check_box_outline_blank";-webkit-margin-end:.25em;display:inline-block;font-family:Jokul
|
|
1
|
+
@layer jokul.components{.jkl-input-panel{--outer-border-color:var(--jkl-color-border-default);--outer-border-thickness:0.0625rem;--background-color:transparent;--padding-inline:var(--jkl-unit-25);background-color:var(--background-color);border-radius:var(--jkl-border-radius-s);box-shadow:inset 0 0 0 var(--outer-border-thickness) var(--outer-border-color);display:flex;flex-direction:column;interpolate-size:allow-keywords;transition-duration:var(--jkl-motion-timing-productive);transition-property:box-shadow;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-input-panel__header{align-items:center;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;padding:var(--jkl-unit-20) var(--padding-inline);position:relative}.jkl-input-panel__header .jkl-checkbox,.jkl-input-panel__header .jkl-radio-button{grid-column:1/-1;grid-row:1;inline-size:100%}.jkl-input-panel__header label{inline-size:100%}.jkl-input-panel__header__amount{align-items:center;display:flex;font:var(--jkl-text-style-text-medium);font-weight:var(--jkl-font-weight-bold);grid-column:2;grid-row:1;height:100%;justify-self:end;pointer-events:none;position:relative;z-index:1}.jkl-input-panel__description{height:0;overflow:hidden;padding-inline:var(--padding-inline);-webkit-padding-after:var(--jkl-spacing-none);line-height:normal;font:var(--jkl-text-style-paragraph-medium);padding-block-end:var(--jkl-spacing-none);transition-duration:var(--jkl-motion-timing-productive);transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-input-panel:has(:focus-visible){outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-input-panel:has(:checked),.jkl-input-panel:not([data-always-open]),.jkl-input-panel[data-always-open=true]{--background-color:var(--jkl-color-background-container)}.jkl-input-panel:has(:checked) .jkl-input-panel__description,.jkl-input-panel:not([data-always-open]) .jkl-input-panel__description,.jkl-input-panel[data-always-open=true] .jkl-input-panel__description{height:auto;-webkit-padding-after:var(--jkl-unit-20);padding-block-end:var(--jkl-unit-20)}.jkl-input-panel:has(input:hover){--outer-border-color:var(--jkl-color-border-default);--outer-border-thickness:0.125rem;cursor:pointer}}@layer jokul.components{.jkl-checkbox{--jkl-checkbox-error-color:#ab2e43;--jkl-checkbox-error-color:light-dark(#ab2e43,#d79ba5);--box-color:var(--jkl-color-border-strong);--check-color:var(--jkl-color-border-strong);--text-color:var(--jkl-color-text-default);--background-color:transparent;color:var(--text-color);display:flex;flex-wrap:wrap;font:var(--jkl-text-style-text-medium);position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:transparent;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;outline:0;outline-style:none;padding:0;position:absolute;z-index:1}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert;outline:revert;outline-style:revert}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{cursor:pointer;display:flex;font:var(--jkl-text-style-text-medium);transition-duration:var(--jkl-motion-timing-productive);transition-property:color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__label:before{content:"check_box_outline_blank";-webkit-margin-end:.25em;display:inline-block;font-family:Jokul Icons,Jokul Icons Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;line-height:1;margin-inline-end:.25em;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-checkbox__input:is(:hover,:active)+.jkl-checkbox__label,.jkl-checkbox__label:active,.jkl-checkbox__label:hover{--jkl-icon-weight:var(--jkl-font-weight-bold)}.jkl-checkbox__input:checked+.jkl-checkbox__label:before{content:"check_box";--jkl-icon-fill:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label:before{content:"indeterminate_check_box";--jkl-icon-fill:1}.jkl-checkbox__input[aria-invalid=true]+.jkl-checkbox__label:before{color:var(--jkl-checkbox-error-color)}.jkl-checkbox+.jkl-checkbox{margin-top:.75em}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:var(--jkl-unit-30)}}@layer jokul.components{.jkl-checkbox-panel .jkl-checkbox{-webkit-margin-start:-.1em;margin-inline-start:-.1em}.jkl-checkbox-panel .jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:none}}
|
|
@@ -26,10 +26,10 @@
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
.jkl-countdown__tracker {
|
|
29
|
-
animation: jkl-downcount-
|
|
29
|
+
animation: jkl-downcount-uq17oqd var(--duration) linear forwards;
|
|
30
30
|
animation-play-state: var(--play-state, running);
|
|
31
31
|
}
|
|
32
|
-
@keyframes jkl-downcount-
|
|
32
|
+
@keyframes jkl-downcount-uq17oqd {
|
|
33
33
|
from {
|
|
34
34
|
width: 100%;
|
|
35
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer jokul.components{.jkl-countdown{--track-color:var(--jkl-color-border-subdued);--bar-color:var(--jkl-color-border-strong);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-
|
|
1
|
+
@layer jokul.components{.jkl-countdown{--track-color:var(--jkl-color-border-subdued);--bar-color:var(--jkl-color-border-strong);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-uq17oqd var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-uq17oqd{0%{width:100%}to{width:0}}}
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
font: var(--jkl-text-style-paragraph-small);
|
|
21
21
|
}
|
|
22
22
|
.jkl-feedback__fade-in {
|
|
23
|
-
animation: jkl-show-
|
|
23
|
+
animation: jkl-show-u2cqj16 0.25s ease-out;
|
|
24
24
|
}
|
|
25
25
|
.jkl-feedback__buttons {
|
|
26
26
|
display: flex;
|
|
27
27
|
}
|
|
28
|
-
@keyframes jkl-show-
|
|
28
|
+
@keyframes jkl-show-u2cqj16 {
|
|
29
29
|
from {
|
|
30
30
|
transform: translate3d(0, 0.5rem, 0);
|
|
31
31
|
opacity: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer jokul.components{.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:var(--jkl-motion-timing-expressive);transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard);width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font:var(--jkl-text-style-paragraph-small);margin-bottom:var(--jkl-unit-20)}.jkl-feedback__fade-in{animation:jkl-show-
|
|
1
|
+
@layer jokul.components{.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:var(--jkl-motion-timing-expressive);transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard);width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font:var(--jkl-text-style-paragraph-small);margin-bottom:var(--jkl-unit-20)}.jkl-feedback__fade-in{animation:jkl-show-u2cqj16 .25s ease-out}.jkl-feedback__buttons{display:flex}@keyframes jkl-show-u2cqj16{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:var(--jkl-spacing-12);justify-content:space-between;margin-top:var(--jkl-unit-10);max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:var(--jkl-motion-timing-productive);transition-property:transform,color;transition-timing-function:var(--jkl-motion-easing-standard);width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{fill:ButtonText;stroke:ButtonFace}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:var(--jkl-motion-timing-productive);transition-property:opacity;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem rgba(0,0,0,.1);inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}input:checked+.jkl-feedback-smiley-option:before{opacity:1}input:focus-visible+.jkl-feedback-smiley-option{border-radius:var(--jkl-border-radius-full);outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}}
|