@fremtind/jokul 5.2.2 → 6.0.0-next.0

package/codemods/transforms/register-with-mask.mjs

@@ -0,0 +1,267 @@
+// De frittstående, utgåtte maskefunksjonene er fjernet i Jøkul 6:
+//   registerWithFodselsnummerMask
+//   registerWithKontonummerMask
+//   registerWithKortnummerMask
+//   registerWithTelefonnummerMask
+//
+// De erstattes av metodene på `registerWithMasks(form)`. Signaturen endres fra
+//   registerWithXMask(form, name, options)
+// til
+//   registerWithMasks(form).registerWithXMask(name, options)
+//
+// Transformen skriver om kallsteder, rydder importene og varsler når et kall
+// ikke kan migreres automatisk (mangler form-argument) eller er aliased.
+
+const REMOVED_MASKS = [
+    "registerWithFodselsnummerMask",
+    "registerWithKontonummerMask",
+    "registerWithKortnummerMask",
+    "registerWithTelefonnummerMask",
+];
+
+const CALL_PATTERN = new RegExp(`(${REMOVED_MASKS.join("|")})\\s*\\(`, "g");
+
+const IMPORT_PATTERN =
+    /(import\s+(?:type\s+)?\{)([^}]*)(\}\s*from\s*)(["'])(@fremtind\/jokul\/(?:utilities|core))\4(\s*;?)/g;
+
+function isMemberOrIdentifier(text, nameIndex) {
+    const prev = text[nameIndex - 1];
+    if (prev === undefined) {
+        return false;
+    }
+    if (/[\w$]/.test(prev)) {
+        return true;
+    }
+    if (prev === ".") {
+        const isSpread =
+            text[nameIndex - 2] === "." && text[nameIndex - 3] === ".";
+        return !isSpread;
+    }
+    return false;
+}
+
+// Leser argumentlisten fra og med `(` på openParenIndex, og deler den i
+// argumenter på toppnivå. Håndterer nøstede parenteser/klammer, strenger,
+// template-literaler og kommentarer.
+function readArguments(text, openParenIndex) {
+    const args = [];
+    let current = "";
+    let i = openParenIndex + 1;
+    const stack = ["("];
+    let stringChar = null;
+    let inLineComment = false;
+    let inBlockComment = false;
+
+    while (i < text.length) {
+        const char = text[i];
+        const next = text[i + 1];
+
+        if (inLineComment) {
+            current += char;
+            if (char === "\n") {
+                inLineComment = false;
+            }
+            i += 1;
+            continue;
+        }
+
+        if (inBlockComment) {
+            current += char;
+            if (char === "*" && next === "/") {
+                current += next;
+                i += 2;
+                inBlockComment = false;
+                continue;
+            }
+            i += 1;
+            continue;
+        }
+
+        if (stringChar) {
+            current += char;
+            if (char === "\\") {
+                if (next !== undefined) {
+                    current += next;
+                    i += 2;
+                    continue;
+                }
+            } else if (char === stringChar) {
+                stringChar = null;
+            }
+            i += 1;
+            continue;
+        }
+
+        if (char === "/" && next === "/") {
+            inLineComment = true;
+            current += char;
+            i += 1;
+            continue;
+        }
+
+        if (char === "/" && next === "*") {
+            inBlockComment = true;
+            current += char;
+            i += 1;
+            continue;
+        }
+
+        if (char === '"' || char === "'" || char === "`") {
+            stringChar = char;
+            current += char;
+            i += 1;
+            continue;
+        }
+
+        if (char === "(" || char === "[" || char === "{") {
+            stack.push(char);
+            current += char;
+            i += 1;
+            continue;
+        }
+
+        if (char === ")" || char === "]" || char === "}") {
+            stack.pop();
+            if (stack.length === 0) {
+                if (current.trim() !== "" || args.length > 0) {
+                    args.push(current);
+                }
+                return { args, endIndex: i + 1 };
+            }
+            current += char;
+            i += 1;
+            continue;
+        }
+
+        if (char === "," && stack.length === 1) {
+            args.push(current);
+            current = "";
+            i += 1;
+            continue;
+        }
+
+        current += char;
+        i += 1;
+    }
+
+    return null;
+}
+
+function transformCallSites(text) {
+    let count = 0;
+    const warnings = [];
+    let output = "";
+    let lastIndex = 0;
+
+    CALL_PATTERN.lastIndex = 0;
+    for (
+        let match = CALL_PATTERN.exec(text);
+        match !== null;
+        match = CALL_PATTERN.exec(text)
+    ) {
+        const name = match[1];
+        const nameIndex = match.index;
+
+        if (isMemberOrIdentifier(text, nameIndex)) {
+            continue;
+        }
+
+        const openParenIndex = CALL_PATTERN.lastIndex - 1;
+        const parsed = readArguments(text, openParenIndex);
+        if (!parsed) {
+            break;
+        }
+
+        const { args, endIndex } = parsed;
+        const form = args.length > 0 ? args[0].trim() : "";
+
+        if (form === "") {
+            warnings.push(
+                `Kunne ikke migrere \`${name}\` automatisk: fant ikke form-argumentet. Migrer manuelt til \`registerWithMasks(form).${name}(...)\`.`,
+            );
+            CALL_PATTERN.lastIndex = endIndex;
+            continue;
+        }
+
+        const restArgs = args
+            .slice(1)
+            .map((arg) => arg.trim())
+            .filter((arg) => arg !== "");
+
+        const replacement = `registerWithMasks(${form}).${name}(${restArgs.join(", ")})`;
+
+        output += text.slice(lastIndex, nameIndex) + replacement;
+        lastIndex = endIndex;
+        count += 1;
+        CALL_PATTERN.lastIndex = endIndex;
+    }
+
+    output += text.slice(lastIndex);
+
+    return { text: output, count, warnings };
+}
+
+function transformImports(text) {
+    let count = 0;
+    const warnings = [];
+
+    const next = text.replace(
+        IMPORT_PATTERN,
+        (full, open, body, mid, quote, specifierPath, tail) => {
+            const specifiers = body
+                .split(",")
+                .map((entry) => entry.trim())
+                .filter((entry) => entry !== "");
+
+            let removedAny = false;
+            let hasRegisterWithMasks = false;
+            const kept = [];
+
+            for (const specifier of specifiers) {
+                const baseName = specifier.split(/\s+as\s+/)[0].trim();
+
+                if (baseName === "registerWithMasks") {
+                    hasRegisterWithMasks = true;
+                    kept.push(specifier);
+                    continue;
+                }
+
+                if (REMOVED_MASKS.includes(baseName)) {
+                    removedAny = true;
+                    count += 1;
+                    if (/\s+as\s+/.test(specifier)) {
+                        warnings.push(
+                            `\`${baseName}\` importeres med alias (\`${specifier}\`). Importen er fjernet, men kallstedene bruker aliaset og må migreres manuelt til \`registerWithMasks(form).${baseName}(...)\`.`,
+                        );
+                    }
+                    continue;
+                }
+
+                kept.push(specifier);
+            }
+
+            if (!removedAny) {
+                return full;
+            }
+
+            if (!hasRegisterWithMasks) {
+                kept.unshift("registerWithMasks");
+            }
+
+            return `${open} ${kept.join(", ")} ${mid}${quote}${specifierPath}${quote}${tail}`;
+        },
+    );
+
+    return { text: next, count, warnings };
+}
+
+export function applyRegisterWithMaskTransforms(text) {
+    const calls = transformCallSites(text);
+    const imports = transformImports(calls.text);
+
+    return {
+        text: imports.text,
+        count: calls.count + imports.count,
+        warnings: [...calls.warnings, ...imports.warnings],
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fremtind/jokul",
-  "version": "5.2.2",
+  "version": "6.0.0-next.0",
   "type": "module",
   "engines": {
     "node": "^20.19.0 || >=22.12.0"
@@ -86,37 +86,37 @@
     "tailwindcss": "^3.4.17"
   },
   "devDependencies": {
-    "@babel/cli": "^7.28.6",
-    "@babel/preset-react": "^7.27.1",
-    "@figma/code-connect": "^1.4.4",
+    "@babel/cli": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@figma/code-connect": "^1.5.2",
     "@rollup/plugin-terser": "^1.0.0",
     "@types/react": "18.3.1",
     "@vitejs/plugin-react": "^4.7.0",
     "@vitejs/plugin-react-swc": "^3.11.0",
-    "autoprefixer": "^10.4.21",
+    "autoprefixer": "^10.5.4",
     "change-case": "^5.4.4",
-    "cssnano": "^7.1.0",
-    "cssnano-preset-lite": "^4.0.4",
-    "dayjs": "^1.11.19",
-    "glob": "^13.0.0",
+    "cssnano": "^7.1.9",
+    "cssnano-preset-lite": "^4.0.6",
+    "dayjs": "^1.11.21",
+    "glob": "^13.0.6",
     "ink": "^5.1.0",
     "ink-select-input": "^6.0.0",
     "jsdom": "^26.1.0",
-    "nanoid": "^5.1.5",
-    "postcss": "^8.5.6",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.62.0",
-    "react-is": "^18.3.1",
+    "nanoid": "^5.1.16",
+    "postcss": "^8.5.10",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-hook-form": "^7.84.0",
+    "react-is": "18.3.1",
     "rollup-plugin-node-externals": "^8.0.1",
-    "rollup-plugin-visualizer": "^6.0.3",
-    "sass-embedded": "^1.90.0",
-    "style-dictionary": "^5.0.1",
+    "rollup-plugin-visualizer": "^6.0.11",
+    "sass-embedded": "^1.100.0",
+    "style-dictionary": "^5.5.0",
     "tailwindcss": "^3.4.17",
-    "tsx": "^4.20.6",
-    "vite": "^7.3.2",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.1.0",
+    "tsx": "^4.23.5",
+    "vite": "^7.3.6",
+    "vite-plugin-dts": "^5.0.0",
+    "vitest": "^4.1.10",
     "vitest-axe": "^0.1.0"
   },
   "peerDependencies": {

package/styles/base.css

@@ -278,7 +278,7 @@
     font-family: "Jokul Icons";
     font-weight: 300 400;
     font-style: normal;
-    src: url("/fonts/Fremtind-Material-Symbols.woff2") format("woff2");
+    src: url("/fonts/Jokul-Icons.woff2") format("woff2");
   }
   @font-face {
     font-family: "Adjusted Arial Fallback";
@@ -618,10 +618,10 @@
     --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-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-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;

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:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{border:0;display:block;line-height:1;margin:0;padding:0}table{border-collapse:collapse}table,tbody,td,th,thead,tr{margin:0;padding:0}}@layer jokul.resets{.jkl [hidden]{display:none!important}}@layer jokul.theme{@font-face{font-display:fallback;font-family:Jokul;font-style:normal;font-weight:100 900;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Jokul Display;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Icons;font-style:normal;font-weight:300 400;src:url(/fonts/Fremtind-Material-Symbols.woff2) format("woff2")}@font-face{ascent-override:82%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:400;line-gap-override:32%;size-adjust:104%;src:local(arial)}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{ascent-override:76%;descent-override:normal;font-family:Adjusted Arial Display Fallback;font-style:normal;font-weight:400;line-gap-override:40%;size-adjust:102%;src:local(arial)}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Courier New Fallback;font-style:normal;font-weight:400;line-gap-override:27%;size-adjust:100%;src:local(courier new)}@font-face{font-family:Jokul Icons Fallback;font-style:normal;font-weight:300 400;size-adjust:0%;src:local(courier new)}}@layer jokul.theme{:root{--jkl-spacing-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}}@layer jokul.theme{:root,[data-size=medium],[data-size]{--jkl-unit-10:8px;--jkl-unit-base:8px;--jkl-font-size-1:14px;--jkl-font-size-2:16px;--jkl-font-size-3:18px;--jkl-font-size-4: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}}@layer jokul.theme{:root,[data-size],[data-theme]{--jkl-unit-0:0;--jkl-spacing-0:0rem;--jkl-spacing-2:0.125rem;--jkl-spacing-4:0.25rem;--jkl-spacing-8:0.5rem;--jkl-spacing-12:0.75rem;--jkl-spacing-16:1rem;--jkl-spacing-24:1.5rem;--jkl-spacing-32:2rem;--jkl-spacing-40:2.5rem;--jkl-spacing-64:4rem;--jkl-spacing-104:6.5rem;--jkl-spacing-168:10.5rem;--jkl-spacing-none:0;--jkl-border-width-1:0.0625rem;--jkl-border-width-2:0.125rem;--jkl-border-width-3:0.1875rem;--jkl-border-radius-none:0;--jkl-border-radius-xs:0.25rem;--jkl-border-radius-s:0.5rem;--jkl-border-radius-m:0.75rem;--jkl-border-radius-l:1rem;--jkl-border-radius-full:9999px;--jkl-breakpoint-small:0;--jkl-breakpoint-medium:680px;--jkl-breakpoint-large:1200px;--jkl-breakpoint-xl:1600px;--jkl-motion-timing-energetic:75ms;--jkl-motion-timing-snappy:100ms;--jkl-motion-timing-productive:150ms;--jkl-motion-timing-polite:200ms;--jkl-motion-timing-expressive:250ms;--jkl-motion-timing-lazy:400ms;--jkl-motion-easing-standard:ease;--jkl-motion-easing-entrance:ease-out;--jkl-motion-easing-exit:ease-in;--jkl-motion-easing-ease-in-bounce-out:cubic-bezier(0,0,0.375,1.17);--jkl-motion-easing-focus:cubic-bezier(0.6,0.2,0.35,1);--jkl-font-weight-normal: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.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-delay:0s!important;animation-duration:0s!important;transition:none!important}}}@layer jokul.global{[popover]{opacity:0}@supports (overlay:auto){[popover]{transition:opacity,overlay allow-discrete,display allow-discrete;transition-duration:var(--jkl-motion-timing-productive);transition-timing-function:var(--jkl-motion-easing-standard)}}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}@supports not (overlay:auto){[popover]:popover-open{transition:opacity;transition-duration:var(--jkl-motion-timing-productive);transition-timing-function:var(--jkl-motion-easing-standard)}}}@layer jokul.utility{.jkl-body,.jkl-bold{font:var(--jkl-text-style-paragraph-medium)}.jkl-bold{font-weight:var(--jkl-font-weight-bold)}.jkl-small{font:var(--jkl-text-style-paragraph-small)}.jkl-title{font:var(--jkl-text-style-title)}.jkl-title-small{font:var(--jkl-text-style-title-small)}.jkl-heading-1{font:var(--jkl-text-style-heading-1)}.jkl-heading-2{font:var(--jkl-text-style-heading-2)}.jkl-heading-3{font:var(--jkl-text-style-heading-3)}.jkl-heading-4{font:var(--jkl-text-style-heading-4)}.jkl-heading-5{font:var(--jkl-text-style-heading-5)}.jkl-paragraph-large{font:var(--jkl-text-style-paragraph-large)}.jkl-paragraph-medium{font:var(--jkl-text-style-paragraph-medium)}.jkl-paragraph-small{font:var(--jkl-text-style-paragraph-small)}.jkl-text-large{font:var(--jkl-text-style-text-large)}.jkl-text-medium{font:var(--jkl-text-style-text-medium)}.jkl-text-small{font:var(--jkl-text-style-text-small)}.jkl-text-micro{font:var(--jkl-text-style-text-micro)}.jkl-sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}}@layer jokul.utility{.jkl-sr-only--focusable:active,.jkl-sr-only--focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;white-space:normal!important;width:auto!important}}@layer jokul.utility{.jkl-spacing-2--all{margin:var(--jkl-spacing-2)}.jkl-spacing-2--top{margin-top:var(--jkl-spacing-2)}.jkl-spacing-2--bottom{margin-bottom:var(--jkl-spacing-2)}.jkl-spacing-2--left{margin-left:var(--jkl-spacing-2)}.jkl-spacing-2--right{margin-right:var(--jkl-spacing-2)}.jkl-spacing-4--all{margin:var(--jkl-spacing-4)}.jkl-spacing-4--top{margin-top:var(--jkl-spacing-4)}.jkl-spacing-4--bottom{margin-bottom:var(--jkl-spacing-4)}.jkl-spacing-4--left{margin-left:var(--jkl-spacing-4)}.jkl-spacing-4--right{margin-right:var(--jkl-spacing-4)}.jkl-spacing-8--all{margin:var(--jkl-spacing-8)}.jkl-spacing-8--top{margin-top:var(--jkl-spacing-8)}.jkl-spacing-8--bottom{margin-bottom:var(--jkl-spacing-8)}.jkl-spacing-8--left{margin-left:var(--jkl-spacing-8)}.jkl-spacing-8--right{margin-right:var(--jkl-spacing-8)}.jkl-spacing-12--all{margin:var(--jkl-spacing-12)}.jkl-spacing-12--top{margin-top:var(--jkl-spacing-12)}.jkl-spacing-12--bottom{margin-bottom:var(--jkl-spacing-12)}.jkl-spacing-12--left{margin-left:var(--jkl-spacing-12)}.jkl-spacing-12--right{margin-right:var(--jkl-spacing-12)}.jkl-spacing-16--all{margin:var(--jkl-spacing-16)}.jkl-spacing-16--top{margin-top:var(--jkl-spacing-16)}.jkl-spacing-16--bottom{margin-bottom:var(--jkl-spacing-16)}.jkl-spacing-16--left{margin-left:var(--jkl-spacing-16)}.jkl-spacing-16--right{margin-right:var(--jkl-spacing-16)}.jkl-spacing-24--all{margin:var(--jkl-spacing-24)}.jkl-spacing-24--top{margin-top:var(--jkl-spacing-24)}.jkl-spacing-24--bottom{margin-bottom:var(--jkl-spacing-24)}.jkl-spacing-24--left{margin-left:var(--jkl-spacing-24)}.jkl-spacing-24--right{margin-right:var(--jkl-spacing-24)}.jkl-spacing-32--all{margin:var(--jkl-spacing-32)}.jkl-spacing-32--top{margin-top:var(--jkl-spacing-32)}.jkl-spacing-32--bottom{margin-bottom:var(--jkl-spacing-32)}.jkl-spacing-32--left{margin-left:var(--jkl-spacing-32)}.jkl-spacing-32--right{margin-right:var(--jkl-spacing-32)}.jkl-spacing-40--all{margin:var(--jkl-spacing-40)}.jkl-spacing-40--top{margin-top:var(--jkl-spacing-40)}.jkl-spacing-40--bottom{margin-bottom:var(--jkl-spacing-40)}.jkl-spacing-40--left{margin-left:var(--jkl-spacing-40)}.jkl-spacing-40--right{margin-right:var(--jkl-spacing-40)}.jkl-spacing-64--all{margin:var(--jkl-spacing-64)}.jkl-spacing-64--top{margin-top:var(--jkl-spacing-64)}.jkl-spacing-64--bottom{margin-bottom:var(--jkl-spacing-64)}.jkl-spacing-64--left{margin-left:var(--jkl-spacing-64)}.jkl-spacing-64--right{margin-right:var(--jkl-spacing-64)}.jkl-spacing-104--all{margin:var(--jkl-spacing-104)}.jkl-spacing-104--top{margin-top:var(--jkl-spacing-104)}.jkl-spacing-104--bottom{margin-bottom:var(--jkl-spacing-104)}.jkl-spacing-104--left{margin-left:var(--jkl-spacing-104)}.jkl-spacing-104--right{margin-right:var(--jkl-spacing-104)}.jkl-spacing-168--all{margin:var(--jkl-spacing-168)}.jkl-spacing-168--top{margin-top:var(--jkl-spacing-168)}.jkl-spacing-168--bottom{margin-bottom:var(--jkl-spacing-168)}.jkl-spacing-168--left{margin-left:var(--jkl-spacing-168)}.jkl-spacing-168--right{margin-right:var(--jkl-spacing-168)}.jkl-spacing-16-24--all{margin:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--top{margin-top:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--bottom{margin-bottom:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--left{margin-left:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--right{margin-right:var(--jkl-spacing-16-24)}.jkl-spacing-24-40--all{margin:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--top{margin-top:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--bottom{margin-bottom:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--left{margin-left:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--right{margin-right:var(--jkl-spacing-24-40)}.jkl-spacing-24-32--all{margin:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--top{margin-top:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--bottom{margin-bottom:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--left{margin-left:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--right{margin-right:var(--jkl-spacing-24-32)}.jkl-spacing-32-40--all{margin:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--top{margin-top:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--bottom{margin-bottom:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--left{margin-left:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--right{margin-right:var(--jkl-spacing-32-40)}.jkl-spacing-40-64--all{margin:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--top{margin-top:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--bottom{margin-bottom:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--left{margin-left:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--right{margin-right:var(--jkl-spacing-40-64)}.jkl-spacing-64-104--all{margin:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--top{margin-top:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--bottom{margin-bottom:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--left{margin-left:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--right{margin-right:var(--jkl-spacing-64-104)}.jkl-spacing-104-168--all{margin:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--top{margin-top:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--bottom{margin-bottom:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--left{margin-left:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--right{margin-right:var(--jkl-spacing-104-168)}.jkl-spacing-16-16-24--all{margin:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--top{margin-top:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--bottom{margin-bottom:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--left{margin-left:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--right{margin-right:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-24-32--all{margin:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--top{margin-top:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--bottom{margin-bottom:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--left{margin-left:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--right{margin-right:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-40--all{margin:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--top{margin-top:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--bottom{margin-bottom:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--left{margin-left:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--right{margin-right:var(--jkl-spacing-16-24-40)}.jkl-spacing-24-24-32--all{margin:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--top{margin-top:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--bottom{margin-bottom:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--left{margin-left:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--right{margin-right:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-40--all{margin:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--top{margin-top:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--bottom{margin-bottom:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--left{margin-left:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--right{margin-right:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-32-40--all{margin:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--top{margin-top:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--bottom{margin-bottom:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--left{margin-left:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--right{margin-right:var(--jkl-spacing-24-32-40)}.jkl-spacing-32-32-40--all{margin:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--top{margin-top:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--bottom{margin-bottom:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--left{margin-left:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--right{margin-right:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-40-64--all{margin:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--top{margin-top:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--bottom{margin-bottom:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--left{margin-left:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--right{margin-right:var(--jkl-spacing-32-40-64)}.jkl-spacing-40-40-64--all{margin:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--top{margin-top:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--bottom{margin-bottom:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--left{margin-left:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--right{margin-right:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-64-104--all{margin:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--top{margin-top:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--bottom{margin-bottom:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--left{margin-left:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--right{margin-right:var(--jkl-spacing-40-64-104)}.jkl-spacing-64-64-104--all{margin:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--top{margin-top:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--bottom{margin-bottom:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--left{margin-left:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--right{margin-right:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-104-168--all{margin:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--top{margin-top:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--bottom{margin-bottom:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--left{margin-left:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--right{margin-right:var(--jkl-spacing-64-104-168)}.jkl-spacing-104-104-168--all{margin:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--top{margin-top:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--bottom{margin-bottom:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--left{margin-left:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--right{margin-right:var(--jkl-spacing-104-104-168)}.jkl-spacing-0--all{margin:var(--jkl-spacing-0)}.jkl-spacing-0--top{margin-top:var(--jkl-spacing-0)}.jkl-spacing-0--bottom{margin-bottom:var(--jkl-spacing-0)}.jkl-spacing-0--left{margin-left:var(--jkl-spacing-0)}.jkl-spacing-0--right{margin-right:var(--jkl-spacing-0)}.jkl-spacing-none--all{margin:var(--jkl-spacing-none)}.jkl-spacing-none--top{margin-top:var(--jkl-spacing-none)}.jkl-spacing-none--bottom{margin-bottom:var(--jkl-spacing-none)}.jkl-spacing-none--left{margin-left:var(--jkl-spacing-none)}.jkl-spacing-none--right{margin-right:var(--jkl-spacing-none)}.jkl-spacing-2xs--all{margin:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--top{margin-top:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--bottom{margin-bottom:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--left{margin-left:var(--jkl-spacing-2xs)}.jkl-spacing-2xs--right{margin-right:var(--jkl-spacing-2xs)}.jkl-spacing-xs--all{margin:var(--jkl-spacing-xs)}.jkl-spacing-xs--top{margin-top:var(--jkl-spacing-xs)}.jkl-spacing-xs--bottom{margin-bottom:var(--jkl-spacing-xs)}.jkl-spacing-xs--left{margin-left:var(--jkl-spacing-xs)}.jkl-spacing-xs--right{margin-right:var(--jkl-spacing-xs)}.jkl-spacing-s--all{margin:var(--jkl-spacing-s)}.jkl-spacing-s--top{margin-top:var(--jkl-spacing-s)}.jkl-spacing-s--bottom{margin-bottom:var(--jkl-spacing-s)}.jkl-spacing-s--left{margin-left:var(--jkl-spacing-s)}.jkl-spacing-s--right{margin-right:var(--jkl-spacing-s)}.jkl-spacing-m--all{margin:var(--jkl-spacing-m)}.jkl-spacing-m--top{margin-top:var(--jkl-spacing-m)}.jkl-spacing-m--bottom{margin-bottom:var(--jkl-spacing-m)}.jkl-spacing-m--left{margin-left:var(--jkl-spacing-m)}.jkl-spacing-m--right{margin-right:var(--jkl-spacing-m)}.jkl-spacing-l--all{margin:var(--jkl-spacing-l)}.jkl-spacing-l--top{margin-top:var(--jkl-spacing-l)}.jkl-spacing-l--bottom{margin-bottom:var(--jkl-spacing-l)}.jkl-spacing-l--left{margin-left:var(--jkl-spacing-l)}.jkl-spacing-l--right{margin-right:var(--jkl-spacing-l)}.jkl-spacing-xl--all{margin:var(--jkl-spacing-xl)}.jkl-spacing-xl--top{margin-top:var(--jkl-spacing-xl)}.jkl-spacing-xl--bottom{margin-bottom:var(--jkl-spacing-xl)}.jkl-spacing-xl--left{margin-left:var(--jkl-spacing-xl)}.jkl-spacing-xl--right{margin-right:var(--jkl-spacing-xl)}.jkl-spacing-2xl--all{margin:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--top{margin-top:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--bottom{margin-bottom:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--left{margin-left:var(--jkl-spacing-2xl)}.jkl-spacing-2xl--right{margin-right:var(--jkl-spacing-2xl)}}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@layer jokul.resets{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{border:0;display:block;line-height:1;margin:0;padding:0}table{border-collapse:collapse}table,tbody,td,th,thead,tr{margin:0;padding:0}.jkl [hidden]{display:none!important}}@layer jokul.resets{}@layer jokul.theme{@font-face{font-display:fallback;font-family:Jokul;font-style:normal;font-weight:100 900;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-display:fallback;font-family:Jokul Display;font-style:normal;font-weight:400;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Jokul Icons;font-style:normal;font-weight:300 400;src:url(/fonts/Jokul-Icons.woff2) format("woff2")}@font-face{ascent-override:82%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:400;line-gap-override:32%;size-adjust:104%;src:local(arial)}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{ascent-override:76%;descent-override:normal;font-family:Adjusted Arial Display Fallback;font-style:normal;font-weight:400;line-gap-override:40%;size-adjust:102%;src:local(arial)}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Courier New Fallback;font-style:normal;font-weight:400;line-gap-override:27%;size-adjust:100%;src:local(courier new)}@font-face{font-family:Jokul Icons Fallback;font-style:normal;font-weight:300 400;size-adjust:0%;src:local(courier new)}}@layer jokul.theme{:root{--jkl-spacing-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-delay:0s!important;animation-duration:0s!important;transition:none!important}}}@layer jokul.global{[popover]{opacity:0}@supports (overlay:auto){[popover]{transition:opacity,overlay allow-discrete,display allow-discrete;transition-duration:var(--jkl-motion-timing-productive);transition-timing-function:var(--jkl-motion-easing-standard)}}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}@supports not (overlay:auto){[popover]:popover-open{transition:opacity;transition-duration:var(--jkl-motion-timing-productive);transition-timing-function:var(--jkl-motion-easing-standard)}}}@layer jokul.utility{.jkl-body,.jkl-bold{font:var(--jkl-text-style-paragraph-medium)}.jkl-bold{font-weight:var(--jkl-font-weight-bold)}.jkl-small{font:var(--jkl-text-style-paragraph-small)}.jkl-title{font:var(--jkl-text-style-title)}.jkl-title-small{font:var(--jkl-text-style-title-small)}.jkl-heading-1{font:var(--jkl-text-style-heading-1)}.jkl-heading-2{font:var(--jkl-text-style-heading-2)}.jkl-heading-3{font:var(--jkl-text-style-heading-3)}.jkl-heading-4{font:var(--jkl-text-style-heading-4)}.jkl-heading-5{font:var(--jkl-text-style-heading-5)}.jkl-paragraph-large{font:var(--jkl-text-style-paragraph-large)}.jkl-paragraph-medium{font:var(--jkl-text-style-paragraph-medium)}.jkl-paragraph-small{font:var(--jkl-text-style-paragraph-small)}.jkl-text-large{font:var(--jkl-text-style-text-large)}.jkl-text-medium{font:var(--jkl-text-style-text-medium)}.jkl-text-small{font:var(--jkl-text-style-text-small)}.jkl-text-micro{font:var(--jkl-text-style-text-micro)}.jkl-sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-sr-only--focusable:active,.jkl-sr-only--focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;white-space:normal!important;width:auto!important}.jkl-spacing-2--all{margin:var(--jkl-spacing-2)}.jkl-spacing-2--top{margin-top:var(--jkl-spacing-2)}.jkl-spacing-2--bottom{margin-bottom:var(--jkl-spacing-2)}.jkl-spacing-2--left{margin-left:var(--jkl-spacing-2)}.jkl-spacing-2--right{margin-right:var(--jkl-spacing-2)}.jkl-spacing-4--all{margin:var(--jkl-spacing-4)}.jkl-spacing-4--top{margin-top:var(--jkl-spacing-4)}.jkl-spacing-4--bottom{margin-bottom:var(--jkl-spacing-4)}.jkl-spacing-4--left{margin-left:var(--jkl-spacing-4)}.jkl-spacing-4--right{margin-right:var(--jkl-spacing-4)}.jkl-spacing-8--all{margin:var(--jkl-spacing-8)}.jkl-spacing-8--top{margin-top:var(--jkl-spacing-8)}.jkl-spacing-8--bottom{margin-bottom:var(--jkl-spacing-8)}.jkl-spacing-8--left{margin-left:var(--jkl-spacing-8)}.jkl-spacing-8--right{margin-right:var(--jkl-spacing-8)}.jkl-spacing-12--all{margin:var(--jkl-spacing-12)}.jkl-spacing-12--top{margin-top:var(--jkl-spacing-12)}.jkl-spacing-12--bottom{margin-bottom:var(--jkl-spacing-12)}.jkl-spacing-12--left{margin-left:var(--jkl-spacing-12)}.jkl-spacing-12--right{margin-right:var(--jkl-spacing-12)}.jkl-spacing-16--all{margin:var(--jkl-spacing-16)}.jkl-spacing-16--top{margin-top:var(--jkl-spacing-16)}.jkl-spacing-16--bottom{margin-bottom:var(--jkl-spacing-16)}.jkl-spacing-16--left{margin-left:var(--jkl-spacing-16)}.jkl-spacing-16--right{margin-right:var(--jkl-spacing-16)}.jkl-spacing-24--all{margin:var(--jkl-spacing-24)}.jkl-spacing-24--top{margin-top:var(--jkl-spacing-24)}.jkl-spacing-24--bottom{margin-bottom:var(--jkl-spacing-24)}.jkl-spacing-24--left{margin-left:var(--jkl-spacing-24)}.jkl-spacing-24--right{margin-right:var(--jkl-spacing-24)}.jkl-spacing-32--all{margin:var(--jkl-spacing-32)}.jkl-spacing-32--top{margin-top:var(--jkl-spacing-32)}.jkl-spacing-32--bottom{margin-bottom:var(--jkl-spacing-32)}.jkl-spacing-32--left{margin-left:var(--jkl-spacing-32)}.jkl-spacing-32--right{margin-right:var(--jkl-spacing-32)}.jkl-spacing-40--all{margin:var(--jkl-spacing-40)}.jkl-spacing-40--top{margin-top:var(--jkl-spacing-40)}.jkl-spacing-40--bottom{margin-bottom:var(--jkl-spacing-40)}.jkl-spacing-40--left{margin-left:var(--jkl-spacing-40)}.jkl-spacing-40--right{margin-right:var(--jkl-spacing-40)}.jkl-spacing-64--all{margin:var(--jkl-spacing-64)}.jkl-spacing-64--top{margin-top:var(--jkl-spacing-64)}.jkl-spacing-64--bottom{margin-bottom:var(--jkl-spacing-64)}.jkl-spacing-64--left{margin-left:var(--jkl-spacing-64)}.jkl-spacing-64--right{margin-right:var(--jkl-spacing-64)}.jkl-spacing-104--all{margin:var(--jkl-spacing-104)}.jkl-spacing-104--top{margin-top:var(--jkl-spacing-104)}.jkl-spacing-104--bottom{margin-bottom:var(--jkl-spacing-104)}.jkl-spacing-104--left{margin-left:var(--jkl-spacing-104)}.jkl-spacing-104--right{margin-right:var(--jkl-spacing-104)}.jkl-spacing-168--all{margin:var(--jkl-spacing-168)}.jkl-spacing-168--top{margin-top:var(--jkl-spacing-168)}.jkl-spacing-168--bottom{margin-bottom:var(--jkl-spacing-168)}.jkl-spacing-168--left{margin-left:var(--jkl-spacing-168)}.jkl-spacing-168--right{margin-right:var(--jkl-spacing-168)}.jkl-spacing-16-24--all{margin:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--top{margin-top:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--bottom{margin-bottom:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--left{margin-left:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--right{margin-right:var(--jkl-spacing-16-24)}.jkl-spacing-24-40--all{margin:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--top{margin-top:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--bottom{margin-bottom:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--left{margin-left:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--right{margin-right:var(--jkl-spacing-24-40)}.jkl-spacing-24-32--all{margin:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--top{margin-top:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--bottom{margin-bottom:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--left{margin-left:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--right{margin-right:var(--jkl-spacing-24-32)}.jkl-spacing-32-40--all{margin:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--top{margin-top:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--bottom{margin-bottom:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--left{margin-left:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--right{margin-right:var(--jkl-spacing-32-40)}.jkl-spacing-40-64--all{margin:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--top{margin-top:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--bottom{margin-bottom:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--left{margin-left:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--right{margin-right:var(--jkl-spacing-40-64)}.jkl-spacing-64-104--all{margin:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--top{margin-top:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--bottom{margin-bottom:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--left{margin-left:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--right{margin-right:var(--jkl-spacing-64-104)}.jkl-spacing-104-168--all{margin:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--top{margin-top:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--bottom{margin-bottom:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--left{margin-left:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--right{margin-right:var(--jkl-spacing-104-168)}.jkl-spacing-16-16-24--all{margin:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--top{margin-top:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--bottom{margin-bottom:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--left{margin-left:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--right{margin-right:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-24-32--all{margin:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--top{margin-top:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--bottom{margin-bottom:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--left{margin-left:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--right{margin-right:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-40--all{margin:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--top{margin-top:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--bottom{margin-bottom:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--left{margin-left:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--right{margin-right:var(--jkl-spacing-16-24-40)}.jkl-spacing-24-24-32--all{margin:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--top{margin-top:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--bottom{margin-bottom:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--left{margin-left:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--right{margin-right:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-40--all{margin:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--top{margin-top:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--bottom{margin-bottom:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--left{margin-left:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--right{margin-right:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-32-40--all{margin:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--top{margin-top:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--bottom{margin-bottom:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--left{margin-left:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--right{margin-right:var(--jkl-spacing-24-32-40)}.jkl-spacing-32-32-40--all{margin:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--top{margin-top:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--bottom{margin-bottom:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--left{margin-left:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--right{margin-right:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-40-64--all{margin:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--top{margin-top:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--bottom{margin-bottom:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--left{margin-left:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--right{margin-right:var(--jkl-spacing-32-40-64)}.jkl-spacing-40-40-64--all{margin:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--top{margin-top:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--bottom{margin-bottom:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--left{margin-left:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--right{margin-right:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-64-104--all{margin:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--top{margin-top:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--bottom{margin-bottom:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--left{margin-left:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--right{margin-right:var(--jkl-spacing-40-64-104)}.jkl-spacing-64-64-104--all{margin:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--top{margin-top:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--bottom{margin-bottom:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--left{margin-left:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--right{margin-right:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-104-168--all{margin:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--top{margin-top:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--bottom{margin-bottom:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--left{margin-left:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--right{margin-right:var(--jkl-spacing-64-104-168)}.jkl-spacing-104-104-168--all{margin:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--top{margin-top:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--bottom{margin-bottom:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--left{margin-left:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--right{margin-right:var(--jkl-spacing-104-104-168)}.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{}

package/styles/components/autosuggest/autosuggest.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-autosuggest{--border-radius:var(--jkl-border-radius-s);--jkl-autosuggest-menu-padding:var(--jkl-unit-20) var(--jkl-unit-10) 0;--jkl-autosuggest-controller-button-width:auto;--jkl-autosuggest-controller-button-padding:0 var(--jkl-unit-15);--jkl-autosuggest-controller-button-icon-size:1.25rem;--jkl-autosuggest-option-padding:var(--jkl-unit-10);--jkl-autosuggest-option-height:min(var(--jkl-unit-60),3rem);align-items:flex-start;display:flex;flex-direction:column;position:relative}.jkl-autosuggest[aria-expanded=true] .jkl-text-input-wrapper{border-radius:var(--border-radius) var(--border-radius) 0 0}.jkl-autosuggest__no-hits-message{color:var(--jkl-color-text-subdued);font:var(--jkl-text-style-text-small);padding:var(--jkl-autosuggest-option-padding)}.jkl-autosuggest__menu{background-color:var(--jkl-color-background-container);border:.125rem solid var(--jkl-color-border-strong);border-radius:0 0 var(--border-radius) var(--border-radius);border-top:none;box-sizing:border-box;inset:100% -.0625rem auto;margin:0;max-height:60vh;overflow-y:auto;padding:0;position:absolute;width:calc(100% + .125rem);z-index:7000;-webkit-overflow-scrolling:touch}.jkl-autosuggest__item-list{list-style-type:none;margin:0;padding:0}.jkl-autosuggest__item{align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:unset;cursor:pointer;display:flex;font:var(--jkl-text-style-text-small);min-height:var(--jkl-autosuggest-option-height);padding:var(--jkl-autosuggest-option-padding);position:relative;text-align:left;transition-duration:var(--jkl-motion-timing-productive);transition-property:color,background-color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-autosuggest__item--active,.jkl-autosuggest__item:focus,.jkl-autosuggest__item:hover{background-color:var(--jkl-color-background-container-accent);color:var(--jkl-color-text-default)}}
+@layer jokul.components{.jkl-autosuggest{--border-radius:var(--jkl-border-radius-s);--jkl-autosuggest-menu-padding:var(--jkl-unit-20) var(--jkl-unit-10) 0;--jkl-autosuggest-controller-button-width:auto;--jkl-autosuggest-controller-button-padding:0 var(--jkl-unit-15);--jkl-autosuggest-controller-button-icon-size:1.25rem;--jkl-autosuggest-option-padding:var(--jkl-unit-10);--jkl-autosuggest-option-height:min(var(--jkl-unit-60),3rem);align-items:flex-start;display:flex;flex-direction:column;position:relative}.jkl-autosuggest[aria-expanded=true] .jkl-text-input-wrapper{border-radius:var(--border-radius) var(--border-radius) 0 0}.jkl-autosuggest__no-hits-message{color:var(--jkl-color-text-subdued);font:var(--jkl-text-style-text-small);padding:var(--jkl-autosuggest-option-padding)}.jkl-autosuggest__menu{background-color:var(--jkl-color-background-container);border:.125rem solid var(--jkl-color-border-strong);border-radius:0 0 var(--border-radius) var(--border-radius);border-top:none;box-sizing:border-box;inset:100% -.0625rem auto;margin:0;max-height:60vh;overflow-y:auto;padding:0;position:absolute;width:calc(100% + .125rem);z-index:7000;-webkit-overflow-scrolling:touch}.jkl-autosuggest__item-list{list-style-type:none;margin:0;padding:0}.jkl-autosuggest__item{align-items:center;background-color:initial;border:0;box-sizing:border-box;color:unset;cursor:pointer;display:flex;font:var(--jkl-text-style-text-small);min-height:var(--jkl-autosuggest-option-height);padding:var(--jkl-autosuggest-option-padding);position:relative;text-align:left;transition-duration:var(--jkl-motion-timing-productive);transition-property:color,background-color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-autosuggest__item--active,.jkl-autosuggest__item:focus,.jkl-autosuggest__item:hover{background-color:var(--jkl-color-background-container-accent);color:var(--jkl-color-text-default)}}

package/styles/components/beta/nav-link/navlink.min.css

@@ -1 +1 @@
-.jkl-navlink--beta{--border-radius:4px;--separator:1px solid var(--jkl-color-border-subdued);align-items:center;background-color:var(--jkl-color-background-page);border-radius:0;color:inherit;column-gap:2em;display:grid;font:var(--jkl-text-style-paragraph-medium);grid-template-columns:1fr auto;padding:var(--jkl-spacing-s);text-decoration:none;transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color;transition-timing-function:var(--jkl-motion-easing-ease-in-bounce-out)}.jkl-navlink--beta .description,.jkl-navlink--beta .title{grid-column:1}.jkl-navlink--beta:has(.description) .title{font-weight:700}.jkl-navlink--beta:after{content:"arrow_forward"/"";display:inline-block;flex-shrink:0;font-family:var(--jkl-font-family-icons);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;grid-column:2;grid-row:1/span 999;line-height:1;translate:0;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-duration:var(--jkl-motion-timing-productive);transition-property:font-variation-settings,transform;transition-property:translate;transition-timing-function:var(--jkl-motion-easing-standard);transition-timing-function:var(--jkl-motion-easing-ease-in-bounce-out)}.jkl-navlink--beta:focus-visible,.jkl-navlink--beta:hover{background-color:color-mix(in srgb,currentColor 15%,transparent)}.jkl-navlink--beta:focus-visible:after,.jkl-navlink--beta:hover:after{translate:4px 0}.jkl-navlink--beta:first-of-type{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.jkl-navlink--beta:last-of-type{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.jkl-navlink--beta:has(+.jkl-navlink--beta){-webkit-border-after:var(--separator);border-block-end:var(--separator)}
+.jkl-navlink--beta{--border-radius:4px;--separator:1px solid var(--jkl-color-border-subdued);align-items:center;background-color:var(--jkl-color-background-page);border-radius:0;color:inherit;column-gap:2em;display:grid;font:var(--jkl-text-style-paragraph-medium);grid-template-columns:1fr auto;padding:var(--jkl-spacing-s);text-decoration:none;transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color;transition-timing-function:var(--jkl-motion-easing-ease-in-bounce-out)}.jkl-navlink--beta .description,.jkl-navlink--beta .title{grid-column:1}.jkl-navlink--beta:has(.description) .title{font-weight:700}.jkl-navlink--beta:after{content:"arrow_forward"/"";display:inline-block;flex-shrink:0;font-family:var(--jkl-font-family-icons);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;grid-column:2;grid-row:1/span 999;line-height:1;translate:0;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-duration:var(--jkl-motion-timing-productive);transition-property:font-variation-settings,transform;transition-property:translate;transition-timing-function:var(--jkl-motion-easing-standard);transition-timing-function:var(--jkl-motion-easing-ease-in-bounce-out)}.jkl-navlink--beta:focus-visible,.jkl-navlink--beta:hover{background-color:color-mix(in srgb,currentColor 15%,#0000)}.jkl-navlink--beta:focus-visible:after,.jkl-navlink--beta:hover:after{translate:4px 0}.jkl-navlink--beta:first-of-type{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.jkl-navlink--beta:last-of-type{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.jkl-navlink--beta:has(+.jkl-navlink--beta){-webkit-border-after:var(--separator);border-block-end:var(--separator)}

package/styles/components/beta/select/select.min.css

@@ -1 +1 @@
-.jkl-select--beta{--border-color:var(--jkl-color-border-default);--background-color:transparent;--color:var(--jkl-color-text-default);--box-shadow:0 0 0 jkl.rem(1px) transparent;--border-width:0.0625rem;--button-padding:calc(var(--jkl-unit-15) - var(--border-width));--arrow-right:var(--jkl-unit-02);border-style:none;display:block;outline:0;outline-style:none;position:relative}.jkl-select--beta:active,.jkl-select--beta:focus,.jkl-select--beta:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-select--beta{border-style:revert;outline:revert;outline-style:revert}.jkl-select--beta:active,.jkl-select--beta:focus,.jkl-select--beta:hover{outline:revert;outline-style:revert}}.jkl-select--beta :focus-visible{outline:none}.jkl-select--beta .jkl-tooltip-question-button:focus{outline:3px solid var(--jkl-color-border-strong);outline-offset:0}.jkl-select--beta-wrapper{align-items:center;display:grid;grid-template-columns:1fr auto}.jkl-select--beta .jkl-icon,.jkl-select--beta select{grid-row:1}.jkl-select--beta select{background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);padding:var(--button-padding);-webkit-padding-end:calc(var(--button-padding) + 1.3em);-webkit-appearance:none;appearance:none;border:var(--border-width) solid var(--border-color);border-radius:var(--jkl-border-radius-s);cursor:pointer;grid-column:1/-1;height:var(--input-height);overflow:hidden;padding-inline-end:calc(var(--button-padding) + 1.3em);text-align:left;text-overflow:ellipsis;transition-property:color,border-color,box-shadow;white-space:nowrap;width:100%}.jkl-select--beta select:has(option:checked[value=""]){--color:var(--jkl-color-text-subdued)}.jkl-select--beta select:hover{--border-color:var(--jkl-color-border-strong);--box-shadow:0 0 0 jkl.rem(1px) var(--jkl-color-border-strong)}.jkl-select--beta select:invalid{--background-color:var(--jkl-color-error-background-container);--color:var(--jkl-color-error-text-subdued)}.jkl-select--beta select:focus-visible{outline:none}.jkl-select--beta select{font:var(--jkl-text-style-text-medium);transition-duration:var(--jkl-motion-timing-productive);transition-timing-function:var(--jkl-motion-easing-standard)}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta select:focus-visible,html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta select:has(:focus-visible){outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta select:has(:focus-visible) select{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-select--beta .jkl-icon{grid-column:2;pointer-events:none;-webkit-padding-end:var(--button-padding);padding-inline-end:var(--button-padding)}
+.jkl-select--beta{--border-color:var(--jkl-color-border-default);--background-color:#0000;--color:var(--jkl-color-text-default);--box-shadow:0 0 0 jkl.rem(1px) #0000;--border-width:0.0625rem;--button-padding:calc(var(--jkl-unit-15) - var(--border-width));--arrow-right:var(--jkl-unit-02);border-style:none;display:block;position:relative}.jkl-select--beta,.jkl-select--beta:active,.jkl-select--beta:focus,.jkl-select--beta:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-select--beta{border-style:revert}.jkl-select--beta,.jkl-select--beta:active,.jkl-select--beta:focus,.jkl-select--beta:hover{outline:revert;outline-style:revert}}.jkl-select--beta :focus-visible{outline:none}.jkl-select--beta .jkl-tooltip-question-button:focus{outline:3px solid var(--jkl-color-border-strong);outline-offset:0}.jkl-select--beta-wrapper{align-items:center;display:grid;grid-template-columns:1fr auto}.jkl-select--beta .jkl-icon,.jkl-select--beta select{grid-row:1}.jkl-select--beta select{background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);padding:var(--button-padding);-webkit-padding-end:calc(var(--button-padding) + 1.3em);-webkit-appearance:none;appearance:none;border:var(--border-width) solid var(--border-color);border-radius:var(--jkl-border-radius-s);cursor:pointer;grid-column:1/-1;height:var(--input-height);overflow:hidden;padding-inline-end:calc(var(--button-padding) + 1.3em);text-align:left;text-overflow:ellipsis;transition-property:color,border-color,box-shadow;white-space:nowrap;width:100%}.jkl-select--beta select:has(option:checked[value=""]){--color:var(--jkl-color-text-subdued)}.jkl-select--beta select:hover{--border-color:var(--jkl-color-border-strong);--box-shadow:0 0 0 jkl.rem(1px) var(--jkl-color-border-strong)}.jkl-select--beta select:invalid{--background-color:var(--jkl-color-error-background-container);--color:var(--jkl-color-error-text-subdued)}.jkl-select--beta select:focus-visible{outline:none}.jkl-select--beta select{font:var(--jkl-text-style-text-medium);transition-duration:var(--jkl-motion-timing-productive);transition-timing-function:var(--jkl-motion-easing-standard)}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta select:focus-visible,html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta select:has(:focus-visible){outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta select:has(:focus-visible) select{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-select--beta .jkl-icon{grid-column:2;pointer-events:none;-webkit-padding-end:var(--button-padding);padding-inline-end:var(--button-padding)}

package/styles/components/button/button.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-button{--jkl-button-font-size:var(--jkl-typography-body-base-font-size);--jkl-button-line-height:var(--jkl-typography-body-base-line-height);--jkl-button-padding-block:var(--jkl-unit-10);--jkl-button-padding-text:var(--jkl-unit-30);--jkl-button-padding-icon:var(--jkl-unit-20);--jkl-button-padding-icon-button:var(--jkl-unit-10);--jkl-button-tertiary-padding-icon:var(--jkl-unit-05);--jkl-button-text-ink-offset:0.1em;--button-min-width:9ch;--jkl-icon-weight:var(--jkl-icon-weight-bold);--text-color:var(--jkl-color-text-default);--background-color:transparent;--border-radius:0;--border-width:0.0625rem;background:var(--background-color);border:unset;color:var(--text-color);display:inline-block;font:var(--jkl-text-style-text-medium);font-weight:var(--jkl-font-weight-bold);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:a .3s linear;border-radius:var(--border-radius);max-width:100%;overflow:hidden;padding-block:var(--jkl-button-padding-block);padding-inline:var(--jkl-button-padding-text);position:relative;transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-button:has(.jkl-button__text){min-width:var(--button-min-width)}.jkl-button:has(.jkl-button__text):has(.jkl-icon){min-width:auto}.jkl-button:has(.jkl-icon:first-child){-webkit-padding-start:var(--jkl-button-padding-icon);padding-inline-start:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:last-child){-webkit-padding-end:var(--jkl-button-padding-icon);padding-inline-end:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--jkl-button-padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:var(--jkl-unit-02);justify-content:center;pointer-events:none;transition-duration:var(--jkl-motion-timing-expressive);transition-property:translate;transition-timing-function:var(--jkl-motion-easing-standard);width:100%}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:var(--jkl-motion-timing-expressive);transition-property:opacity,translate;transition-timing-function:var(--jkl-motion-easing-standard);translate:-50% 350%}.jkl-button__text{display:block;max-width:100%;min-width:0;-webkit-padding-before:var(--jkl-button-text-ink-offset);padding-block-start:var(--jkl-button-text-ink-offset);-webkit-margin-before:calc(var(--jkl-button-text-ink-offset)*-1);margin-block-start:calc(var(--jkl-button-text-ink-offset)*-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jkl-button[data-loading=true] .jkl-button__label{--button-loading-offset:calc(-100% - var(--jkl-button-padding-block)*2 - var(--jkl-button-text-ink-offset));translate:0 var(--button-loading-offset)}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-button:hover{background-color:color-mix(in srgb,var(--background-color),var(--text-color) 15%)}@media (forced-colors:active){.jkl-button:hover{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-contrast);--text-color:var(--jkl-color-text-on-contrast)}@media (forced-colors:active){.jkl-button--primary{border:calc(var(--border-width)*2) solid Highlight}}.jkl-button--secondary{border:var(--border-width) solid var(--text-color)}.jkl-button--tertiary{border-bottom:var(--border-width) solid var(--text-color);padding-inline:var(--jkl-button-tertiary-padding-icon)}.jkl-button--tertiary:has(.jkl-icon:first-child){padding-inline:var(--jkl-button-tertiary-padding-icon) calc(var(--jkl-button-tertiary-padding-icon)*2)}.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:calc(var(--jkl-button-tertiary-padding-icon)*2) var(--jkl-button-tertiary-padding-icon)}}
+@layer jokul.components{.jkl-button{--jkl-button-font-size:var(--jkl-typography-body-base-font-size);--jkl-button-line-height:var(--jkl-typography-body-base-line-height);--jkl-button-padding-block:var(--jkl-unit-10);--jkl-button-padding-text:var(--jkl-unit-30);--jkl-button-padding-icon:var(--jkl-unit-20);--jkl-button-padding-icon-button:var(--jkl-unit-10);--jkl-button-tertiary-padding-icon:var(--jkl-unit-05);--jkl-button-text-ink-offset:0.1em;--button-min-width:9ch;--jkl-icon-weight:var(--jkl-icon-weight-bold);--text-color:var(--jkl-color-text-default);--background-color:#0000;--border-radius:0;--border-width:0.0625rem;background:var(--background-color);border:unset;color:var(--text-color);display:inline-block;font:var(--jkl-text-style-text-medium);font-weight:var(--jkl-font-weight-bold);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:a .3s linear;border-radius:var(--border-radius);max-width:100%;overflow:hidden;padding-block:var(--jkl-button-padding-block);padding-inline:var(--jkl-button-padding-text);position:relative;transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-button:has(.jkl-button__text){min-width:var(--button-min-width)}.jkl-button:has(.jkl-button__text):has(.jkl-icon){min-width:auto}.jkl-button:has(.jkl-icon:first-child){-webkit-padding-start:var(--jkl-button-padding-icon);padding-inline-start:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:last-child){-webkit-padding-end:var(--jkl-button-padding-icon);padding-inline-end:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--jkl-button-padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:var(--jkl-unit-02);justify-content:center;pointer-events:none;transition-duration:var(--jkl-motion-timing-expressive);transition-property:translate;transition-timing-function:var(--jkl-motion-easing-standard);width:100%}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:var(--jkl-motion-timing-expressive);transition-property:opacity,translate;transition-timing-function:var(--jkl-motion-easing-standard);translate:-50% 350%}.jkl-button__text{display:block;max-width:100%;min-width:0;-webkit-padding-before:var(--jkl-button-text-ink-offset);padding-block-start:var(--jkl-button-text-ink-offset);-webkit-margin-before:calc(var(--jkl-button-text-ink-offset)*-1);margin-block-start:calc(var(--jkl-button-text-ink-offset)*-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jkl-button[data-loading=true] .jkl-button__label{--button-loading-offset:calc(-100% - var(--jkl-button-padding-block)*2 - var(--jkl-button-text-ink-offset));translate:0 var(--button-loading-offset)}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-button:hover{background-color:color-mix(in srgb,var(--background-color),var(--text-color) 15%)}@media (forced-colors:active){.jkl-button:hover{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-contrast);--text-color:var(--jkl-color-text-on-contrast)}@media (forced-colors:active){.jkl-button--primary{border:calc(var(--border-width)*2) solid Highlight}}.jkl-button--secondary{border:var(--border-width) solid var(--text-color)}.jkl-button--tertiary{border-bottom:var(--border-width) solid var(--text-color);padding-inline:var(--jkl-button-tertiary-padding-icon)}.jkl-button--tertiary:has(.jkl-icon:first-child){padding-inline:var(--jkl-button-tertiary-padding-icon) calc(var(--jkl-button-tertiary-padding-icon)*2)}.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:calc(var(--jkl-button-tertiary-padding-icon)*2) var(--jkl-button-tertiary-padding-icon)}}

package/styles/components/card/card.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-card{--padding-s:var(--jkl-unit-05);--padding-m:var(--jkl-unit-15);--padding-l:var(--jkl-unit-20);--padding-xl:var(--jkl-unit-30);--border-radius:var(--jkl-border-radius-m);--border-color:transparent;--border-width:0.0625rem;--background-color:var(--jkl-color-background-container);background-color:var(--background-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--jkl-color-text-default);display:block;overflow:hidden;padding:var(--padding,var(--padding-s));position:relative;text-decoration:none}.jkl-card:after{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);content:"";inset:0;pointer-events:none;position:absolute;transition-duration:var(--jkl-motion-timing-snappy);transition-property:border-color,border-size;transition-timing-function:var(--jkl-motion-easing-standard)}@media (min-width:680px){.jkl-card{--padding-s:var(--jkl-unit-10);--padding-m:var(--jkl-unit-20);--padding-l:var(--jkl-unit-30);--padding-xl:var(--jkl-unit-40)}}.jkl-card[data-padding=s]{--padding:var(--padding-s)}.jkl-card[data-padding=m]{--padding:var(--padding-m)}.jkl-card[data-padding=l]{--padding:var(--padding-l)}.jkl-card[data-padding=xl]{--padding:var(--padding-xl)}.jkl-card--outlined{--border-color:var(--jkl-color-border-subdued);--background-color:transparent}.jkl-card:where(button){border:none;font:inherit;line-height:inherit;outline:none;text-align:inherit}.jkl-card:is(a,button:not(disabled)),.jkl-card[data-clickable=true]{cursor:pointer}.jkl-card:is(a,button:not(disabled)):hover,.jkl-card[data-clickable=true]:hover{--border-color:var(--jkl-color-border-strong);--border-width:0.125rem}.jkl-card:is(a,button:not(disabled)):focus-visible,.jkl-card[data-clickable=true]:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-card-image{--margin:calc(var(--padding, 0)*-1);aspect-ratio:var(--image-aspect-ratio,3/2);margin-inline:var(--margin,0);object-fit:cover;width:calc(100% + var(--padding, 0)*2)}.jkl-card-image--top{margin-top:var(--margin,0)}.jkl-card-image--bottom{margin-bottom:var(--margin,0)}.jkl-card-image--full{margin-block:var(--margin,0)}}
+@layer jokul.components{.jkl-card{--padding-s:var(--jkl-unit-05);--padding-m:var(--jkl-unit-15);--padding-l:var(--jkl-unit-20);--padding-xl:var(--jkl-unit-30);--border-radius:var(--jkl-border-radius-m);--border-color:#0000;--border-width:0.0625rem;--background-color:var(--jkl-color-background-container);background-color:var(--background-color);box-sizing:border-box;color:var(--jkl-color-text-default);display:block;overflow:hidden;padding:var(--padding,var(--padding-s));position:relative;text-decoration:none}.jkl-card,.jkl-card:after{border-radius:var(--border-radius)}.jkl-card:after{border:var(--border-width) solid var(--border-color);content:"";inset:0;pointer-events:none;position:absolute;transition-duration:var(--jkl-motion-timing-snappy);transition-property:border-color,border-size;transition-timing-function:var(--jkl-motion-easing-standard)}@media (min-width:680px){.jkl-card{--padding-s:var(--jkl-unit-10);--padding-m:var(--jkl-unit-20);--padding-l:var(--jkl-unit-30);--padding-xl:var(--jkl-unit-40)}}.jkl-card[data-padding=s]{--padding:var(--padding-s)}.jkl-card[data-padding=m]{--padding:var(--padding-m)}.jkl-card[data-padding=l]{--padding:var(--padding-l)}.jkl-card[data-padding=xl]{--padding:var(--padding-xl)}.jkl-card--outlined{--border-color:var(--jkl-color-border-subdued);--background-color:#0000}.jkl-card:where(button){border:none;font:inherit;line-height:inherit;outline:none;text-align:inherit}.jkl-card:is(a,button:not(disabled)),.jkl-card[data-clickable=true]{cursor:pointer}.jkl-card:is(a,button:not(disabled)):hover,.jkl-card[data-clickable=true]:hover{--border-color:var(--jkl-color-border-strong);--border-width:0.125rem}.jkl-card:is(a,button:not(disabled)):focus-visible,.jkl-card[data-clickable=true]:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-card-image{--margin:calc(var(--padding, 0)*-1);aspect-ratio:var(--image-aspect-ratio,3/2);margin-inline:var(--margin,0);object-fit:cover;width:calc(100% + var(--padding, 0)*2)}.jkl-card-image--top{margin-top:var(--margin,0)}.jkl-card-image--bottom{margin-bottom:var(--margin,0)}.jkl-card-image--full{margin-block:var(--margin,0)}}

package/styles/components/checkbox/checkbox.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-checkbox{--text-color:var(--jkl-color-text-default);--icon-color:var(--jkl-color-background-contrast);--background-color:transparent;color:var(--text-color);display:flex;flex-wrap:wrap;font:var(--jkl-text-style-text-medium);position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:transparent;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;outline:0;outline-style:none;padding:0;position:absolute;z-index:1}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert;outline:revert;outline-style:revert}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{color:var(--text-color);cursor:pointer;display:flex;transition-duration:var(--jkl-motion-timing-productive);transition-property:color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__label:before{color:var(--icon-color);content:"check_box_outline_blank"/"";-webkit-margin-end:.25em;display:inline-block;flex-shrink:0;font-family:var(--jkl-font-family-icons);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;line-height:1;margin-inline-end:.25em;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-checkbox__input:is(:hover,:active)+.jkl-checkbox__label,.jkl-checkbox__label:active,.jkl-checkbox__label:hover{--jkl-icon-weight:var(--jkl-font-weight-bold)}.jkl-checkbox__input:checked+.jkl-checkbox__label:before{content:"check_box"/"";--jkl-icon-fill:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label:before{content:"indeterminate_check_box"/"";--jkl-icon-fill:1}.jkl-checkbox__input[aria-invalid=true]+.jkl-checkbox__label:before{color:var(--jkl-color-error-background-contrast)}.jkl-checkbox+.jkl-checkbox{margin-top:.75em}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:var(--jkl-unit-30)}}
+@layer jokul.components{.jkl-checkbox{--text-color:var(--jkl-color-text-default);--icon-color:var(--jkl-color-background-contrast);--background-color:#0000;color:var(--text-color);display:flex;flex-wrap:wrap;font:var(--jkl-text-style-text-medium);position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:#0000;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;padding:0;position:absolute;z-index:1}.jkl-checkbox__input,.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert}.jkl-checkbox__input,.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{color:var(--text-color);cursor:pointer;display:flex;transition-duration:var(--jkl-motion-timing-productive);transition-property:color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__label:before{color:var(--icon-color);content:"check_box_outline_blank"/"";-webkit-margin-end:.25em;display:inline-block;flex-shrink:0;font-family:var(--jkl-font-family-icons);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;line-height:1;margin-inline-end:.25em;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-checkbox__input:is(:hover,:active)+.jkl-checkbox__label,.jkl-checkbox__label:active,.jkl-checkbox__label:hover{--jkl-icon-weight:var(--jkl-font-weight-bold)}.jkl-checkbox__input:checked+.jkl-checkbox__label:before{content:"check_box"/"";--jkl-icon-fill:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label:before{content:"indeterminate_check_box"/"";--jkl-icon-fill:1}.jkl-checkbox__input[aria-invalid=true]+.jkl-checkbox__label:before{color:var(--jkl-color-error-background-contrast)}.jkl-checkbox+.jkl-checkbox{margin-top:.75em}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:var(--jkl-unit-30)}}

package/styles/components/checkbox-panel/checkbox-panel.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-input-panel{--outer-border-color:var(--jkl-color-border-default);--outer-border-thickness:0.0625rem;--background-color:transparent;--padding-inline:var(--jkl-unit-25);background-color:var(--background-color);border-radius:var(--jkl-border-radius-s);box-shadow:inset 0 0 0 var(--outer-border-thickness) var(--outer-border-color);display:flex;flex-direction:column;interpolate-size:allow-keywords;transition-duration:var(--jkl-motion-timing-productive);transition-property:box-shadow;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-input-panel__header{align-items:center;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;padding:var(--jkl-unit-20) var(--padding-inline);position:relative}.jkl-input-panel__header .jkl-checkbox,.jkl-input-panel__header .jkl-radio-button{grid-column:1/-1;grid-row:1}.jkl-input-panel__header label{inline-size:100%}.jkl-input-panel__header label:after{content:"";inset:0;position:absolute}.jkl-input-panel__header .jkl-checkbox,.jkl-input-panel__header .jkl-radio-button,.jkl-input-panel__header label{position:unset}.jkl-input-panel__header input[type=checkbox],.jkl-input-panel__header input[type=radio]{inset-block-start:var(--jkl-unit-20);inset-inline-start:var(--padding-inline)}.jkl-input-panel__header__amount{align-items:center;display:flex;font:var(--jkl-text-style-text-medium);font-weight:var(--jkl-font-weight-bold);grid-column:2;grid-row:1;height:100%;justify-self:end;pointer-events:none;position:relative;z-index:1}.jkl-input-panel__description{height:0;overflow:hidden;padding-inline:var(--padding-inline);-webkit-padding-after:var(--jkl-spacing-none);line-height:normal;font:var(--jkl-text-style-paragraph-medium);padding-block-end:var(--jkl-spacing-none);transition-duration:var(--jkl-motion-timing-productive);transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-input-panel:has(:focus-visible){outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-input-panel:has(:checked),.jkl-input-panel:not([data-always-open]),.jkl-input-panel[data-always-open=true]{--background-color:var(--jkl-color-background-container)}.jkl-input-panel:has(:checked) .jkl-input-panel__description,.jkl-input-panel:not([data-always-open]) .jkl-input-panel__description,.jkl-input-panel[data-always-open=true] .jkl-input-panel__description{height:auto;-webkit-padding-after:var(--jkl-unit-20);padding-block-end:var(--jkl-unit-20)}.jkl-input-panel:has(input[aria-invalid=true]){--outer-border-color:var(--jkl-color-error-border-default)}.jkl-input-panel:has(input:hover){--outer-border-color:var(--jkl-color-border-strong);--outer-border-thickness:0.125rem;cursor:pointer}}@layer jokul.components{.jkl-checkbox{--text-color:var(--jkl-color-text-default);--icon-color:var(--jkl-color-background-contrast);--background-color:transparent;color:var(--text-color);display:flex;flex-wrap:wrap;font:var(--jkl-text-style-text-medium);position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:transparent;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;outline:0;outline-style:none;padding:0;position:absolute;z-index:1}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert;outline:revert;outline-style:revert}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{color:var(--text-color);cursor:pointer;display:flex;transition-duration:var(--jkl-motion-timing-productive);transition-property:color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__label:before{color:var(--icon-color);content:"check_box_outline_blank"/"";-webkit-margin-end:.25em;display:inline-block;flex-shrink:0;font-family:var(--jkl-font-family-icons);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;line-height:1;margin-inline-end:.25em;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-checkbox__input:is(:hover,:active)+.jkl-checkbox__label,.jkl-checkbox__label:active,.jkl-checkbox__label:hover{--jkl-icon-weight:var(--jkl-font-weight-bold)}.jkl-checkbox__input:checked+.jkl-checkbox__label:before{content:"check_box"/"";--jkl-icon-fill:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label:before{content:"indeterminate_check_box"/"";--jkl-icon-fill:1}.jkl-checkbox__input[aria-invalid=true]+.jkl-checkbox__label:before{color:var(--jkl-color-error-background-contrast)}.jkl-checkbox+.jkl-checkbox{margin-top:.75em}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:var(--jkl-unit-30)}}@layer jokul.components{.jkl-checkbox-panel .jkl-checkbox{-webkit-margin-start:-.1em;margin-inline-start:-.1em}.jkl-checkbox-panel .jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:none}}
+@layer jokul.components{.jkl-input-panel{--outer-border-color:var(--jkl-color-border-default);--outer-border-thickness:0.0625rem;--background-color:#0000;--padding-inline:var(--jkl-unit-25);background-color:var(--background-color);border-radius:var(--jkl-border-radius-s);box-shadow:inset 0 0 0 var(--outer-border-thickness) var(--outer-border-color);display:flex;flex-direction:column;interpolate-size:allow-keywords;transition-duration:var(--jkl-motion-timing-productive);transition-property:box-shadow;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-input-panel__header{align-items:center;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;padding:var(--jkl-unit-20) var(--padding-inline);position:relative}.jkl-input-panel__header .jkl-checkbox,.jkl-input-panel__header .jkl-radio-button{grid-column:1/-1;grid-row:1}.jkl-input-panel__header label{inline-size:100%}.jkl-input-panel__header label:after{content:"";inset:0;position:absolute}.jkl-input-panel__header .jkl-checkbox,.jkl-input-panel__header .jkl-radio-button,.jkl-input-panel__header label{position:unset}.jkl-input-panel__header input[type=checkbox],.jkl-input-panel__header input[type=radio]{inset-block-start:var(--jkl-unit-20);inset-inline-start:var(--padding-inline)}.jkl-input-panel__header__amount{align-items:center;display:flex;font:var(--jkl-text-style-text-medium);font-weight:var(--jkl-font-weight-bold);grid-column:2;grid-row:1;height:100%;justify-self:end;pointer-events:none;position:relative;z-index:1}.jkl-input-panel__description{height:0;overflow:hidden;padding-inline:var(--padding-inline);-webkit-padding-after:var(--jkl-spacing-none);line-height:normal;font:var(--jkl-text-style-paragraph-medium);padding-block-end:var(--jkl-spacing-none);transition-duration:var(--jkl-motion-timing-productive);transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-input-panel:has(:focus-visible){outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-input-panel:has(:checked),.jkl-input-panel:not([data-always-open]),.jkl-input-panel[data-always-open=true]{--background-color:var(--jkl-color-background-container)}.jkl-input-panel:has(:checked) .jkl-input-panel__description,.jkl-input-panel:not([data-always-open]) .jkl-input-panel__description,.jkl-input-panel[data-always-open=true] .jkl-input-panel__description{height:auto;-webkit-padding-after:var(--jkl-unit-20);padding-block-end:var(--jkl-unit-20)}.jkl-input-panel:has(input[aria-invalid=true]){--outer-border-color:var(--jkl-color-error-border-default)}.jkl-input-panel:has(input:hover){--outer-border-color:var(--jkl-color-border-strong);--outer-border-thickness:0.125rem;cursor:pointer}}@layer jokul.components{.jkl-checkbox{--text-color:var(--jkl-color-text-default);--icon-color:var(--jkl-color-background-contrast);--background-color:#0000;color:var(--text-color);display:flex;flex-wrap:wrap;font:var(--jkl-text-style-text-medium);position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:#0000;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;padding:0;position:absolute;z-index:1}.jkl-checkbox__input,.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert}.jkl-checkbox__input,.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{color:var(--text-color);cursor:pointer;display:flex;transition-duration:var(--jkl-motion-timing-productive);transition-property:color;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__label:before{color:var(--icon-color);content:"check_box_outline_blank"/"";-webkit-margin-end:.25em;display:inline-block;flex-shrink:0;font-family:var(--jkl-font-family-icons);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-weight:400;line-height:1;margin-inline-end:.25em;-webkit-font-smoothing:antialiased;transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform;transition-timing-function:var(--jkl-motion-easing-standard)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-checkbox__input:is(:hover,:active)+.jkl-checkbox__label,.jkl-checkbox__label:active,.jkl-checkbox__label:hover{--jkl-icon-weight:var(--jkl-font-weight-bold)}.jkl-checkbox__input:checked+.jkl-checkbox__label:before{content:"check_box"/"";--jkl-icon-fill:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label:before{content:"indeterminate_check_box"/"";--jkl-icon-fill:1}.jkl-checkbox__input[aria-invalid=true]+.jkl-checkbox__label:before{color:var(--jkl-color-error-background-contrast)}.jkl-checkbox+.jkl-checkbox{margin-top:.75em}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:var(--jkl-unit-30)}.jkl-checkbox-panel .jkl-checkbox{-webkit-margin-start:-.1em;margin-inline-start:-.1em}}@layer jokul.components{.jkl-checkbox-panel .jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:none}}