@fremtind/jokul 6.0.0-next.2 → 6.0.0-next.4

package/codemods/transforms/select.mjs

@@ -0,0 +1,237 @@
+// Select er skrevet om fra bunnen i Jøkul 6, og bygger nå på det native HTML
+// Popover API-et i stedet for en egendefinert listeboks-implementasjon. Denne
+// transformen håndterer de mekaniske delene av migreringen og varsler om det
+// som må vurderes manuelt.
+//
+// Automatiske endringer:
+//   - Props på <Select>:
+//     defaultPrompt={...} → placeholder={...}
+//   - searchable som inline-funksjon med to enkle parametere flyttes til
+//     filterFunction, med parameterrekkefølgen snudd (funksjonskroppen
+//     refererer til parameterne ved navn og trenger ikke endres):
+//     searchable={(searchValue, item) => ...} →
+//     searchable filterFunction={(item, searchValue) => ...}
+//
+// Manuell oppfølging (varsler):
+//   - NativeSelect er fjernet – migrer til Select
+//   - BETA_Select/BETA_SelectProps er fjernet – migrer til stabil Select
+//   - searchable som funksjonsreferanse (ikke en inline-funksjon med to enkle
+//     parametere) kan ikke skrives om automatisk
+//   - maxShownOptions, inline og invalid er fjernet uten direkte erstatning
+//     (invalid erstattes av errorLabel)
+
+// Kun JSX-attributter (etterfulgt av `=`) matches
+const PROP_RENAMES = [[/\bdefaultPrompt(?=\s*=)/g, "placeholder"]];
+
+const SELECT_TAG_START = /<\s*Select\b/g;
+
+// Leser en JSX-tag fra `<Select` til matchende `>`. Hopper over `>` inne i
+// uttrykk (`onChange={(e) => ...}`), strenger og template-literaler.
+function replaceInSelectTags(text, replaceTag) {
+    let output = "";
+    let lastIndex = 0;
+    SELECT_TAG_START.lastIndex = 0;
+
+    for (
+        let match = SELECT_TAG_START.exec(text);
+        match !== null;
+        match = SELECT_TAG_START.exec(text)
+    ) {
+        const start = match.index;
+        let i = SELECT_TAG_START.lastIndex;
+        let depth = 0;
+        let stringChar = null;
+        let end = -1;
+
+        while (i < text.length) {
+            const char = text[i];
+
+            if (stringChar) {
+                if (char === "\\") {
+                    i += 2;
+                    continue;
+                }
+                if (char === stringChar) stringChar = null;
+                i += 1;
+                continue;
+            }
+            if (char === '"' || char === "'" || char === "`") {
+                stringChar = char;
+            } else if (char === "{") {
+                depth += 1;
+            } else if (char === "}") {
+                depth -= 1;
+            } else if (char === ">" && depth === 0) {
+                end = i + 1;
+                break;
+            }
+            i += 1;
+        }
+
+        if (end === -1) break;
+
+        output +=
+            text.slice(lastIndex, start) + replaceTag(text.slice(start, end));
+        lastIndex = end;
+        SELECT_TAG_START.lastIndex = end;
+    }
+
+    return output + text.slice(lastIndex);
+}
+
+// Fanger opp searchable som ser ut som en funksjon: en arrow function, en
+// navngitt/anonym function-deklarasjon, eller en identifikator som ikke er
+// true/false (antatt å være en referanse til en filtreringsfunksjon).
+const SEARCHABLE_FUNCTION_PATTERN =
+    /\bsearchable=\{\s*(?:\(|function\b|(?!true\b|false\b)[A-Za-z_$][\w$]*\s*(?:=>|[,)}]))/;
+
+// Matcher starten av en inline-funksjon med nøyaktig to enkle parametere
+// (valgfri type-annotasjon uten parenteser/komma), som arrow function eller
+// function-uttrykk. Grupperer parameter 1 og 2 hver for seg slik at de kan
+// bytte plass uten å røre funksjonskroppen.
+const SIMPLE_PARAM = "[A-Za-z_$][\\w$]*(?:\\s*:\\s*[^,()]+)?";
+const TWO_PARAM_FUNCTION_HEAD = new RegExp(
+    `^\\(\\s*(${SIMPLE_PARAM})\\s*,\\s*(${SIMPLE_PARAM})\\s*\\)\\s*=>|^function\\b[^(]*\\(\\s*(${SIMPLE_PARAM})\\s*,\\s*(${SIMPLE_PARAM})\\s*\\)`,
+);
+
+// Finner slutten av en balansert `{...}`-blokk som starter rett etter
+// `startIndex` (som peker på tegnet etter den åpne `{`). Hopper over strenger,
+// template-literaler og nøstede klammer/paranteser.
+function findMatchingBrace(text, startIndex) {
+    let depth = 1;
+    let i = startIndex;
+    let stringChar = null;
+
+    while (i < text.length) {
+        const char = text[i];
+
+        if (stringChar) {
+            if (char === "\\") {
+                i += 2;
+                continue;
+            }
+            if (char === stringChar) stringChar = null;
+            i += 1;
+            continue;
+        }
+        if (char === '"' || char === "'" || char === "`") {
+            stringChar = char;
+        } else if (char === "{") {
+            depth += 1;
+        } else if (char === "}") {
+            depth -= 1;
+            if (depth === 0) return i;
+        }
+        i += 1;
+    }
+
+    return -1;
+}
+
+const SEARCHABLE_PROP_START = /\bsearchable=\{/g;
+
+// Skriver om `searchable={(a, b) => ...}` til `searchable filterFunction={(b, a) => ...}`
+// når funksjonen har nøyaktig to enkle parametere. Funksjonskroppen refererer
+// til parameterne ved navn, så den kan stå urørt – bare parameterrekkefølgen
+// i signaturen trenger å snus.
+function rewriteSearchableFilterFunction(tag) {
+    SEARCHABLE_PROP_START.lastIndex = 0;
+    const match = SEARCHABLE_PROP_START.exec(tag);
+    if (!match) return { tag, rewritten: false };
+
+    const contentStart = SEARCHABLE_PROP_START.lastIndex;
+    const braceEnd = findMatchingBrace(tag, contentStart);
+    if (braceEnd === -1) return { tag, rewritten: false };
+
+    const content = tag.slice(contentStart, braceEnd);
+    const headMatch = TWO_PARAM_FUNCTION_HEAD.exec(content);
+    if (!headMatch) return { tag, rewritten: false };
+
+    const [full, arrowA, arrowB, fnA, fnB] = headMatch;
+    const paramA = arrowA ?? fnA;
+    const paramB = arrowB ?? fnB;
+    const swappedHead = full
+        .replace(paramA, "\u0000")
+        .replace(paramB, paramA)
+        .replace("\u0000", paramB);
+    const swappedContent = swappedHead + content.slice(full.length);
+
+    const rewrittenTag = `${tag.slice(0, match.index)}searchable filterFunction={${swappedContent}${tag.slice(braceEnd)}`;
+
+    return { tag: rewrittenTag, rewritten: true };
+}
+
+const NOT_PART_OF_IDENTIFIER = "(?<![-\\w.$])";
+
+const REMOVED_PROPS = [
+    ["maxShownOptions", "Fjernet uten direkte erstatning."],
+    ["inline", "Fjernet uten direkte erstatning."],
+    [
+        "invalid",
+        "Bruk `errorLabel`, som setter både `aria-invalid` og feilstilen.",
+    ],
+];
+
+export function applySelectTransforms(text) {
+    let next = text;
+    let count = 0;
+
+    next = replaceInSelectTags(next, (tag) => {
+        let replacedTag = tag;
+        for (const [pattern, replacement] of PROP_RENAMES) {
+            replacedTag = replacedTag.replace(pattern, () => {
+                count += 1;
+                return replacement;
+            });
+        }
+
+        const { tag: withFilterFunction, rewritten } =
+            rewriteSearchableFilterFunction(replacedTag);
+        if (rewritten) {
+            count += 1;
+            replacedTag = withFilterFunction;
+        }
+
+        return replacedTag;
+    });
+
+    const warnings = [];
+
+    if (/\bNativeSelect\b/.test(next)) {
+        warnings.push(
+            "Manuell vurdering: `NativeSelect` er fjernet. Migrer til den nye `Select`, som nå bygger på et ekte `<select>`-element.",
+        );
+    }
+
+    if (/\bBETA_Select(?:Props)?\b/.test(next)) {
+        warnings.push(
+            "Manuell vurdering: `BETA_Select`/`BETA_SelectProps` er fjernet. Migrer til den stabile `Select`.",
+        );
+    }
+
+    replaceInSelectTags(next, (tag) => {
+        if (SEARCHABLE_FUNCTION_PATTERN.test(tag)) {
+            const { rewritten } = rewriteSearchableFilterFunction(tag);
+            if (!rewritten) {
+                warnings.push(
+                    "Manuell vurdering: `searchable` på `Select` er en funksjonsreferanse som ikke kunne skrives om automatisk. Sett `searchable` til `true` og send filtreringslogikken til `filterFunction` (item, searchTerm) => boolean.",
+                );
+            }
+        }
+
+        for (const [prop, hint] of REMOVED_PROPS) {
+            const pattern = new RegExp(
+                `${NOT_PART_OF_IDENTIFIER}${prop}\\b(?=[\\s/>=}])`,
+            );
+            if (pattern.test(tag)) {
+                warnings.push(
+                    `Manuell vurdering: \`${prop}\` er fjernet fra Select. ${hint}`,
+                );
+            }
+        }
+
+        return tag;
+    });
+
+    return { text: next, count, warnings };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fremtind/jokul",
-  "version": "6.0.0-next.2",
+  "version": "6.0.0-next.4",
   "type": "module",
   "engines": {
     "node": "^22.22.2 || ^24.15.0 || ^26.0.0"
@@ -86,10 +86,9 @@
     "tailwindcss": "^3.4.17"
   },
   "devDependencies": {
-    "@babel/core": "^8.0.1",
     "@babel/cli": "^8.0.4",
+    "@babel/core": "^8.0.1",
     "@babel/preset-react": "^8.0.1",
-    "@figma/code-connect": "^1.5.2",
     "@rollup/plugin-terser": "^1.0.0",
     "@types/react": "18.3.1",
     "@vitejs/plugin-react": "^4.7.0",
@@ -99,7 +98,6 @@
     "cssnano": "^8.0.2",
     "cssnano-preset-lite": "^5.0.1",
     "dayjs": "^1.11.21",
-    "glob": "^13.0.6",
     "ink": "^5.1.0",
     "ink-select-input": "^6.0.0",
     "jsdom": "^30.0.1",

package/styles/base.css

@@ -577,7 +577,8 @@
 @layer jokul.theme {
   :root,
   [data-size],
-  [data-theme] {
+  [data-theme],
+  [data-brand] {
     --jkl-unit-0: 0;
     --jkl-spacing-0: 0rem;
     --jkl-spacing-2: 0.125rem;
@@ -664,6 +665,160 @@
     --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);
   }
 }
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+@layer jokul.theme {
+  [data-brand=dnb] {
+    /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
+    --jkl-color-background-page: #F8F8F8;
+    --jkl-color-background-page: light-dark(#F8F8F8, #000000);
+    --jkl-color-background-container: #FFFFFF;
+    --jkl-color-background-container: light-dark(#FFFFFF, #2C2C2E);
+    --jkl-color-background-container-accent: #D8F3EC;
+    --jkl-color-background-container-accent: light-dark(#D8F3EC, #023939);
+    --jkl-color-background-contrast: #007272;
+    --jkl-color-background-contrast: light-dark(#007272, #A5E1D2);
+    --jkl-color-text-default: #333333;
+    --jkl-color-text-default: light-dark(#333333, #ffffff);
+    --jkl-color-text-subdued: #6B6B6B;
+    --jkl-color-text-subdued: light-dark(#6B6B6B, #9A9AA0);
+    --jkl-color-text-accent: #14555A;
+    --jkl-color-text-accent: light-dark(#14555A, #A5E1D2);
+    --jkl-color-text-on-contrast: #ffffff;
+    --jkl-color-text-on-contrast: light-dark(#ffffff, #023939);
+    --jkl-color-border-default: #007272;
+    --jkl-color-border-default: light-dark(#007272, #A5E1D2);
+    --jkl-color-border-subdued: #CCCCCC;
+    --jkl-color-border-subdued: light-dark(#CCCCCC, #48484A);
+    --jkl-color-border-strong: #007272;
+    --jkl-color-border-strong: light-dark(#007272, #A5E1D2);
+    --jkl-color-warning-background-page: #F3F0ED;
+    --jkl-color-warning-background-page: light-dark(#F3F0ED, #0E0D0C);
+    --jkl-color-warning-background-container: #EED9C3;
+    --jkl-color-warning-background-container: light-dark(#EED9C3, #48351E);
+    --jkl-color-warning-background-container-accent: #E4BC8A;
+    --jkl-color-warning-background-container-accent: light-dark(#E4BC8A, #61492D);
+    --jkl-color-warning-background-contrast: #D3770B;
+    --jkl-color-warning-background-contrast: light-dark(#D3770B, #EAA858);
+    --jkl-color-warning-text-default: #522E04;
+    --jkl-color-warning-text-default: light-dark(#522E04, #FDECD8);
+    --jkl-color-warning-text-subdued: #636060;
+    --jkl-color-warning-text-subdued: light-dark(#636060, #C8C5C3);
+    --jkl-color-warning-text-accent: #D3770B;
+    --jkl-color-warning-text-accent: light-dark(#D3770B, #EAA858);
+    --jkl-color-warning-text-on-contrast: #FFFFFF;
+    --jkl-color-warning-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
+    --jkl-color-warning-border-default: #D3770B;
+    --jkl-color-warning-border-default: light-dark(#D3770B, #EAA858);
+    --jkl-color-warning-border-subdued: #E4BC8A;
+    --jkl-color-warning-border-subdued: light-dark(#E4BC8A, #61492D);
+    --jkl-color-warning-border-strong: #522E04;
+    --jkl-color-warning-border-strong: light-dark(#522E04, #FDECD8);
+    --jkl-color-success-background-page: #F3F0ED;
+    --jkl-color-success-background-page: light-dark(#F3F0ED, #0E0D0C);
+    --jkl-color-success-background-container: #D2E9CB;
+    --jkl-color-success-background-container: light-dark(#D2E9CB, #334D34);
+    --jkl-color-success-background-container-accent: #B7CFAF;
+    --jkl-color-success-background-container-accent: light-dark(#B7CFAF, #3F5F41);
+    --jkl-color-success-background-contrast: #24753A;
+    --jkl-color-success-background-contrast: light-dark(#24753A, #81E49C);
+    --jkl-color-success-text-default: #0A430D;
+    --jkl-color-success-text-default: light-dark(#0A430D, #DCF9E0);
+    --jkl-color-success-text-subdued: #636060;
+    --jkl-color-success-text-subdued: light-dark(#636060, #C8C5C3);
+    --jkl-color-success-text-accent: #24753A;
+    --jkl-color-success-text-accent: light-dark(#24753A, #81E49C);
+    --jkl-color-success-text-on-contrast: #FFFFFF;
+    --jkl-color-success-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
+    --jkl-color-success-border-default: #24753A;
+    --jkl-color-success-border-default: light-dark(#24753A, #81E49C);
+    --jkl-color-success-border-subdued: #B7CFAF;
+    --jkl-color-success-border-subdued: light-dark(#B7CFAF, #3F5F41);
+    --jkl-color-success-border-strong: #0A430D;
+    --jkl-color-success-border-strong: light-dark(#0A430D, #DCF9E0);
+    --jkl-color-info-background-page: #F3F0ED;
+    --jkl-color-info-background-page: light-dark(#F3F0ED, #0E0D0C);
+    --jkl-color-info-background-container: #D3D3F6;
+    --jkl-color-info-background-container: light-dark(#D3D3F6, #35355B);
+    --jkl-color-info-background-container-accent: #B5B5EB;
+    --jkl-color-info-background-container-accent: light-dark(#B5B5EB, #4B4B89);
+    --jkl-color-info-background-contrast: #4646D1;
+    --jkl-color-info-background-contrast: light-dark(#4646D1, #9A9AEB);
+    --jkl-color-info-text-default: #111145;
+    --jkl-color-info-text-default: light-dark(#111145, #D8D8FD);
+    --jkl-color-info-text-subdued: #636060;
+    --jkl-color-info-text-subdued: light-dark(#636060, #C8C5C3);
+    --jkl-color-info-text-accent: #4646D1;
+    --jkl-color-info-text-accent: light-dark(#4646D1, #9A9AEB);
+    --jkl-color-info-text-on-contrast: #FFFFFF;
+    --jkl-color-info-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
+    --jkl-color-info-border-default: #4646D1;
+    --jkl-color-info-border-default: light-dark(#4646D1, #9A9AEB);
+    --jkl-color-info-border-subdued: #B5B5EB;
+    --jkl-color-info-border-subdued: light-dark(#B5B5EB, #4B4B89);
+    --jkl-color-info-border-strong: #111145;
+    --jkl-color-info-border-strong: light-dark(#111145, #D8D8FD);
+    --jkl-color-error-background-page: #F3F0ED;
+    --jkl-color-error-background-page: light-dark(#F3F0ED, #0E0D0C);
+    --jkl-color-error-background-container: #F0D6D6;
+    --jkl-color-error-background-container: light-dark(#F0D6D6, #4C2A28);
+    --jkl-color-error-background-container-accent: #E4B7B6;
+    --jkl-color-error-background-container-accent: light-dark(#E4B7B6, #6A3C39);
+    --jkl-color-error-background-contrast: #B32424;
+    --jkl-color-error-background-contrast: light-dark(#B32424, #F38C8C);
+    --jkl-color-error-text-default: #4A0D0D;
+    --jkl-color-error-text-default: light-dark(#4A0D0D, #FCD9D9);
+    --jkl-color-error-text-subdued: #636060;
+    --jkl-color-error-text-subdued: light-dark(#636060, #C8C5C3);
+    --jkl-color-error-text-accent: #B32424;
+    --jkl-color-error-text-accent: light-dark(#B32424, #F38C8C);
+    --jkl-color-error-text-on-contrast: #FFFFFF;
+    --jkl-color-error-text-on-contrast: light-dark(#FFFFFF, #0E0D0C);
+    --jkl-color-error-border-default: #B32424;
+    --jkl-color-error-border-default: light-dark(#B32424, #F38C8C);
+    --jkl-color-error-border-subdued: #E4B7B6;
+    --jkl-color-error-border-subdued: light-dark(#E4B7B6, #6A3C39);
+    --jkl-color-error-border-strong: #4A0D0D;
+    --jkl-color-error-border-strong: light-dark(#4A0D0D, #FCD9D9);
+    /* stylelint-enable declaration-block-no-duplicate-custom-properties */
+  }
+}
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+@layer jokul.theme {
+  @font-face {
+    font-family: "DNB Sans";
+    font-display: fallback;
+    font-weight: 400;
+    font-style: normal;
+    src: url("/fonts/brands/dnb/DNB-Regular.woff2") format("woff2");
+  }
+  @font-face {
+    font-family: "DNB Sans";
+    font-display: fallback;
+    font-weight: 500;
+    font-style: normal;
+    src: url("/fonts/brands/dnb/DNB-Medium.woff2") format("woff2");
+  }
+  @font-face {
+    font-family: "DNB Mono";
+    font-display: fallback;
+    font-weight: 400;
+    font-style: normal;
+    src: url("/fonts/brands/dnb/DNBMono-Regular.woff2") format("woff2");
+  }
+  [data-brand=dnb] {
+    --jkl-font-family-regular: 'DNB Sans', sans-serif;
+    --jkl-font-family-display: 'DNB Sans', sans-serif;
+    --jkl-font-family-mono: 'DNB Mono', 'Adjusted Courier New Fallback', -apple-system, blinkmacsystemfont, monospace;
+    --jkl-font-family-icons: 'Jokul Icons', 'Jokul Icons Fallback', monospace;
+  }
+}
 @layer jokul.global {
   /* Legger til støtte for fontskalering via OS-innstillinger på Apple-enheter */
   @supports (font: -apple-system-body) {

package/styles/base.min.css

@@ -1,2 +1,2 @@
 @layer jokul{@layer resets, theme, global, components, utility}
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@layer jokul.resets{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{margin:0;border:0;padding:0;display:block;line-height:1}table{border-collapse:collapse}table,tbody,td,th,thead,tr{margin:0;padding:0}.jkl [hidden]{display:none!important}}@layer jokul.resets{}@layer jokul.theme{@font-face{font-family:Jokul;font-display:fallback;font-weight:100 900;font-style:normal;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Display;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Icons;font-weight:300 400;font-style:normal;src:url(/fonts/Jokul-Icons.woff2) format("woff2")}@font-face{font-family:Adjusted Arial Fallback;font-weight:400;font-style:normal;src:local(arial);size-adjust:104%;ascent-override:82%;descent-override:normal;line-gap-override:32%}@font-face{font-family:Adjusted Arial Fallback;font-weight:700;font-style:normal;src:local(arial);size-adjust:108%;ascent-override:83%;descent-override:normal;line-gap-override:28%}@font-face{font-family:Adjusted Arial Display Fallback;font-weight:400;font-style:normal;src:local(arial);size-adjust:102%;ascent-override:76%;descent-override:normal;line-gap-override:40%}@font-face{font-family:Adjusted Courier New Fallback;font-weight:400;font-style:normal;src:local(courier new);size-adjust:100%;ascent-override:83%;descent-override:normal;line-gap-override:27%}@font-face{font-family:Jokul Icons Fallback;src:local(courier new);font-weight:300 400;font-style:normal;size-adjust:0%}}@layer jokul.theme{:root{--jkl-spacing-16-24:var(--jkl-spacing-16);--jkl-spacing-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32:var(--jkl-spacing-24);--jkl-spacing-32-40:var(--jkl-spacing-32);--jkl-spacing-40-64:var(--jkl-spacing-40);--jkl-spacing-64-104:var(--jkl-spacing-64);--jkl-spacing-104-168:var(--jkl-spacing-104);--jkl-spacing-16-16-24:var(--jkl-spacing-16);--jkl-spacing-16-24-32:var(--jkl-spacing-16);--jkl-spacing-16-24-40:var(--jkl-spacing-16);--jkl-spacing-24-24-32:var(--jkl-spacing-24);--jkl-spacing-24-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32-40:var(--jkl-spacing-24);--jkl-spacing-32-32-40:var(--jkl-spacing-32);--jkl-spacing-32-40-64:var(--jkl-spacing-32);--jkl-spacing-40-40-64:var(--jkl-spacing-40);--jkl-spacing-40-64-104:var(--jkl-spacing-40);--jkl-spacing-64-64-104:var(--jkl-spacing-64);--jkl-spacing-64-104-168:var(--jkl-spacing-64);--jkl-spacing-104-104-168:var(--jkl-spacing-104)}@media (min-width:680px){:root{--jkl-spacing-16-24:var(--jkl-spacing-24);--jkl-spacing-24-40:var(--jkl-spacing-40);--jkl-spacing-24-32:var(--jkl-spacing-32);--jkl-spacing-32-40:var(--jkl-spacing-40);--jkl-spacing-40-64:var(--jkl-spacing-64);--jkl-spacing-64-104:var(--jkl-spacing-104);--jkl-spacing-104-168:var(--jkl-spacing-168);--jkl-spacing-16-16-24:var(--jkl-spacing-16);--jkl-spacing-16-24-32:var(--jkl-spacing-24);--jkl-spacing-16-24-40:var(--jkl-spacing-24);--jkl-spacing-24-24-32:var(--jkl-spacing-24);--jkl-spacing-24-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32-40:var(--jkl-spacing-32);--jkl-spacing-32-32-40:var(--jkl-spacing-32);--jkl-spacing-32-40-64:var(--jkl-spacing-40);--jkl-spacing-40-40-64:var(--jkl-spacing-40);--jkl-spacing-40-64-104:var(--jkl-spacing-64);--jkl-spacing-64-64-104:var(--jkl-spacing-64);--jkl-spacing-64-104-168:var(--jkl-spacing-104);--jkl-spacing-104-104-168:var(--jkl-spacing-104)}}@media (min-width:1200px){:root{--jkl-spacing-16-16-24:var(--jkl-spacing-24);--jkl-spacing-16-24-32:var(--jkl-spacing-32);--jkl-spacing-16-24-40:var(--jkl-spacing-40);--jkl-spacing-24-24-32:var(--jkl-spacing-32);--jkl-spacing-24-24-40:var(--jkl-spacing-40);--jkl-spacing-24-32-40:var(--jkl-spacing-40);--jkl-spacing-32-32-40:var(--jkl-spacing-40);--jkl-spacing-32-40-64:var(--jkl-spacing-64);--jkl-spacing-40-40-64:var(--jkl-spacing-64);--jkl-spacing-40-64-104:var(--jkl-spacing-104);--jkl-spacing-64-64-104:var(--jkl-spacing-104);--jkl-spacing-64-104-168:var(--jkl-spacing-168);--jkl-spacing-104-104-168:var(--jkl-spacing-168)}}}@layer jokul.theme{:root{color-scheme:light dark;--jkl-color-background-page:#f3f0ed;--jkl-color-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-background-container:#fff;--jkl-color-background-container:light-dark(#fff, #262221);--jkl-color-background-container-accent:#e4dfd8;--jkl-color-background-container-accent:light-dark(#e4dfd8, #3c3434);--jkl-color-background-contrast:#262221;--jkl-color-background-contrast:light-dark(#262221, #f3f0ed);--jkl-color-text-default:#0e0d0c;--jkl-color-text-default:light-dark(#0e0d0c, #fff);--jkl-color-text-subdued:#636060;--jkl-color-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-text-accent:#0e0d0c;--jkl-color-text-accent:light-dark(#0e0d0c, #fff);--jkl-color-text-on-contrast:#fff;--jkl-color-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-border-default:#636060;--jkl-color-border-default:light-dark(#636060, #c8c5c3);--jkl-color-border-subdued:#c8c5c3;--jkl-color-border-subdued:light-dark(#c8c5c3, #636060);--jkl-color-border-strong:#0e0d0c;--jkl-color-border-strong:light-dark(#0e0d0c, #fff);--jkl-color-warning-background-page:#f3f0ed;--jkl-color-warning-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-warning-background-container:#eed9c3;--jkl-color-warning-background-container:light-dark(#eed9c3, #48351e);--jkl-color-warning-background-container-accent:#e4bc8a;--jkl-color-warning-background-container-accent:light-dark(#e4bc8a, #61492d);--jkl-color-warning-background-contrast:#d3770b;--jkl-color-warning-background-contrast:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-default:#522e04;--jkl-color-warning-text-default:light-dark(#522e04, #fdecd8);--jkl-color-warning-text-subdued:#636060;--jkl-color-warning-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-warning-text-accent:#d3770b;--jkl-color-warning-text-accent:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-warning-border-default:#d3770b;--jkl-color-warning-border-default:light-dark(#d3770b, #eaa858);--jkl-color-warning-border-subdued:#e4bc8a;--jkl-color-warning-border-subdued:light-dark(#e4bc8a, #61492d);--jkl-color-warning-border-strong:#522e04;--jkl-color-warning-border-strong:light-dark(#522e04, #fdecd8);--jkl-color-success-background-page:#f3f0ed;--jkl-color-success-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-success-background-container:#d2e9cb;--jkl-color-success-background-container:light-dark(#d2e9cb, #334d34);--jkl-color-success-background-container-accent:#b7cfaf;--jkl-color-success-background-container-accent:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-background-contrast:#24753a;--jkl-color-success-background-contrast:light-dark(#24753a, #81e49c);--jkl-color-success-text-default:#0a430d;--jkl-color-success-text-default:light-dark(#0a430d, #dcf9e0);--jkl-color-success-text-subdued:#636060;--jkl-color-success-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-success-text-accent:#24753a;--jkl-color-success-text-accent:light-dark(#24753a, #81e49c);--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-success-border-default:#24753a;--jkl-color-success-border-default:light-dark(#24753a, #81e49c);--jkl-color-success-border-subdued:#b7cfaf;--jkl-color-success-border-subdued:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-border-strong:#0a430d;--jkl-color-success-border-strong:light-dark(#0a430d, #dcf9e0);--jkl-color-info-background-page:#f3f0ed;--jkl-color-info-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-info-background-container:#d3d3f6;--jkl-color-info-background-container:light-dark(#d3d3f6, #35355b);--jkl-color-info-background-container-accent:#b5b5eb;--jkl-color-info-background-container-accent:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-background-contrast:#4646d1;--jkl-color-info-background-contrast:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-default:#111145;--jkl-color-info-text-default:light-dark(#111145, #d8d8fd);--jkl-color-info-text-subdued:#636060;--jkl-color-info-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-info-text-accent:#4646d1;--jkl-color-info-text-accent:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-info-border-default:#4646d1;--jkl-color-info-border-default:light-dark(#4646d1, #9a9aeb);--jkl-color-info-border-subdued:#b5b5eb;--jkl-color-info-border-subdued:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-border-strong:#111145;--jkl-color-info-border-strong:light-dark(#111145, #d8d8fd);--jkl-color-error-background-page:#f3f0ed;--jkl-color-error-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-error-background-container:#f0d6d6;--jkl-color-error-background-container:light-dark(#f0d6d6, #4c2a28);--jkl-color-error-background-container-accent:#e4b7b6;--jkl-color-error-background-container-accent:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-background-contrast:#b32424;--jkl-color-error-background-contrast:light-dark(#b32424, #f38c8c);--jkl-color-error-text-default:#4a0d0d;--jkl-color-error-text-default:light-dark(#4a0d0d, #fcd9d9);--jkl-color-error-text-subdued:#636060;--jkl-color-error-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-error-text-accent:#b32424;--jkl-color-error-text-accent:light-dark(#b32424, #f38c8c);--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-error-border-default:#b32424;--jkl-color-error-border-default:light-dark(#b32424, #f38c8c);--jkl-color-error-border-subdued:#e4b7b6;--jkl-color-error-border-subdued:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-border-strong:#4a0d0d;--jkl-color-error-border-strong:light-dark(#4a0d0d, #fcd9d9)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}:root,[data-size=medium],[data-size]{--jkl-unit-10:8px;--jkl-unit-base:8px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:21px;--jkl-font-size-5:26px;--jkl-font-size-6:32px;--jkl-font-size-7:40px;--jkl-font-size-8:44px;--jkl-font-size-9:46px;--jkl-font-size-10:48px}[data-size=small]{--jkl-unit-10:5px;--jkl-unit-base:5px;--jkl-font-size-1:12px;--jkl-font-size-2:14px;--jkl-font-size-3:16px;--jkl-font-size-4:18px;--jkl-font-size-5:21px;--jkl-font-size-6:26px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:44px;--jkl-font-size-10:46px}[data-size=large]{--jkl-unit-10:11px;--jkl-unit-base:11px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:21px;--jkl-font-size-5:26px;--jkl-font-size-6:32px;--jkl-font-size-7:40px;--jkl-font-size-8:44px;--jkl-font-size-9:46px;--jkl-font-size-10:48px}:root,[data-size],[data-theme]{--jkl-unit-0:0;--jkl-spacing-0:0rem;--jkl-spacing-2:0.125rem;--jkl-spacing-4:0.25rem;--jkl-spacing-8:0.5rem;--jkl-spacing-12:0.75rem;--jkl-spacing-16:1rem;--jkl-spacing-24:1.5rem;--jkl-spacing-32:2rem;--jkl-spacing-40:2.5rem;--jkl-spacing-64:4rem;--jkl-spacing-104:6.5rem;--jkl-spacing-168:10.5rem;--jkl-spacing-none:0;--jkl-border-width-1:0.0625rem;--jkl-border-width-2:0.125rem;--jkl-border-width-3:0.1875rem;--jkl-border-radius-none:0;--jkl-border-radius-xs:0.25rem;--jkl-border-radius-s:0.5rem;--jkl-border-radius-m:0.75rem;--jkl-border-radius-l:1rem;--jkl-border-radius-full:9999px;--jkl-breakpoint-small:0;--jkl-breakpoint-medium:680px;--jkl-breakpoint-large:1200px;--jkl-breakpoint-xl:1600px;--jkl-motion-timing-energetic:75ms;--jkl-motion-timing-snappy:100ms;--jkl-motion-timing-productive:150ms;--jkl-motion-timing-polite:200ms;--jkl-motion-timing-expressive:250ms;--jkl-motion-timing-lazy:400ms;--jkl-motion-easing-standard:ease;--jkl-motion-easing-entrance:ease-out;--jkl-motion-easing-exit:ease-in;--jkl-motion-easing-ease-in-bounce-out:cubic-bezier(0, 0, 0.375, 1.17);--jkl-motion-easing-focus:cubic-bezier(0.6, 0.2, 0.35, 1);--jkl-font-weight-normal:380;--jkl-font-weight-bold:530;--jkl-font-family-regular:"Jokul", "Adjusted Arial Fallback", arial, sans-serif;--jkl-font-family-display:"Jokul Display", "Adjusted Arial Display Fallback", arial, sans-serif;--jkl-font-family-mono:monospace;--jkl-font-family-icons:"Jokul Icons", "Jokul Icons Fallback", monospace;--jkl-line-height-flush:1;--jkl-line-height-tight:1.3;--jkl-line-height-relaxed:1.6;--jkl-unit-15:calc(var(--jkl-unit-base)*1.5);--jkl-unit-20:calc(var(--jkl-unit-base)*2);--jkl-unit-25:calc(var(--jkl-unit-base)*2.5);--jkl-unit-30:calc(var(--jkl-unit-base)*3);--jkl-unit-35:calc(var(--jkl-unit-base)*3.5);--jkl-unit-40:calc(var(--jkl-unit-base)*4);--jkl-unit-50:calc(var(--jkl-unit-base)*5);--jkl-unit-60:calc(var(--jkl-unit-base)*6);--jkl-unit-70:calc(var(--jkl-unit-base)*7);--jkl-unit-80:calc(var(--jkl-unit-base)*8);--jkl-unit-90:calc(var(--jkl-unit-base)*9);--jkl-unit-100:calc(var(--jkl-unit-base)*10);--jkl-unit-130:calc(var(--jkl-unit-base)*13);--jkl-unit-210:calc(var(--jkl-unit-base)*21);--jkl-unit-02:calc(var(--jkl-unit-base)*0.25);--jkl-unit-05:calc(var(--jkl-unit-base)*0.5);--jkl-spacing-2xs:var(--jkl-spacing-4);--jkl-spacing-xs:var(--jkl-spacing-8);--jkl-spacing-s:var(--jkl-spacing-16);--jkl-spacing-m:var(--jkl-spacing-24);--jkl-spacing-l:var(--jkl-spacing-40);--jkl-spacing-xl:var(--jkl-spacing-64);--jkl-spacing-2xl:var(--jkl-spacing-104);--jkl-text-style-title:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-title-small:var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-1:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-2:var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-3:var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-4:var(--jkl-font-weight-bold) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-5:var(--jkl-font-weight-bold) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-paragraph-large:var(--jkl-font-weight-normal) var(--jkl-font-size-4)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-text-large:var(--jkl-font-weight-normal) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-micro:var(--jkl-font-weight-normal) var(--jkl-font-size-1)/var(--jkl-line-height-tight) var(--jkl-font-family-regular)}}@layer jokul.theme{}@layer jokul.theme{}@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);font-weight:var(--jkl-font-weight-normal)}.jkl strong{font-weight:var(--jkl-font-weight-bold)}.jkl a,.jkl button:not(:disabled){cursor:pointer}@media screen and (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:0s!important;animation-delay:0s!important;transition:none!important}}}@layer jokul.global{[popover]{opacity:0}@supports (overlay:auto){[popover]{transition:opacity,overlay allow-discrete,display allow-discrete;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive)}}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}@supports not (overlay:auto){[popover]:popover-open{transition:opacity;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive)}}}@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;width:1px!important;white-space:nowrap!important}.jkl-sr-only--focusable:active,.jkl-sr-only--focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;width:auto!important;white-space:normal!important}.jkl-spacing-2--all{margin:var(--jkl-spacing-2)}.jkl-spacing-2--top{margin-top:var(--jkl-spacing-2)}.jkl-spacing-2--bottom{margin-bottom:var(--jkl-spacing-2)}.jkl-spacing-2--left{margin-left:var(--jkl-spacing-2)}.jkl-spacing-2--right{margin-right:var(--jkl-spacing-2)}.jkl-spacing-4--all{margin:var(--jkl-spacing-4)}.jkl-spacing-4--top{margin-top:var(--jkl-spacing-4)}.jkl-spacing-4--bottom{margin-bottom:var(--jkl-spacing-4)}.jkl-spacing-4--left{margin-left:var(--jkl-spacing-4)}.jkl-spacing-4--right{margin-right:var(--jkl-spacing-4)}.jkl-spacing-8--all{margin:var(--jkl-spacing-8)}.jkl-spacing-8--top{margin-top:var(--jkl-spacing-8)}.jkl-spacing-8--bottom{margin-bottom:var(--jkl-spacing-8)}.jkl-spacing-8--left{margin-left:var(--jkl-spacing-8)}.jkl-spacing-8--right{margin-right:var(--jkl-spacing-8)}.jkl-spacing-12--all{margin:var(--jkl-spacing-12)}.jkl-spacing-12--top{margin-top:var(--jkl-spacing-12)}.jkl-spacing-12--bottom{margin-bottom:var(--jkl-spacing-12)}.jkl-spacing-12--left{margin-left:var(--jkl-spacing-12)}.jkl-spacing-12--right{margin-right:var(--jkl-spacing-12)}.jkl-spacing-16--all{margin:var(--jkl-spacing-16)}.jkl-spacing-16--top{margin-top:var(--jkl-spacing-16)}.jkl-spacing-16--bottom{margin-bottom:var(--jkl-spacing-16)}.jkl-spacing-16--left{margin-left:var(--jkl-spacing-16)}.jkl-spacing-16--right{margin-right:var(--jkl-spacing-16)}.jkl-spacing-24--all{margin:var(--jkl-spacing-24)}.jkl-spacing-24--top{margin-top:var(--jkl-spacing-24)}.jkl-spacing-24--bottom{margin-bottom:var(--jkl-spacing-24)}.jkl-spacing-24--left{margin-left:var(--jkl-spacing-24)}.jkl-spacing-24--right{margin-right:var(--jkl-spacing-24)}.jkl-spacing-32--all{margin:var(--jkl-spacing-32)}.jkl-spacing-32--top{margin-top:var(--jkl-spacing-32)}.jkl-spacing-32--bottom{margin-bottom:var(--jkl-spacing-32)}.jkl-spacing-32--left{margin-left:var(--jkl-spacing-32)}.jkl-spacing-32--right{margin-right:var(--jkl-spacing-32)}.jkl-spacing-40--all{margin:var(--jkl-spacing-40)}.jkl-spacing-40--top{margin-top:var(--jkl-spacing-40)}.jkl-spacing-40--bottom{margin-bottom:var(--jkl-spacing-40)}.jkl-spacing-40--left{margin-left:var(--jkl-spacing-40)}.jkl-spacing-40--right{margin-right:var(--jkl-spacing-40)}.jkl-spacing-64--all{margin:var(--jkl-spacing-64)}.jkl-spacing-64--top{margin-top:var(--jkl-spacing-64)}.jkl-spacing-64--bottom{margin-bottom:var(--jkl-spacing-64)}.jkl-spacing-64--left{margin-left:var(--jkl-spacing-64)}.jkl-spacing-64--right{margin-right:var(--jkl-spacing-64)}.jkl-spacing-104--all{margin:var(--jkl-spacing-104)}.jkl-spacing-104--top{margin-top:var(--jkl-spacing-104)}.jkl-spacing-104--bottom{margin-bottom:var(--jkl-spacing-104)}.jkl-spacing-104--left{margin-left:var(--jkl-spacing-104)}.jkl-spacing-104--right{margin-right:var(--jkl-spacing-104)}.jkl-spacing-168--all{margin:var(--jkl-spacing-168)}.jkl-spacing-168--top{margin-top:var(--jkl-spacing-168)}.jkl-spacing-168--bottom{margin-bottom:var(--jkl-spacing-168)}.jkl-spacing-168--left{margin-left:var(--jkl-spacing-168)}.jkl-spacing-168--right{margin-right:var(--jkl-spacing-168)}.jkl-spacing-16-24--all{margin:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--top{margin-top:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--bottom{margin-bottom:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--left{margin-left:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--right{margin-right:var(--jkl-spacing-16-24)}.jkl-spacing-24-40--all{margin:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--top{margin-top:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--bottom{margin-bottom:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--left{margin-left:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--right{margin-right:var(--jkl-spacing-24-40)}.jkl-spacing-24-32--all{margin:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--top{margin-top:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--bottom{margin-bottom:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--left{margin-left:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--right{margin-right:var(--jkl-spacing-24-32)}.jkl-spacing-32-40--all{margin:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--top{margin-top:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--bottom{margin-bottom:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--left{margin-left:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--right{margin-right:var(--jkl-spacing-32-40)}.jkl-spacing-40-64--all{margin:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--top{margin-top:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--bottom{margin-bottom:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--left{margin-left:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--right{margin-right:var(--jkl-spacing-40-64)}.jkl-spacing-64-104--all{margin:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--top{margin-top:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--bottom{margin-bottom:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--left{margin-left:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--right{margin-right:var(--jkl-spacing-64-104)}.jkl-spacing-104-168--all{margin:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--top{margin-top:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--bottom{margin-bottom:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--left{margin-left:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--right{margin-right:var(--jkl-spacing-104-168)}.jkl-spacing-16-16-24--all{margin:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--top{margin-top:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--bottom{margin-bottom:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--left{margin-left:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--right{margin-right:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-24-32--all{margin:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--top{margin-top:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--bottom{margin-bottom:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--left{margin-left:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--right{margin-right:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-40--all{margin:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--top{margin-top:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--bottom{margin-bottom:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--left{margin-left:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--right{margin-right:var(--jkl-spacing-16-24-40)}.jkl-spacing-24-24-32--all{margin:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--top{margin-top:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--bottom{margin-bottom:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--left{margin-left:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--right{margin-right:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-40--all{margin:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--top{margin-top:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--bottom{margin-bottom:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--left{margin-left:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--right{margin-right:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-32-40--all{margin:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--top{margin-top:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--bottom{margin-bottom:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--left{margin-left:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--right{margin-right:var(--jkl-spacing-24-32-40)}.jkl-spacing-32-32-40--all{margin:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--top{margin-top:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--bottom{margin-bottom:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--left{margin-left:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--right{margin-right:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-40-64--all{margin:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--top{margin-top:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--bottom{margin-bottom:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--left{margin-left:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--right{margin-right:var(--jkl-spacing-32-40-64)}.jkl-spacing-40-40-64--all{margin:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--top{margin-top:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--bottom{margin-bottom:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--left{margin-left:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--right{margin-right:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-64-104--all{margin:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--top{margin-top:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--bottom{margin-bottom:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--left{margin-left:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--right{margin-right:var(--jkl-spacing-40-64-104)}.jkl-spacing-64-64-104--all{margin:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--top{margin-top:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--bottom{margin-bottom:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--left{margin-left:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--right{margin-right:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-104-168--all{margin:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--top{margin-top:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--bottom{margin-bottom:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--left{margin-left:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--right{margin-right:var(--jkl-spacing-64-104-168)}.jkl-spacing-104-104-168--all{margin:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--top{margin-top:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--bottom{margin-bottom:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--left{margin-left:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--right{margin-right:var(--jkl-spacing-104-104-168)}.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)}}@layer jokul.utility{}@layer jokul.utility{}@layer jokul.utility{:is(ul,ol):is(.jkl-list-reset){list-style-type:none;margin:0;padding:0}}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@layer jokul.resets{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{margin:0;border:0;padding:0;display:block;line-height:1}table{border-collapse:collapse}table,tbody,td,th,thead,tr{margin:0;padding:0}.jkl [hidden]{display:none!important}}@layer jokul.resets{}@layer jokul.theme{@font-face{font-family:Jokul;font-display:fallback;font-weight:100 900;font-style:normal;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Display;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Icons;font-weight:300 400;font-style:normal;src:url(/fonts/Jokul-Icons.woff2) format("woff2")}@font-face{font-family:Adjusted Arial Fallback;font-weight:400;font-style:normal;src:local(arial);size-adjust:104%;ascent-override:82%;descent-override:normal;line-gap-override:32%}@font-face{font-family:Adjusted Arial Fallback;font-weight:700;font-style:normal;src:local(arial);size-adjust:108%;ascent-override:83%;descent-override:normal;line-gap-override:28%}@font-face{font-family:Adjusted Arial Display Fallback;font-weight:400;font-style:normal;src:local(arial);size-adjust:102%;ascent-override:76%;descent-override:normal;line-gap-override:40%}@font-face{font-family:Adjusted Courier New Fallback;font-weight:400;font-style:normal;src:local(courier new);size-adjust:100%;ascent-override:83%;descent-override:normal;line-gap-override:27%}@font-face{font-family:Jokul Icons Fallback;src:local(courier new);font-weight:300 400;font-style:normal;size-adjust:0%}}@layer jokul.theme{:root{--jkl-spacing-16-24:var(--jkl-spacing-16);--jkl-spacing-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32:var(--jkl-spacing-24);--jkl-spacing-32-40:var(--jkl-spacing-32);--jkl-spacing-40-64:var(--jkl-spacing-40);--jkl-spacing-64-104:var(--jkl-spacing-64);--jkl-spacing-104-168:var(--jkl-spacing-104);--jkl-spacing-16-16-24:var(--jkl-spacing-16);--jkl-spacing-16-24-32:var(--jkl-spacing-16);--jkl-spacing-16-24-40:var(--jkl-spacing-16);--jkl-spacing-24-24-32:var(--jkl-spacing-24);--jkl-spacing-24-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32-40:var(--jkl-spacing-24);--jkl-spacing-32-32-40:var(--jkl-spacing-32);--jkl-spacing-32-40-64:var(--jkl-spacing-32);--jkl-spacing-40-40-64:var(--jkl-spacing-40);--jkl-spacing-40-64-104:var(--jkl-spacing-40);--jkl-spacing-64-64-104:var(--jkl-spacing-64);--jkl-spacing-64-104-168:var(--jkl-spacing-64);--jkl-spacing-104-104-168:var(--jkl-spacing-104)}@media (min-width:680px){:root{--jkl-spacing-16-24:var(--jkl-spacing-24);--jkl-spacing-24-40:var(--jkl-spacing-40);--jkl-spacing-24-32:var(--jkl-spacing-32);--jkl-spacing-32-40:var(--jkl-spacing-40);--jkl-spacing-40-64:var(--jkl-spacing-64);--jkl-spacing-64-104:var(--jkl-spacing-104);--jkl-spacing-104-168:var(--jkl-spacing-168);--jkl-spacing-16-16-24:var(--jkl-spacing-16);--jkl-spacing-16-24-32:var(--jkl-spacing-24);--jkl-spacing-16-24-40:var(--jkl-spacing-24);--jkl-spacing-24-24-32:var(--jkl-spacing-24);--jkl-spacing-24-24-40:var(--jkl-spacing-24);--jkl-spacing-24-32-40:var(--jkl-spacing-32);--jkl-spacing-32-32-40:var(--jkl-spacing-32);--jkl-spacing-32-40-64:var(--jkl-spacing-40);--jkl-spacing-40-40-64:var(--jkl-spacing-40);--jkl-spacing-40-64-104:var(--jkl-spacing-64);--jkl-spacing-64-64-104:var(--jkl-spacing-64);--jkl-spacing-64-104-168:var(--jkl-spacing-104);--jkl-spacing-104-104-168:var(--jkl-spacing-104)}}@media (min-width:1200px){:root{--jkl-spacing-16-16-24:var(--jkl-spacing-24);--jkl-spacing-16-24-32:var(--jkl-spacing-32);--jkl-spacing-16-24-40:var(--jkl-spacing-40);--jkl-spacing-24-24-32:var(--jkl-spacing-32);--jkl-spacing-24-24-40:var(--jkl-spacing-40);--jkl-spacing-24-32-40:var(--jkl-spacing-40);--jkl-spacing-32-32-40:var(--jkl-spacing-40);--jkl-spacing-32-40-64:var(--jkl-spacing-64);--jkl-spacing-40-40-64:var(--jkl-spacing-64);--jkl-spacing-40-64-104:var(--jkl-spacing-104);--jkl-spacing-64-64-104:var(--jkl-spacing-104);--jkl-spacing-64-104-168:var(--jkl-spacing-168);--jkl-spacing-104-104-168:var(--jkl-spacing-168)}}}@layer jokul.theme{:root{color-scheme:light dark;--jkl-color-background-page:#f3f0ed;--jkl-color-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-background-container:#fff;--jkl-color-background-container:light-dark(#fff, #262221);--jkl-color-background-container-accent:#e4dfd8;--jkl-color-background-container-accent:light-dark(#e4dfd8, #3c3434);--jkl-color-background-contrast:#262221;--jkl-color-background-contrast:light-dark(#262221, #f3f0ed);--jkl-color-text-default:#0e0d0c;--jkl-color-text-default:light-dark(#0e0d0c, #fff);--jkl-color-text-subdued:#636060;--jkl-color-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-text-accent:#0e0d0c;--jkl-color-text-accent:light-dark(#0e0d0c, #fff);--jkl-color-text-on-contrast:#fff;--jkl-color-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-border-default:#636060;--jkl-color-border-default:light-dark(#636060, #c8c5c3);--jkl-color-border-subdued:#c8c5c3;--jkl-color-border-subdued:light-dark(#c8c5c3, #636060);--jkl-color-border-strong:#0e0d0c;--jkl-color-border-strong:light-dark(#0e0d0c, #fff);--jkl-color-warning-background-page:#f3f0ed;--jkl-color-warning-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-warning-background-container:#eed9c3;--jkl-color-warning-background-container:light-dark(#eed9c3, #48351e);--jkl-color-warning-background-container-accent:#e4bc8a;--jkl-color-warning-background-container-accent:light-dark(#e4bc8a, #61492d);--jkl-color-warning-background-contrast:#d3770b;--jkl-color-warning-background-contrast:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-default:#522e04;--jkl-color-warning-text-default:light-dark(#522e04, #fdecd8);--jkl-color-warning-text-subdued:#636060;--jkl-color-warning-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-warning-text-accent:#d3770b;--jkl-color-warning-text-accent:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-warning-border-default:#d3770b;--jkl-color-warning-border-default:light-dark(#d3770b, #eaa858);--jkl-color-warning-border-subdued:#e4bc8a;--jkl-color-warning-border-subdued:light-dark(#e4bc8a, #61492d);--jkl-color-warning-border-strong:#522e04;--jkl-color-warning-border-strong:light-dark(#522e04, #fdecd8);--jkl-color-success-background-page:#f3f0ed;--jkl-color-success-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-success-background-container:#d2e9cb;--jkl-color-success-background-container:light-dark(#d2e9cb, #334d34);--jkl-color-success-background-container-accent:#b7cfaf;--jkl-color-success-background-container-accent:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-background-contrast:#24753a;--jkl-color-success-background-contrast:light-dark(#24753a, #81e49c);--jkl-color-success-text-default:#0a430d;--jkl-color-success-text-default:light-dark(#0a430d, #dcf9e0);--jkl-color-success-text-subdued:#636060;--jkl-color-success-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-success-text-accent:#24753a;--jkl-color-success-text-accent:light-dark(#24753a, #81e49c);--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-success-border-default:#24753a;--jkl-color-success-border-default:light-dark(#24753a, #81e49c);--jkl-color-success-border-subdued:#b7cfaf;--jkl-color-success-border-subdued:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-border-strong:#0a430d;--jkl-color-success-border-strong:light-dark(#0a430d, #dcf9e0);--jkl-color-info-background-page:#f3f0ed;--jkl-color-info-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-info-background-container:#d3d3f6;--jkl-color-info-background-container:light-dark(#d3d3f6, #35355b);--jkl-color-info-background-container-accent:#b5b5eb;--jkl-color-info-background-container-accent:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-background-contrast:#4646d1;--jkl-color-info-background-contrast:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-default:#111145;--jkl-color-info-text-default:light-dark(#111145, #d8d8fd);--jkl-color-info-text-subdued:#636060;--jkl-color-info-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-info-text-accent:#4646d1;--jkl-color-info-text-accent:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-info-border-default:#4646d1;--jkl-color-info-border-default:light-dark(#4646d1, #9a9aeb);--jkl-color-info-border-subdued:#b5b5eb;--jkl-color-info-border-subdued:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-border-strong:#111145;--jkl-color-info-border-strong:light-dark(#111145, #d8d8fd);--jkl-color-error-background-page:#f3f0ed;--jkl-color-error-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-error-background-container:#f0d6d6;--jkl-color-error-background-container:light-dark(#f0d6d6, #4c2a28);--jkl-color-error-background-container-accent:#e4b7b6;--jkl-color-error-background-container-accent:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-background-contrast:#b32424;--jkl-color-error-background-contrast:light-dark(#b32424, #f38c8c);--jkl-color-error-text-default:#4a0d0d;--jkl-color-error-text-default:light-dark(#4a0d0d, #fcd9d9);--jkl-color-error-text-subdued:#636060;--jkl-color-error-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-error-text-accent:#b32424;--jkl-color-error-text-accent:light-dark(#b32424, #f38c8c);--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-error-border-default:#b32424;--jkl-color-error-border-default:light-dark(#b32424, #f38c8c);--jkl-color-error-border-subdued:#e4b7b6;--jkl-color-error-border-subdued:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-border-strong:#4a0d0d;--jkl-color-error-border-strong:light-dark(#4a0d0d, #fcd9d9)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}:root,[data-size=medium],[data-size]{--jkl-unit-10:8px;--jkl-unit-base:8px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:21px;--jkl-font-size-5:26px;--jkl-font-size-6:32px;--jkl-font-size-7:40px;--jkl-font-size-8:44px;--jkl-font-size-9:46px;--jkl-font-size-10:48px}[data-size=small]{--jkl-unit-10:5px;--jkl-unit-base:5px;--jkl-font-size-1:12px;--jkl-font-size-2:14px;--jkl-font-size-3:16px;--jkl-font-size-4:18px;--jkl-font-size-5:21px;--jkl-font-size-6:26px;--jkl-font-size-7:32px;--jkl-font-size-8:40px;--jkl-font-size-9:44px;--jkl-font-size-10:46px}[data-size=large]{--jkl-unit-10:11px;--jkl-unit-base:11px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4:21px;--jkl-font-size-5:26px;--jkl-font-size-6:32px;--jkl-font-size-7:40px;--jkl-font-size-8:44px;--jkl-font-size-9:46px;--jkl-font-size-10:48px}:root,[data-brand],[data-size],[data-theme]{--jkl-unit-0:0;--jkl-spacing-0:0rem;--jkl-spacing-2:0.125rem;--jkl-spacing-4:0.25rem;--jkl-spacing-8:0.5rem;--jkl-spacing-12:0.75rem;--jkl-spacing-16:1rem;--jkl-spacing-24:1.5rem;--jkl-spacing-32:2rem;--jkl-spacing-40:2.5rem;--jkl-spacing-64:4rem;--jkl-spacing-104:6.5rem;--jkl-spacing-168:10.5rem;--jkl-spacing-none:0;--jkl-border-width-1:0.0625rem;--jkl-border-width-2:0.125rem;--jkl-border-width-3:0.1875rem;--jkl-border-radius-none:0;--jkl-border-radius-xs:0.25rem;--jkl-border-radius-s:0.5rem;--jkl-border-radius-m:0.75rem;--jkl-border-radius-l:1rem;--jkl-border-radius-full:9999px;--jkl-breakpoint-small:0;--jkl-breakpoint-medium:680px;--jkl-breakpoint-large:1200px;--jkl-breakpoint-xl:1600px;--jkl-motion-timing-energetic:75ms;--jkl-motion-timing-snappy:100ms;--jkl-motion-timing-productive:150ms;--jkl-motion-timing-polite:200ms;--jkl-motion-timing-expressive:250ms;--jkl-motion-timing-lazy:400ms;--jkl-motion-easing-standard:ease;--jkl-motion-easing-entrance:ease-out;--jkl-motion-easing-exit:ease-in;--jkl-motion-easing-ease-in-bounce-out:cubic-bezier(0, 0, 0.375, 1.17);--jkl-motion-easing-focus:cubic-bezier(0.6, 0.2, 0.35, 1);--jkl-font-weight-normal:380;--jkl-font-weight-bold:530;--jkl-font-family-regular:"Jokul", "Adjusted Arial Fallback", arial, sans-serif;--jkl-font-family-display:"Jokul Display", "Adjusted Arial Display Fallback", arial, sans-serif;--jkl-font-family-mono:monospace;--jkl-font-family-icons:"Jokul Icons", "Jokul Icons Fallback", monospace;--jkl-line-height-flush:1;--jkl-line-height-tight:1.3;--jkl-line-height-relaxed:1.6;--jkl-unit-15:calc(var(--jkl-unit-base)*1.5);--jkl-unit-20:calc(var(--jkl-unit-base)*2);--jkl-unit-25:calc(var(--jkl-unit-base)*2.5);--jkl-unit-30:calc(var(--jkl-unit-base)*3);--jkl-unit-35:calc(var(--jkl-unit-base)*3.5);--jkl-unit-40:calc(var(--jkl-unit-base)*4);--jkl-unit-50:calc(var(--jkl-unit-base)*5);--jkl-unit-60:calc(var(--jkl-unit-base)*6);--jkl-unit-70:calc(var(--jkl-unit-base)*7);--jkl-unit-80:calc(var(--jkl-unit-base)*8);--jkl-unit-90:calc(var(--jkl-unit-base)*9);--jkl-unit-100:calc(var(--jkl-unit-base)*10);--jkl-unit-130:calc(var(--jkl-unit-base)*13);--jkl-unit-210:calc(var(--jkl-unit-base)*21);--jkl-unit-02:calc(var(--jkl-unit-base)*0.25);--jkl-unit-05:calc(var(--jkl-unit-base)*0.5);--jkl-spacing-2xs:var(--jkl-spacing-4);--jkl-spacing-xs:var(--jkl-spacing-8);--jkl-spacing-s:var(--jkl-spacing-16);--jkl-spacing-m:var(--jkl-spacing-24);--jkl-spacing-l:var(--jkl-spacing-40);--jkl-spacing-xl:var(--jkl-spacing-64);--jkl-spacing-2xl:var(--jkl-spacing-104);--jkl-text-style-title:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-title-small:var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-1:var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-2:var(--jkl-font-weight-normal) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-3:var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-4:var(--jkl-font-weight-bold) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-heading-5:var(--jkl-font-weight-bold) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-paragraph-large:var(--jkl-font-weight-normal) var(--jkl-font-size-4)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-paragraph-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);--jkl-text-style-text-large:var(--jkl-font-weight-normal) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-medium:var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-small:var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);--jkl-text-style-text-micro:var(--jkl-font-weight-normal) var(--jkl-font-size-1)/var(--jkl-line-height-tight) var(--jkl-font-family-regular)}[data-brand=dnb]{--jkl-color-background-page:#f8f8f8;--jkl-color-background-page:light-dark(#f8f8f8, #000);--jkl-color-background-container:#fff;--jkl-color-background-container:light-dark(#fff, #2c2c2e);--jkl-color-background-container-accent:#d8f3ec;--jkl-color-background-container-accent:light-dark(#d8f3ec, #023939);--jkl-color-background-contrast:#007272;--jkl-color-background-contrast:light-dark(#007272, #a5e1d2);--jkl-color-text-default:#333;--jkl-color-text-default:light-dark(#333, #fff);--jkl-color-text-subdued:#6b6b6b;--jkl-color-text-subdued:light-dark(#6b6b6b, #9a9aa0);--jkl-color-text-accent:#14555a;--jkl-color-text-accent:light-dark(#14555a, #a5e1d2);--jkl-color-text-on-contrast:#fff;--jkl-color-text-on-contrast:light-dark(#fff, #023939);--jkl-color-border-default:#007272;--jkl-color-border-default:light-dark(#007272, #a5e1d2);--jkl-color-border-subdued:#ccc;--jkl-color-border-subdued:light-dark(#ccc, #48484a);--jkl-color-border-strong:#007272;--jkl-color-border-strong:light-dark(#007272, #a5e1d2);--jkl-color-warning-background-page:#f3f0ed;--jkl-color-warning-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-warning-background-container:#eed9c3;--jkl-color-warning-background-container:light-dark(#eed9c3, #48351e);--jkl-color-warning-background-container-accent:#e4bc8a;--jkl-color-warning-background-container-accent:light-dark(#e4bc8a, #61492d);--jkl-color-warning-background-contrast:#d3770b;--jkl-color-warning-background-contrast:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-default:#522e04;--jkl-color-warning-text-default:light-dark(#522e04, #fdecd8);--jkl-color-warning-text-subdued:#636060;--jkl-color-warning-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-warning-text-accent:#d3770b;--jkl-color-warning-text-accent:light-dark(#d3770b, #eaa858);--jkl-color-warning-text-on-contrast:#fff;--jkl-color-warning-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-warning-border-default:#d3770b;--jkl-color-warning-border-default:light-dark(#d3770b, #eaa858);--jkl-color-warning-border-subdued:#e4bc8a;--jkl-color-warning-border-subdued:light-dark(#e4bc8a, #61492d);--jkl-color-warning-border-strong:#522e04;--jkl-color-warning-border-strong:light-dark(#522e04, #fdecd8);--jkl-color-success-background-page:#f3f0ed;--jkl-color-success-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-success-background-container:#d2e9cb;--jkl-color-success-background-container:light-dark(#d2e9cb, #334d34);--jkl-color-success-background-container-accent:#b7cfaf;--jkl-color-success-background-container-accent:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-background-contrast:#24753a;--jkl-color-success-background-contrast:light-dark(#24753a, #81e49c);--jkl-color-success-text-default:#0a430d;--jkl-color-success-text-default:light-dark(#0a430d, #dcf9e0);--jkl-color-success-text-subdued:#636060;--jkl-color-success-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-success-text-accent:#24753a;--jkl-color-success-text-accent:light-dark(#24753a, #81e49c);--jkl-color-success-text-on-contrast:#fff;--jkl-color-success-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-success-border-default:#24753a;--jkl-color-success-border-default:light-dark(#24753a, #81e49c);--jkl-color-success-border-subdued:#b7cfaf;--jkl-color-success-border-subdued:light-dark(#b7cfaf, #3f5f41);--jkl-color-success-border-strong:#0a430d;--jkl-color-success-border-strong:light-dark(#0a430d, #dcf9e0);--jkl-color-info-background-page:#f3f0ed;--jkl-color-info-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-info-background-container:#d3d3f6;--jkl-color-info-background-container:light-dark(#d3d3f6, #35355b);--jkl-color-info-background-container-accent:#b5b5eb;--jkl-color-info-background-container-accent:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-background-contrast:#4646d1;--jkl-color-info-background-contrast:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-default:#111145;--jkl-color-info-text-default:light-dark(#111145, #d8d8fd);--jkl-color-info-text-subdued:#636060;--jkl-color-info-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-info-text-accent:#4646d1;--jkl-color-info-text-accent:light-dark(#4646d1, #9a9aeb);--jkl-color-info-text-on-contrast:#fff;--jkl-color-info-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-info-border-default:#4646d1;--jkl-color-info-border-default:light-dark(#4646d1, #9a9aeb);--jkl-color-info-border-subdued:#b5b5eb;--jkl-color-info-border-subdued:light-dark(#b5b5eb, #4b4b89);--jkl-color-info-border-strong:#111145;--jkl-color-info-border-strong:light-dark(#111145, #d8d8fd);--jkl-color-error-background-page:#f3f0ed;--jkl-color-error-background-page:light-dark(#f3f0ed, #0e0d0c);--jkl-color-error-background-container:#f0d6d6;--jkl-color-error-background-container:light-dark(#f0d6d6, #4c2a28);--jkl-color-error-background-container-accent:#e4b7b6;--jkl-color-error-background-container-accent:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-background-contrast:#b32424;--jkl-color-error-background-contrast:light-dark(#b32424, #f38c8c);--jkl-color-error-text-default:#4a0d0d;--jkl-color-error-text-default:light-dark(#4a0d0d, #fcd9d9);--jkl-color-error-text-subdued:#636060;--jkl-color-error-text-subdued:light-dark(#636060, #c8c5c3);--jkl-color-error-text-accent:#b32424;--jkl-color-error-text-accent:light-dark(#b32424, #f38c8c);--jkl-color-error-text-on-contrast:#fff;--jkl-color-error-text-on-contrast:light-dark(#fff, #0e0d0c);--jkl-color-error-border-default:#b32424;--jkl-color-error-border-default:light-dark(#b32424, #f38c8c);--jkl-color-error-border-subdued:#e4b7b6;--jkl-color-error-border-subdued:light-dark(#e4b7b6, #6a3c39);--jkl-color-error-border-strong:#4a0d0d;--jkl-color-error-border-strong:light-dark(#4a0d0d, #fcd9d9);--jkl-font-family-regular:"DNB Sans", sans-serif;--jkl-font-family-display:"DNB Sans", sans-serif;--jkl-font-family-mono:"DNB Mono", "Adjusted Courier New Fallback", -apple-system, blinkmacsystemfont, monospace;--jkl-font-family-icons:"Jokul Icons", "Jokul Icons Fallback", monospace}}@layer jokul.theme{}@layer jokul.theme{}@layer jokul.theme{}@layer jokul.theme{@font-face{font-family:DNB Sans;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/brands/dnb/DNB-Regular.woff2) format("woff2")}@font-face{font-family:DNB Sans;font-display:fallback;font-weight:500;font-style:normal;src:url(/fonts/brands/dnb/DNB-Medium.woff2) format("woff2")}@font-face{font-family:DNB Mono;font-display:fallback;font-weight:400;font-style:normal;src:url(/fonts/brands/dnb/DNBMono-Regular.woff2) format("woff2")}}@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);font-weight:var(--jkl-font-weight-normal)}.jkl strong{font-weight:var(--jkl-font-weight-bold)}.jkl a,.jkl button:not(:disabled){cursor:pointer}@media screen and (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:0s!important;animation-delay:0s!important;transition:none!important}}}@layer jokul.global{[popover]{opacity:0}@supports (overlay:auto){[popover]{transition:opacity,overlay allow-discrete,display allow-discrete;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive)}}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}@supports not (overlay:auto){[popover]:popover-open{transition:opacity;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive)}}}@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;width:1px!important;white-space:nowrap!important}.jkl-sr-only--focusable:active,.jkl-sr-only--focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;width:auto!important;white-space:normal!important}.jkl-spacing-2--all{margin:var(--jkl-spacing-2)}.jkl-spacing-2--top{margin-top:var(--jkl-spacing-2)}.jkl-spacing-2--bottom{margin-bottom:var(--jkl-spacing-2)}.jkl-spacing-2--left{margin-left:var(--jkl-spacing-2)}.jkl-spacing-2--right{margin-right:var(--jkl-spacing-2)}.jkl-spacing-4--all{margin:var(--jkl-spacing-4)}.jkl-spacing-4--top{margin-top:var(--jkl-spacing-4)}.jkl-spacing-4--bottom{margin-bottom:var(--jkl-spacing-4)}.jkl-spacing-4--left{margin-left:var(--jkl-spacing-4)}.jkl-spacing-4--right{margin-right:var(--jkl-spacing-4)}.jkl-spacing-8--all{margin:var(--jkl-spacing-8)}.jkl-spacing-8--top{margin-top:var(--jkl-spacing-8)}.jkl-spacing-8--bottom{margin-bottom:var(--jkl-spacing-8)}.jkl-spacing-8--left{margin-left:var(--jkl-spacing-8)}.jkl-spacing-8--right{margin-right:var(--jkl-spacing-8)}.jkl-spacing-12--all{margin:var(--jkl-spacing-12)}.jkl-spacing-12--top{margin-top:var(--jkl-spacing-12)}.jkl-spacing-12--bottom{margin-bottom:var(--jkl-spacing-12)}.jkl-spacing-12--left{margin-left:var(--jkl-spacing-12)}.jkl-spacing-12--right{margin-right:var(--jkl-spacing-12)}.jkl-spacing-16--all{margin:var(--jkl-spacing-16)}.jkl-spacing-16--top{margin-top:var(--jkl-spacing-16)}.jkl-spacing-16--bottom{margin-bottom:var(--jkl-spacing-16)}.jkl-spacing-16--left{margin-left:var(--jkl-spacing-16)}.jkl-spacing-16--right{margin-right:var(--jkl-spacing-16)}.jkl-spacing-24--all{margin:var(--jkl-spacing-24)}.jkl-spacing-24--top{margin-top:var(--jkl-spacing-24)}.jkl-spacing-24--bottom{margin-bottom:var(--jkl-spacing-24)}.jkl-spacing-24--left{margin-left:var(--jkl-spacing-24)}.jkl-spacing-24--right{margin-right:var(--jkl-spacing-24)}.jkl-spacing-32--all{margin:var(--jkl-spacing-32)}.jkl-spacing-32--top{margin-top:var(--jkl-spacing-32)}.jkl-spacing-32--bottom{margin-bottom:var(--jkl-spacing-32)}.jkl-spacing-32--left{margin-left:var(--jkl-spacing-32)}.jkl-spacing-32--right{margin-right:var(--jkl-spacing-32)}.jkl-spacing-40--all{margin:var(--jkl-spacing-40)}.jkl-spacing-40--top{margin-top:var(--jkl-spacing-40)}.jkl-spacing-40--bottom{margin-bottom:var(--jkl-spacing-40)}.jkl-spacing-40--left{margin-left:var(--jkl-spacing-40)}.jkl-spacing-40--right{margin-right:var(--jkl-spacing-40)}.jkl-spacing-64--all{margin:var(--jkl-spacing-64)}.jkl-spacing-64--top{margin-top:var(--jkl-spacing-64)}.jkl-spacing-64--bottom{margin-bottom:var(--jkl-spacing-64)}.jkl-spacing-64--left{margin-left:var(--jkl-spacing-64)}.jkl-spacing-64--right{margin-right:var(--jkl-spacing-64)}.jkl-spacing-104--all{margin:var(--jkl-spacing-104)}.jkl-spacing-104--top{margin-top:var(--jkl-spacing-104)}.jkl-spacing-104--bottom{margin-bottom:var(--jkl-spacing-104)}.jkl-spacing-104--left{margin-left:var(--jkl-spacing-104)}.jkl-spacing-104--right{margin-right:var(--jkl-spacing-104)}.jkl-spacing-168--all{margin:var(--jkl-spacing-168)}.jkl-spacing-168--top{margin-top:var(--jkl-spacing-168)}.jkl-spacing-168--bottom{margin-bottom:var(--jkl-spacing-168)}.jkl-spacing-168--left{margin-left:var(--jkl-spacing-168)}.jkl-spacing-168--right{margin-right:var(--jkl-spacing-168)}.jkl-spacing-16-24--all{margin:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--top{margin-top:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--bottom{margin-bottom:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--left{margin-left:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--right{margin-right:var(--jkl-spacing-16-24)}.jkl-spacing-24-40--all{margin:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--top{margin-top:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--bottom{margin-bottom:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--left{margin-left:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--right{margin-right:var(--jkl-spacing-24-40)}.jkl-spacing-24-32--all{margin:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--top{margin-top:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--bottom{margin-bottom:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--left{margin-left:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--right{margin-right:var(--jkl-spacing-24-32)}.jkl-spacing-32-40--all{margin:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--top{margin-top:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--bottom{margin-bottom:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--left{margin-left:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--right{margin-right:var(--jkl-spacing-32-40)}.jkl-spacing-40-64--all{margin:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--top{margin-top:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--bottom{margin-bottom:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--left{margin-left:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--right{margin-right:var(--jkl-spacing-40-64)}.jkl-spacing-64-104--all{margin:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--top{margin-top:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--bottom{margin-bottom:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--left{margin-left:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--right{margin-right:var(--jkl-spacing-64-104)}.jkl-spacing-104-168--all{margin:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--top{margin-top:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--bottom{margin-bottom:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--left{margin-left:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--right{margin-right:var(--jkl-spacing-104-168)}.jkl-spacing-16-16-24--all{margin:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--top{margin-top:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--bottom{margin-bottom:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--left{margin-left:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--right{margin-right:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-24-32--all{margin:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--top{margin-top:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--bottom{margin-bottom:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--left{margin-left:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--right{margin-right:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-40--all{margin:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--top{margin-top:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--bottom{margin-bottom:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--left{margin-left:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--right{margin-right:var(--jkl-spacing-16-24-40)}.jkl-spacing-24-24-32--all{margin:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--top{margin-top:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--bottom{margin-bottom:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--left{margin-left:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--right{margin-right:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-40--all{margin:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--top{margin-top:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--bottom{margin-bottom:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--left{margin-left:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--right{margin-right:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-32-40--all{margin:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--top{margin-top:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--bottom{margin-bottom:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--left{margin-left:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--right{margin-right:var(--jkl-spacing-24-32-40)}.jkl-spacing-32-32-40--all{margin:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--top{margin-top:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--bottom{margin-bottom:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--left{margin-left:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--right{margin-right:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-40-64--all{margin:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--top{margin-top:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--bottom{margin-bottom:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--left{margin-left:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--right{margin-right:var(--jkl-spacing-32-40-64)}.jkl-spacing-40-40-64--all{margin:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--top{margin-top:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--bottom{margin-bottom:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--left{margin-left:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--right{margin-right:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-64-104--all{margin:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--top{margin-top:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--bottom{margin-bottom:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--left{margin-left:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--right{margin-right:var(--jkl-spacing-40-64-104)}.jkl-spacing-64-64-104--all{margin:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--top{margin-top:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--bottom{margin-bottom:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--left{margin-left:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--right{margin-right:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-104-168--all{margin:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--top{margin-top:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--bottom{margin-bottom:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--left{margin-left:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--right{margin-right:var(--jkl-spacing-64-104-168)}.jkl-spacing-104-104-168--all{margin:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--top{margin-top:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--bottom{margin-bottom:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--left{margin-left:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--right{margin-right:var(--jkl-spacing-104-104-168)}.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)}}@layer jokul.utility{}@layer jokul.utility{}@layer jokul.utility{:is(ul,ol):is(.jkl-list-reset){list-style-type:none;margin:0;padding:0}}

package/styles/components/countdown/countdown.css

@@ -26,10 +26,10 @@
     }
   }
   .jkl-countdown__tracker {
-    animation: jkl-downcount-ub8904z var(--duration) linear forwards;
+    animation: jkl-downcount-uk2kl2p var(--duration) linear forwards;
     animation-play-state: var(--play-state, running);
   }
-  @keyframes jkl-downcount-ub8904z {
+  @keyframes jkl-downcount-uk2kl2p {
     from {
       width: 100%;
     }

package/styles/components/countdown/countdown.min.css

@@ -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);width:100%;overflow:hidden}.jkl-countdown__tracker{display:block;height:var(--bar-height);background-color:var(--bar-color)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-ub8904z var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-ub8904z{0%{width:100%}to{width:0}}}
+@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);width:100%;overflow:hidden}.jkl-countdown__tracker{display:block;height:var(--bar-height);background-color:var(--bar-color)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-uk2kl2p var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-uk2kl2p{0%{width:100%}to{width:0}}}

package/styles/components/feedback/feedback.css

@@ -20,12 +20,12 @@
     font: var(--jkl-text-style-paragraph-small);
   }
   .jkl-feedback__fade-in {
-    animation: jkl-show-ube729b 0.25s ease-out;
+    animation: jkl-show-un3pvyv 0.25s ease-out;
   }
   .jkl-feedback__buttons {
     display: flex;
   }
-  @keyframes jkl-show-ube729b {
+  @keyframes jkl-show-un3pvyv {
     from {
       transform: translate3d(0, 0.5rem, 0);
       opacity: 0;

package/styles/components/feedback/feedback.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{width:100%;transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-expressive)}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);margin-bottom:var(--jkl-unit-20);font:var(--jkl-text-style-paragraph-small)}.jkl-feedback__fade-in{animation:jkl-show-ube729b .25s ease-out}.jkl-feedback__buttons{display:flex}@keyframes jkl-show-ube729b{0%{transform:translate3d(0,.5rem,0);opacity:0}}.jkl-feedback-smileys{margin-top:var(--jkl-unit-10);display:flex;justify-content:space-between;width:100%;max-width:22.5rem;flex-wrap:nowrap;gap:var(--jkl-spacing-12)}.jkl-feedback-smiley-option{display:inline-block;position:relative;cursor:pointer;height:2.5rem;width:2.5rem;color:var(--jkl-color-text-subdued);transform:translateZ(0);transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:transform,color}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{content:"";position:absolute;border-radius:50%;opacity:0;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:opacity}.jkl-feedback-smiley-option:before{inset:0;box-shadow:0 .125rem 1.875rem #0000001a}.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}}
+@layer jokul.components{.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{width:100%;transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-expressive)}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);margin-bottom:var(--jkl-unit-20);font:var(--jkl-text-style-paragraph-small)}.jkl-feedback__fade-in{animation:jkl-show-un3pvyv .25s ease-out}.jkl-feedback__buttons{display:flex}@keyframes jkl-show-un3pvyv{0%{transform:translate3d(0,.5rem,0);opacity:0}}.jkl-feedback-smileys{margin-top:var(--jkl-unit-10);display:flex;justify-content:space-between;width:100%;max-width:22.5rem;flex-wrap:nowrap;gap:var(--jkl-spacing-12)}.jkl-feedback-smiley-option{display:inline-block;position:relative;cursor:pointer;height:2.5rem;width:2.5rem;color:var(--jkl-color-text-subdued);transform:translateZ(0);transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:transform,color}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{content:"";position:absolute;border-radius:50%;opacity:0;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:opacity}.jkl-feedback-smiley-option:before{inset:0;box-shadow:0 .125rem 1.875rem #0000001a}.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}}