@conduction/theme 1.1.4 → 1.1.5

package/municipalities/gouda-design-tokens/documentation/color.stories.mdx

@@ -0,0 +1,17 @@
+import { Meta, ColorPalette, ColorItem } from "@storybook/addon-docs";
+import tokens from "../dist/tokens.json";
+import { ColorSearch } from "@nl-design-system-unstable/theme-toolkit/src/ColorSearch";
+import { ColorTable } from "@nl-design-system-unstable/theme-toolkit/src/ColorTable";
+import config from "../src/config.json";
+
+<Meta title={`${config.name}/Color`} />
+
+# Color
+
+## Find a color
+
+<ColorSearch tokens={tokens[config.prefix]["color"]}></ColorSearch>
+
+## Color palette
+
+<ColorTable tokens={tokens[config.prefix]["color"]}></ColorTable>

package/municipalities/gouda-design-tokens/documentation/components.stories.mdx

@@ -0,0 +1,11 @@
+import { Meta, Story } from "@storybook/addon-docs";
+import { ComponentStories } from "@nl-design-system-unstable/theme-toolkit/src/ComponentStories";
+import config from "../src/config.json";
+
+<Meta title={`${config.name}`} />
+
+# Components
+
+<Story name="Components">
+  <ComponentStories config={config} />
+</Story>

package/municipalities/gouda-design-tokens/documentation/design-tokens.stories.mdx

@@ -0,0 +1,14 @@
+import { Meta, ColorPalette, ColorItem } from "@storybook/addon-docs";
+import { DesignTokensTable } from "@nl-design-system-unstable/theme-toolkit/src/DesignTokensTable";
+import tokens from "../dist/index.json";
+import config from "../src/config.json";
+
+<Meta title={`${config.name}/Design Tokens`} />
+
+# Design Tokens
+
+<DesignTokensTable tokens={tokens.filter((token) => token.path[0] !== config.prefix)}></DesignTokensTable>
+
+## Proprietary Design Tokens
+
+<DesignTokensTable tokens={tokens.filter((token) => token.path[0] === config.prefix)}></DesignTokensTable>

package/municipalities/gouda-design-tokens/documentation/readme.stories.mdx

@@ -0,0 +1,7 @@
+import { Meta, Description } from "@storybook/addon-docs";
+import markdown from "../README.md";
+import config from "../src/config.json";
+
+<Meta title={`${config.name}/README`} />
+
+<Description>{markdown}</Description>

package/municipalities/gouda-design-tokens/package.json

@@ -0,0 +1,41 @@
+{
+  "version": "1.0.0-alpha.01",
+  "author": "Community for NL Design System",
+  "description": "NL Design System design tokens for Gemeente Gouda",
+  "website": "https://www.gouda.nl/",
+  "keywords": [
+    "nl-design-system",
+    "conduction"
+  ],
+  "license": "SEE LICENSE IN LICENSE.md",
+  "name": "@nl-design-system-unstable/gouda-design-tokens",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git+ssh",
+    "url": "git@github.com:nl-design-system/themes.git"
+  },
+  "scripts": {
+    "clean": "rimraf -rf dist/",
+    "prebuild": "npm run clean",
+    "watch": "npm-run-all watch:**",
+    "watch:style-dictionary": "chokidar --follow-symlinks --command 'npm run --ignore-scripts build' 'src/**/*.tokens.json'",
+    "build": "npm-run-all build:**",
+    "build:scss": "sass --no-source-map src/:dist/",
+    "build:style-dictionary": "style-dictionary build --config ./style-dictionary.config.js"
+  },
+  "devDependencies": {
+    "@fontsource/ubuntu": "5.0.8",
+    "@nl-design-system-unstable/theme-toolkit": "workspace:*",
+    "chokidar-cli": "3.0.0",
+    "npm-run-all": "4.1.5",
+    "rimraf": "3.0.2",
+    "style-dictionary": "3.8.0"
+  },
+  "bugs": {
+    "url": "https://github.com/ConductionNL/conduction-theme/issues"
+  },
+  "homepage": "https://github.com/ConductionNL/conduction-theme#readme"
+}

package/municipalities/gouda-design-tokens/src/brand/gouda/color.tokens.json

@@ -0,0 +1,96 @@
+{
+  "gouda": {
+    "color": {
+      "primary": {
+        "value": "{gouda.color.red.49}"
+      },
+      "primary-hover": {
+        "value": "{gouda.color.red.30}"
+      },
+      "error": { "value": "#dc3545" },
+      "alert-error": { "value": "#721c24" },
+      "alert-error-background": { "value": "#f8d7da" },
+      "warning": { "value": "#ffc107" },
+      "alert-warning": { "value": "#856404" },
+      "alert-warning-background": { "value": "#fff3cd" },
+      "succes": { "value": "#28a745" },
+      "alert-succes": { "value": "#155724" },
+      "alert-succes-background": { "value": "#d4edda" },
+      "info": { "value": "#4376fc" },
+      "alert-info": { "value": "#004085" },
+      "alert-info-background": { "value": "#cce5ff" },
+      "red": {
+        "30": {
+          "value": "#901009"
+        },
+        "49": {
+          "value": "#ea1017",
+          "comment": "Base/Red"
+        }
+      },
+      "yellow": {
+        "59": {
+          "value": "#fcb731",
+          "comment": "Base/Yellow"
+        }
+      },
+      "grey": {
+        "29": {
+          "value": "#4a4a4a"
+        },
+        "31": {
+          "value": "#4f4f4f"
+        },
+        "44": {
+          "value": "#707070"
+        },
+        "46": {
+          "value": "#767676"
+        },
+        "48": {
+          "value": "#7a7a7a"
+        },
+        "50": {
+          "value": "#808080",
+          "comment": "Base/Grey"
+        },
+        "58": {
+          "value": "#949494"
+        },
+        "82": {
+          "value": "#d1d1d1"
+        },
+        "89": {
+          "value": "#e4e4e4"
+        },
+        "97": {
+          "value": "#f7f7f7"
+        }
+      },
+      "lightgrey": {
+        "96": {
+          "value": "#f5f5f5",
+          "comment": "Base/LightGrey"
+        }
+      },
+      "white": {
+        "100": {
+          "value": "#ffffff",
+          "comment": "Base/White"
+        }
+      },
+      "black": {
+        "0": {
+          "value": "#000000",
+          "comment": "Base/Black"
+        },
+        "20": {
+          "value": "#333333"
+        },
+        "30": {
+          "value": "#4d4d4d"
+        }
+      }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/brand/gouda/font-size.tokens.json

@@ -0,0 +1,17 @@
+{
+  "gouda": {
+    "font-size": {
+      "4xs": { "value": "5px" },
+      "3xs": { "value": "8px" },
+      "2xs": { "value": "10px" },
+      "xs": { "value": "12px" },
+      "sm": { "value": "14px" },
+      "md": { "value": "16px" },
+      "lg": { "value": "18px" },
+      "xl": { "value": "22px" },
+      "2xl": { "value": "28px" },
+      "3xl": { "value": "35px" },
+      "4xl": { "value": "58px" }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/brand/gouda/size.tokens.json

@@ -0,0 +1,17 @@
+{
+  "gouda": {
+    "size": {
+      "4xs": { "value": "1px" },
+      "3xs": { "value": "2px" },
+      "2xs": { "value": "4px" },
+      "xs": { "value": "8px" },
+      "sm": { "value": "14px" },
+      "md": { "value": "18px" },
+      "lg": { "value": "24px" },
+      "xl": { "value": "32px" },
+      "2xl": { "value": "48px" },
+      "3xl": { "value": "72px" },
+      "4xl": { "value": "96px" }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/brand/gouda/typography.tokens.json

@@ -0,0 +1,45 @@
+{
+  "gouda": {
+    "typography": {
+      "ubuntu": {
+        "font-family": {
+          "value": "\"Ubuntu\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, \"Noto Sans\""
+        }
+      },
+      "sans-serif": {
+        "font-family": {
+          "value": "\"Noto Sans\", Arial, sans-serif"
+        }
+      },
+      "monospace": {
+        "font-family": {
+          "value": "Monospace, \"Lucida Console\""
+        }
+      },
+      "font-weight": {
+        "bold": {
+          "value": "700"
+        },
+        "normal": {
+          "value": "400"
+        },
+        "light": {
+          "value": "100"
+        }
+      },
+      "scale": {
+        "4xs": { "value": "{gouda.font-size.4xs}" },
+        "3xs": { "value": "{gouda.font-size.3xs}" },
+        "2xs": { "value": "{gouda.font-size.2xs}" },
+        "xs": { "value": "{gouda.font-size.xs}" },
+        "sm": { "value": "{gouda.font-size.sm}" },
+        "md": { "value": "{gouda.font-size.md}" },
+        "lg": { "value": "{gouda.font-size.lg}" },
+        "xl": { "value": "{gouda.font-size.xl}" },
+        "2xl": { "value": "{gouda.font-size.2xl}" },
+        "3xl": { "value": "{gouda.font-size.3xl}" },
+        "4xl": { "value": "{gouda.font-size.4xl}" }
+      }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/common/utrecht/action.tokens.json

@@ -0,0 +1,9 @@
+{
+  "utrecht": {
+    "action": {
+      "busy": { "cursor": { "value": "wait" } },
+      "disabled": { "cursor": { "value": "not-allowed" } },
+      "submit": { "cursor": { "value": "pointer" } }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/common/utrecht/space.tokens.json

@@ -0,0 +1,28 @@
+{
+  "utrecht": {
+    "space": {
+      "block": {
+        "3xs": { "value": "{gouda.size.3xs}" },
+        "2xs": { "value": "{gouda.size.2xs}" },
+        "xs": { "value": "{gouda.size.xs}" },
+        "sm": { "value": "{gouda.size.sm}" },
+        "md": { "value": "{gouda.size.md}" },
+        "lg": { "value": "{gouda.size.lg}" },
+        "xl": { "value": "{gouda.size.xl}" },
+        "2xl": { "value": "{gouda.size.2xl}" },
+        "3xl": { "value": "{gouda.size.3xl}" }
+      },
+      "inline": {
+        "3xs": { "value": "{gouda.size.3xs}" },
+        "2xs": { "value": "{gouda.size.2xs}" },
+        "xs": { "value": "{gouda.size.xs}" },
+        "sm": { "value": "{gouda.size.sm}" },
+        "md": { "value": "{gouda.size.md}" },
+        "lg": { "value": "{gouda.size.lg}" },
+        "xl": { "value": "{gouda.size.xl}" },
+        "2xl": { "value": "{gouda.size.2xl}" },
+        "3xl": { "value": "{gouda.size.3xl}" }
+      }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/component/conduction/card-header.tokens.json

@@ -0,0 +1,26 @@
+{
+  "conduction": {
+    "card-header": {
+      "background-color": {},
+      "border-bottom-width": {},
+      "border-bottom-style": {},
+      "border-bottom-color": {},
+      "color": { "value": "{utrecht.document.color}" },
+      "hover": {
+        "background-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {}
+      },
+      "title": {
+        "color": { "value": "{gouda.color.black.20}" }
+      },
+      "date": {
+        "color": { "value": "{gouda.color.grey.44}" },
+        "font-size": { "value": "{gouda.font-size.sm}" },
+        "font-weight": { "value": "{gouda.typography.font-weight.light}" },
+        "margin-block-end": { "value": "{gouda.size.xs}" }
+      }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/component/conduction/card-wrapper.tokens.json

@@ -0,0 +1,30 @@
+{
+  "conduction": {
+    "card-wrapper": {
+      "background-color": { "value": "{gouda.color.white.100}" },
+      "border-color": {},
+      "border-style": {},
+      "border-width": {},
+      "border-bottom-color": {},
+      "border-bottom-style": {},
+      "border-bottom-width": {},
+      "border-radius": { "value": "0px" },
+      "box-shadow": { "value": "0 1px 1px 0 rgba(40,44,53,.08), 0 2px 2px 0 rgba(40,44,53,.05);" },
+      "color": { "value": "{gouda.color.black.0}" },
+      "hover": {
+        "background-color": { "value": "{gouda.color.yellow.59}" },
+        "color": {},
+        "border-color": {},
+        "border-style": {},
+        "border-width": {},
+        "border-bottom-color": {},
+        "border-bottom-style": {},
+        "border-bottom-width": {}
+      },
+      "padding-inline-end": { "value": "{gouda.size.md}" },
+      "padding-inline-start": { "value": "{gouda.size.md}" },
+      "padding-block-end": { "value": "{gouda.size.md}" },
+      "padding-block-start": { "value": "{gouda.size.md}" }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/component/conduction/checkbox.tokens.json

@@ -0,0 +1,69 @@
+{
+  "conduction": {
+    "input-checkbox": {
+      "color": { "value": "{gouda.color.white.100}" },
+      "border-width": { "value": "{gouda.size.4xs}" },
+      "border-style": { "value": "solid" },
+      "border-color": { "value": "{gouda.color.grey.46}" },
+      "border-radius": { "value": "3px" },
+      "box-shadow": {},
+      "hover": {
+        "color": { "value": "{gouda.color.white.100}" },
+        "border-width": { "value": "{gouda.size.4xs}" },
+        "border-style": { "value": "solid" },
+        "border-color": { "value": "{gouda.color.grey.31}" },
+        "border-radius": { "value": "3px" },
+        "box-shadow": {}
+      },
+      "checked": {
+        "color": { "value": "{gouda.color.primary}" },
+        "border-width": { "value": "{gouda.size.4xs}" },
+        "border-style": { "value": "solid" },
+        "border-color": { "value": "{gouda.color.primary}" },
+        "border-radius": { "value": "3px" },
+        "box-shadow": {},
+        "checkmark-url": {},
+        "hover": {
+          "color": { "value": "{gouda.color.primary}" },
+          "border-width": { "value": "{gouda.size.4xs}" },
+          "border-style": { "value": "solid" },
+          "border-color": { "value": "{gouda.color.primary}" },
+          "border-radius": { "value": "3px" },
+          "box-shadow": {}
+        }
+      },
+      "disabled": {
+        "color": { "value": "{gouda.color.grey.82}" },
+        "border-width": { "value": "{gouda.size.4xs}" },
+        "border-style": { "value": "solid" },
+        "border-color": { "value": "{gouda.color.grey.82}" },
+        "border-radius": { "value": "3px" },
+        "box-shadow": {},
+        "hover": {
+          "color": { "value": "{gouda.color.grey.82}" },
+          "border-width": { "value": "{gouda.size.4xs}" },
+          "border-style": { "value": "solid" },
+          "border-color": { "value": "{gouda.color.grey.82}" },
+          "border-radius": { "value": "3px" },
+          "box-shadow": {}
+        }
+      },
+      "focus": {
+        "outline-width": { "value": "2px" },
+        "outline-style": { "value": "solid" },
+        "outline-color": { "value": "{gouda.color.black.0}" },
+        "outline-offset": { "value": "2px" }
+      },
+      "label": {
+        "color": { "value": "{utrecht.document.color}" },
+        "font-size": { "value": "{utrecht.document.font-size}" },
+        "font-weight": {},
+        "font-family": { "value": "{utrecht.document.font-family}" },
+        "container": {
+          "padding": { "value": "3px" },
+          "margin": { "value": "3px" }
+        }
+      }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/component/conduction/download-card.tokens.json

@@ -0,0 +1,28 @@
+{
+  "conduction": {
+    "download-card": {
+      "background-color": {},
+      "title": {
+        "color": { "value": "{utrecht.document.color}" },
+        "font-size": { "value": "{gouda.font-size.md}" },
+        "font-weight": { "value": "{gouda.typography.font-weight.bold}" },
+        "font-family": { "value": "{utrecht.document.font-family}" },
+        "margin-inline-end": { "value": "{gouda.size.sm}" }
+      },
+      "border-width": { "value": "{gouda.size.4xs}" },
+      "border-style": { "value": "solid" },
+      "border-color": { "value": "{gouda.color.grey.82}" },
+      "border-radius": { "value": "{gouda.size.3xs}" },
+      "icon": {
+        "gap": {
+          "value": "{gouda.size.xs}"
+        },
+        "color": {}
+      },
+      "padding-inline-end": { "value": "{gouda.size.md}" },
+      "padding-inline-start": { "value": "{gouda.size.md}" },
+      "padding-block-end": { "value": "{gouda.size.md}" },
+      "padding-block-start": { "value": "{gouda.size.md}" }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/component/conduction/logo.tokens.json

@@ -0,0 +1,27 @@
+{
+  "conduction": {
+    "logo": {
+      "header": {
+        "inline-size": { "value": "200px" },
+        "block-size": { "value": "75px" },
+        "background-image": {
+          "value": "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0MS43IiB2aWV3Qm94PSIwIDAgNTUzLjQgMTQxLjciIHdpZHRoPSI1NTMuNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDU1My40djE0MS43aC01NTMuNHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0ibTM4NS40IDEyMGMwLS44LjItMS41LjUtMi4xcy44LTEuMSAxLjQtMS42IDEuNC0uOCAyLjQtMWMuOS0uMiAyLS4zIDMuMi0uM2g2Ljd2NS4zYy0uNC40LS43LjgtMS4xIDEuMS0xLjEuOS0yLjMgMS42LTMuNiAyLjFzLTIuOC44LTQuMi44Yy0xIDAtMS45LS4yLTIuNy0uNS0uOC0uNC0xLjQtLjktMS45LTEuNXMtLjctMS40LS43LTIuM20tOS4zLTVjLS44IDEuNi0xLjEgMy40LTEuMSA1LjUgMCAyLjQuNiA0LjYgMS44IDYuNHMyLjggMy4yIDQuOSA0LjIgNC40IDEuNSA2LjkgMS41YzIgMCAzLjktLjQgNS42LTEuMSAxLjgtLjggMy40LTEuOCA1LTMuMS4yLS4xLjMtLjMuNS0uNHYzLjloMTAuMnYtMjcuNGMwLTMuMS0uNy01LjctMi03LjdzLTMuMi0zLjYtNS42LTQuNi01LjMtMS41LTguNS0xLjVjLTMuNiAwLTYuOS43LTkuOSAyLjFzLTUuOCAzLjMtOC4yIDUuOWw2LjYgNi40YzEuNC0xLjcgMi45LTMgNC42LTMuOCAxLjYtLjggMy41LTEuMiA1LjYtMS4yIDIuMiAwIDMuOS42IDUuMiAxLjdzMS45IDIuOCAxLjkgNC45djEuMWgtNi42Yy0zIDAtNS42LjMtNy45LjgtMi4zLjYtNC4xIDEuNC01LjYgMi40cy0yLjYgMi40LTMuNCA0bS04Ni40LTIzLjVoLTEwLjh2MjVjMCAzLjQuNiA2LjIgMS43IDguN3MyLjggNC4zIDQuOSA1LjYgNC43IDEuOSA3LjYgMS45YzIuMyAwIDQuNC0uNCA2LjQtMS4zczMuNy0yLjEgNS4xLTMuNmwxLjItMS41LjIgNS42aDEwLjN2LTQwLjRoLTEwLjh2MjQuMWMwIDEuMi0uMiAyLjItLjYgMy4ycy0xIDEuOC0xLjcgMi41LTEuNiAxLjMtMi42IDEuNmMtMSAuNC0yLjEuNi0zLjMuNi0yLjQgMC00LjMtLjgtNS42LTIuNHMtMi0zLjgtMi02Ljd6bS0xOTUuMyAyNS42IDQuNiA3LjktNC42IDcuOWg5LjNsNS4yIDguOSA1LjItOC45aDkuM2wtNC42LTcuOSA0LjYtNy45aC05LjNsLTUuMi04LjktNS4yIDguOXptLTk0LjQgMCA0LjYgNy45LTQuNiA3LjloOS4zbDUuMiA4LjkgNS4yLTguOWg5LjNsLTQuNi03LjkgNC42LTcuOWgtOS4zbC01LjItOC45LTUuMiA4Ljl6bTI5LTkyLjQtNC42LTcuOSA0LjYtNy45aC05LjNsLTUuMi04LjktNS4yIDguOWgtOS4zbDQuNiA3LjktNC42IDcuOWg5LjNsNS4yIDguOSA1LjItOC45em0wIDU0LTQuNi03LjkgNC42LTcuOWgtOS4zbC01LjItOC45LTUuMiA4LjloLTkuM2w0LjYgNy45LTQuNiA3LjloOS4zbDUuMiA4LjkgNS4yLTguOXptMjIuNSA2My4xIDIwLjQtMjEuMnYtOTkuM2wtMjAuNC0yMS4yem03Mi0xMTcuMS00LjYtNy45IDQuNi03LjloLTkuM2wtNS4yLTguOS01LjIgOC45aC05LjNsNC42IDcuOS00LjYgNy45aDkuM2w1LjIgOC45IDUuMi04Ljl6bTAgNTQtNC42LTcuOSA0LjYtNy45aC05LjNsLTUuMi04LjktNS4yIDguOWgtOS4zbDQuNiA3LjktNC42IDcuOWg5LjNsNS4yIDguOSA1LjItOC45em05Ni4yLTM3LjdjMS4yLTIuOSAxLjgtNiAxLjgtOS41di0xLjljMC0uOC0uMS0xLjYtLjEtMi40LS4xLS44LS4xLTEuNS0uMi0yLjFoLTI0LjZ2OS42aDEzLjZjMCAxLjMtLjQgMi41LTEgMy43LS43IDEuMi0xLjYgMi4zLTIuNyAzLjJzLTIuNSAxLjYtNCAyLjJjLTEuNS41LTMuMS44LTQuOC44LTIuNCAwLTQuNi0uNC02LjctMS4zcy0zLjktMi4xLTUuNS0zLjctMi44LTMuNC0zLjctNS41LTEuMy00LjMtMS4zLTYuNy40LTQuNyAxLjMtNi44Yy44LTIuMSAyLTMuOSAzLjUtNS41czMuMy0yLjcgNS4zLTMuNmMyLS44IDQuMi0xLjMgNi42LTEuMyAyLjYgMCA1IC41IDcuMiAxLjYgMi4yIDEgNC4zIDIuNSA2LjMgNC40bDcuMS03LjVjLTEuNC0xLjctMy4xLTMuMy01LjMtNC42LTIuMS0xLjMtNC41LTIuNC03LjEtMy4xLTIuNi0uOC01LjMtMS4xLTguMi0xLjEtNC4xIDAtNy45LjctMTEuNCAyLjFzLTYuNSAzLjMtOSA1LjhjLTIuNiAyLjUtNC42IDUuNC01LjkgOC43LTEuNCAzLjQtMi4xIDctMi4xIDEwLjlzLjcgNy42IDIgMTAuOWMxLjMgMy40IDMuMyA2LjMgNS44IDguOHM1LjQgNC40IDguOCA1LjggNy4yIDIuMSAxMS40IDIuMWMzLjUgMCA2LjctLjYgOS43LTEuN3M1LjYtMi44IDcuOS00LjhjMi40LTIuMSA0LjEtNC42IDUuMy03LjVtMCA3Ny42YzEuMi0yLjkgMS44LTYgMS44LTkuNXYtMS45YzAtLjgtLjEtMS42LS4xLTIuNC0uMS0uOC0uMS0xLjUtLjItMi4xaC0yNC42djkuNmgxMy42YzAgMS4zLS40IDIuNS0xIDMuNy0uNyAxLjItMS42IDIuMy0yLjcgMy4ycy0yLjUgMS42LTQgMi4yYy0xLjUuNS0zLjEuOC00LjguOC0yLjQgMC00LjYtLjQtNi43LTEuM3MtMy45LTIuMS01LjUtMy43LTIuOC0zLjQtMy43LTUuNS0xLjMtNC4zLTEuMy02LjcuNC00LjcgMS4zLTYuOGMuOC0yLjEgMi0zLjkgMy41LTUuNXMzLjMtMi43IDUuMy0zLjZjMi0uOCA0LjItMS4zIDYuNi0xLjMgMi42IDAgNSAuNSA3LjIgMS42IDIuMiAxIDQuMyAyLjUgNi4zIDQuNGw3LjEtNy41Yy0xLjQtMS43LTMuMS0zLjMtNS4zLTQuNi0yLjEtMS4zLTQuNS0yLjQtNy4xLTMuMS0yLjYtLjgtNS4zLTEuMS04LjItMS4xLTQuMSAwLTcuOS43LTExLjQgMi4xcy02LjUgMy4zLTkgNS44Yy0yLjYgMi41LTQuNiA1LjQtNS45IDguNy0xLjQgMy40LTIuMSA3LTIuMSAxMC45cy43IDcuNiAyIDEwLjljMS4zIDMuNCAzLjMgNi4zIDUuOCA4LjhzNS40IDQuNCA4LjggNS44IDcuMiAyLjEgMTEuNCAyLjFjMy41IDAgNi43LS42IDkuNy0xLjdzNS42LTIuOCA3LjktNC44YzIuNC0yLjEgNC4xLTQuNiA1LjMtNy41bTM3LjMtODguOGgtMTguNGMuMi0uOC41LTEuNi44LTIuMy44LTEuNyAyLTIuOSAzLjUtMy44IDEuNi0uOSAzLjUtMS4zIDUuOC0xLjMgMS41IDAgMi44LjMgNCAxIDEuMi42IDIuMiAxLjUgMyAyLjZzMS4yIDIuMyAxLjMgMy43em0xMC4yIDYuNy4xLTMuNGMwLTIuOS0uNC01LjYtMS4zLThzLTIuMi00LjYtMy45LTYuNC0zLjctMy4yLTYtNC4yLTQuOC0xLjUtNy42LTEuNWMtMyAwLTUuOC41LTguMyAxLjYtMi41IDEtNC43IDIuNS02LjUgNC40cy0zLjMgNC4xLTQuMyA2LjhjLTEgMi42LTEuNSA1LjUtMS41IDguNyAwIDQgLjkgNy41IDIuNyAxMC42czQuMyA1LjUgNy42IDcuMyA3LjEgMi43IDExLjUgMi43YzEuOSAwIDMuOC0uMiA1LjYtLjcgMS45LS41IDMuNy0xLjEgNS41LTIuMSAxLjgtLjkgMy40LTIgNC44LTMuM2wtNS4xLTcuMmMtMS43IDEuNC0zLjMgMi4zLTQuOCAyLjlzLTMuMS44LTQuOS44Yy0yLjYgMC00LjgtLjUtNi43LTEuNC0xLjktMS0zLjQtMi40LTQuNC00LjItLjYtMS0xLTIuMi0xLjItMy40em0tNy43IDc1LjJjMCAyLjItLjQgNC4xLTEuMyA1LjktLjkgMS43LTIuMSAzLjEtMy43IDQuMXMtMy4zIDEuNS01LjQgMS41Yy0yIDAtMy44LS41LTUuMy0xLjUtMS42LTEtMi44LTIuNC0zLjctNC4xcy0xLjMtMy43LTEuMy01LjljLS4xLTIuMy40LTQuMyAxLjMtNnMyLjItMy4xIDMuNy00LjFjMS42LTEgMy40LTEuNSA1LjMtMS41IDIgMCAzLjguNSA1LjQgMS41IDEuNSAxIDIuOCAyLjQgMy43IDQuMSAxIDEuNyAxLjQgMy43IDEuMyA2bTguMyAxMC44YzEuOS0zLjIgMi44LTYuNyAyLjgtMTAuOHMtLjktNy44LTIuOC0xMC45Yy0xLjktMy4yLTQuNC01LjYtNy42LTcuNHMtNi45LTIuNy0xMS0yLjctNy43LjktMTAuOSAyLjctNS44IDQuMy03LjYgNy40Yy0xLjkgMy4yLTIuOCA2LjgtMi44IDEwLjkgMCA0IC45IDcuNiAyLjggMTAuOHM0LjQgNS42IDcuNiA3LjQgNi45IDIuNyAxMC45IDIuN2M0LjEgMCA3LjgtLjkgMTEtMi43czUuNy00LjMgNy42LTcuNG01OS4xLTY4LjJoMTAuOHYtMjQuNGMwLTMuNy0uNS02LjctMS42LTkuMi0xLTIuNS0yLjYtNC4zLTQuNy01LjZzLTQuNy0xLjktNy44LTEuOWMtMS4zIDAtMi43LjItNCAuNi0xLjQuNC0yLjcgMS00IDEuN3MtMi40IDEuNi0zLjQgMi42Yy0uOC44LTEuNSAxLjctMi4xIDIuNy0uNS0xLjQtMS4yLTIuNS0yLTMuNS0xLjItMS40LTIuNi0yLjUtNC4yLTMuMS0xLjctLjctMy41LTEtNS43LTEtMS40IDAtMi44LjItNC4yLjdzLTIuNyAxLjEtMy45IDEuOGMtMS4yLjgtMi4zIDEuNy0zLjIgMi44LS4yLjMtLjQuNS0uNi44bC0uMi01LjNoLTEwLjR2NDAuM2gxMC45di0yNGMwLTEuMS4yLTIuMS42LTMuMS40LS45IDEtMS44IDEuNy0yLjQuNy0uNyAxLjYtMS4yIDIuNi0xLjZzMi4xLS42IDMuMi0uNmMyLjEgMCAzLjguNyA0LjkgMi4xczEuNyAzLjMgMS43IDUuOXYyMy44aDEwLjh2LTI0YzAtMS4xLjItMi4xLjYtMy4xLjQtLjkgMS0xLjcgMS43LTIuNHMxLjYtMS4zIDIuNi0xLjZjMS0uNCAyLjEtLjYgMy4zLS42IDIuMiAwIDMuOS43IDUgMnMxLjYgMy40IDEuNiA2LjF6bTE4LjkgNDUuNGMyLjEgMCAzLjkuNSA1LjQgMS41czIuNyAyLjQgMy41IDQuMmMuOSAxLjggMS4zIDMuOSAxLjMgNi4zIDAgMi4zLS40IDQuNC0xLjMgNi4ycy0yIDMuMi0zLjUgNC4yLTMuMyAxLjUtNS40IDEuNWMtMiAwLTMuNy0uNS01LjMtMS41LTEuNS0xLTIuNy0yLjQtMy41LTQuMnMtMS4zLTMuOC0xLjMtNi4yLjQtNC41IDEuMy02LjNjLjgtMS44IDItMy4yIDMuNS00LjJzMy4zLTEuNSA1LjMtMS41bTMuMS04LjFjLTEuOC0uNi0zLjYtLjktNS41LS45LTMuNiAwLTYuNy45LTkuNSAyLjdzLTUgNC4zLTYuNiA3LjUtMi40IDYuOC0yLjQgMTAuOC44IDcuNiAyLjQgMTAuOCAzLjggNS43IDYuNiA3LjRjMi44IDEuOCA2IDIuNyA5LjUgMi43IDEuOSAwIDMuNy0uMyA1LjQtLjhzMy4yLTEuMyA0LjYtMi4yYzEtLjcgMS45LTEuNSAyLjYtMi40bC4yIDQuNmgxMC4ydi01Ni40aC0xMC44djIwLjRjLS42LS43LTEuMy0xLjMtMi4xLTEuOS0xLjMtMS0yLjktMS44LTQuNi0yLjNtMjUuOS02MS44aC0xOC40Yy4yLS44LjUtMS42LjgtMi4zLjgtMS43IDItMi45IDMuNS0zLjhzMy41LTEuMyA1LjgtMS4zYzEuNSAwIDIuOC4zIDQgMSAxLjIuNiAyLjIgMS41IDMgMi42czEuMiAyLjMgMS4zIDMuN3ptMTAuMyA2LjcuMS0zLjRjMC0yLjktLjQtNS42LTEuMy04cy0yLjItNC42LTMuOS02LjQtMy43LTMuMi02LTQuMi00LjgtMS41LTcuNi0xLjVjLTMgMC01LjguNS04LjMgMS42LTIuNSAxLTQuNyAyLjUtNi41IDQuNHMtMy4zIDQuMS00LjMgNi44Yy0xIDIuNi0xLjUgNS41LTEuNSA4LjcgMCA0IC45IDcuNSAyLjcgMTAuNnM0LjMgNS41IDcuNiA3LjMgNy4xIDIuNyAxMS41IDIuN2MxLjkgMCAzLjgtLjIgNS42LS43IDEuOS0uNSAzLjctMS4xIDUuNS0yLjEgMS44LS45IDMuNC0yIDQuOC0zLjNsLTUuMS03LjJjLTEuNyAxLjQtMy4zIDIuMy00LjggMi45cy0zLjEuOC00LjkuOGMtMi42IDAtNC44LS41LTYuOC0xLjQtMS45LTEtMy40LTIuNC00LjQtNC4yLS42LTEtMS0yLjItMS4yLTMuNHptMzQuOS02LjdoLTE4LjRjLjItLjguNS0xLjYuOC0yLjMuOC0xLjcgMi0yLjkgMy41LTMuOHMzLjUtMS4zIDUuOC0xLjNjMS41IDAgMi44LjMgNCAxIDEuMi42IDIuMiAxLjUgMyAyLjZzMS4yIDIuMyAxLjMgMy43em0xMC4yIDYuNy4xLTMuNGMwLTIuOS0uNC01LjYtMS4zLThzLTIuMi00LjYtMy45LTYuNC0zLjctMy4yLTYtNC4yLTQuOC0xLjUtNy42LTEuNWMtMyAwLTUuOC41LTguMyAxLjYtMi41IDEtNC43IDIuNS02LjUgNC40cy0zLjMgNC4xLTQuMyA2LjhjLTEgMi42LTEuNSA1LjUtMS41IDguNyAwIDQgLjkgNy41IDIuNyAxMC42czQuMyA1LjUgNy42IDcuMyA3LjEgMi43IDExLjUgMi43YzEuOSAwIDMuOC0uMiA1LjYtLjcgMS45LS41IDMuNy0xLjEgNS41LTIuMSAxLjgtLjkgMy40LTIgNC44LTMuM2wtNS4xLTcuMmMtMS43IDEuNC0zLjMgMi4zLTQuOCAyLjlzLTMuMS44LTQuOS44Yy0yLjYgMC00LjgtLjUtNi44LTEuNC0xLjktMS0zLjQtMi40LTQuNC00LjItLjYtMS0xLTIuMi0xLjItMy40em0zNC43IDE3LjhoMTAuOHYtMjQuNmMwLTMuNy0uNS02LjctMS42LTkuMi0xLTIuNS0yLjYtNC4zLTQuNy01LjVzLTQuNi0xLjgtNy43LTEuOGMtMi4yIDAtNC4zLjUtNi4zIDEuNHMtMy44IDIuMS01LjMgMy42Yy0uMy4zLS43LjctLjkgMS4xbC0uMi01LjJoLTEwLjR2NDAuM2gxMC45di0yNC4yYzAtMS4xLjItMi4xLjYtMy4xLjQtLjkgMS0xLjcgMS44LTIuNHMxLjctMS4zIDIuNy0xLjZjMS0uNCAyLjEtLjYgMy40LS42IDEuNiAwIDIuOS4yIDMuOS44czEuOCAxLjQgMi4zIDIuN2MuNSAxLjIuOCAyLjcuOCA0LjZ2MjMuN3ptMzYuMy0zMC43aDguM3YtOS43aC04LjN2LTEwLjJoLTEwLjh2MTAuMmgtNy42djkuN2g3LjZ2MzAuN2gxMC44di0zMC43em00MS44IDYuMmgtMTguNGMuMi0uOC41LTEuNi44LTIuMy44LTEuNyAyLTIuOSAzLjUtMy44czMuNS0xLjMgNS44LTEuM2MxLjUgMCAyLjguMyA0IDEgMS4yLjYgMi4yIDEuNSAzIDIuNnMxLjIgMi4zIDEuMyAzLjd6bTEwLjMgMy4zYzAtMi45LS40LTUuNi0xLjMtOHMtMi4yLTQuNi0zLjktNi40LTMuNy0zLjItNi00LjItNC44LTEuNS03LjYtMS41Yy0zIDAtNS44LjUtOC4zIDEuNi0yLjUgMS00LjcgMi41LTYuNSA0LjRzLTMuMyA0LjEtNC4zIDYuOGMtMSAyLjYtMS41IDUuNS0xLjUgOC43IDAgNCAuOSA3LjUgMi43IDEwLjZzNC4zIDUuNSA3LjYgNy4zIDcuMSAyLjcgMTEuNSAyLjdjMS45IDAgMy44LS4yIDUuNi0uNyAxLjktLjUgMy43LTEuMSA1LjUtMi4xIDEuOC0uOSAzLjQtMiA0LjgtMy4zbC01LjEtNy4yYy0xLjcgMS40LTMuMyAyLjMtNC44IDIuOXMtMy4xLjgtNC45LjhjLTIuNiAwLTQuOC0uNS02LjgtMS40LTEuOS0xLTMuNC0yLjQtNC40LTQuMi0uNi0xLTEtMi4yLTEuMi0zLjRoMjguOHoiIGZpbGw9IiNlYTEwMTciLz48L2c+PC9zdmc+')"
+        }
+      },
+      "footer": {
+        "inline-size": { "value": "260px" },
+        "block-size": { "value": "66px" },
+        "background-image": {
+          "value": "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0MS43IiB2aWV3Qm94PSIwIDAgNTUzLjQgMTQxLjciIHdpZHRoPSI1NTMuNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDU1My40djE0MS43aC01NTMuNHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0ibTM4NS40IDEyMGMwLS44LjItMS41LjUtMi4xcy44LTEuMSAxLjQtMS42IDEuNC0uOCAyLjQtMWMuOS0uMiAyLS4zIDMuMi0uM2g2Ljd2NS4zYy0uNC40LS43LjgtMS4xIDEuMS0xLjEuOS0yLjMgMS42LTMuNiAyLjFzLTIuOC44LTQuMi44Yy0xIDAtMS45LS4yLTIuNy0uNS0uOC0uNC0xLjQtLjktMS45LTEuNXMtLjctMS40LS43LTIuM20tOS4zLTVjLS44IDEuNi0xLjEgMy40LTEuMSA1LjUgMCAyLjQuNiA0LjYgMS44IDYuNHMyLjggMy4yIDQuOSA0LjIgNC40IDEuNSA2LjkgMS41YzIgMCAzLjktLjQgNS42LTEuMSAxLjgtLjggMy40LTEuOCA1LTMuMS4yLS4xLjMtLjMuNS0uNHYzLjloMTAuMnYtMjcuNGMwLTMuMS0uNy01LjctMi03LjdzLTMuMi0zLjYtNS42LTQuNi01LjMtMS41LTguNS0xLjVjLTMuNiAwLTYuOS43LTkuOSAyLjFzLTUuOCAzLjMtOC4yIDUuOWw2LjYgNi40YzEuNC0xLjcgMi45LTMgNC42LTMuOCAxLjYtLjggMy41LTEuMiA1LjYtMS4yIDIuMiAwIDMuOS42IDUuMiAxLjdzMS45IDIuOCAxLjkgNC45djEuMWgtNi42Yy0zIDAtNS42LjMtNy45LjgtMi4zLjYtNC4xIDEuNC01LjYgMi40cy0yLjYgMi40LTMuNCA0bS04Ni40LTIzLjVoLTEwLjh2MjVjMCAzLjQuNiA2LjIgMS43IDguN3MyLjggNC4zIDQuOSA1LjYgNC43IDEuOSA3LjYgMS45YzIuMyAwIDQuNC0uNCA2LjQtMS4zczMuNy0yLjEgNS4xLTMuNmwxLjItMS41LjIgNS42aDEwLjN2LTQwLjRoLTEwLjh2MjQuMWMwIDEuMi0uMiAyLjItLjYgMy4ycy0xIDEuOC0xLjcgMi41LTEuNiAxLjMtMi42IDEuNmMtMSAuNC0yLjEuNi0zLjMuNi0yLjQgMC00LjMtLjgtNS42LTIuNHMtMi0zLjgtMi02Ljd6bS0xOTUuMyAyNS42IDQuNiA3LjktNC42IDcuOWg5LjNsNS4yIDguOSA1LjItOC45aDkuM2wtNC42LTcuOSA0LjYtNy45aC05LjNsLTUuMi04LjktNS4yIDguOXptLTk0LjQgMCA0LjYgNy45LTQuNiA3LjloOS4zbDUuMiA4LjkgNS4yLTguOWg5LjNsLTQuNi03LjkgNC42LTcuOWgtOS4zbC01LjItOC45LTUuMiA4Ljl6bTI5LTkyLjQtNC42LTcuOSA0LjYtNy45aC05LjNsLTUuMi04LjktNS4yIDguOWgtOS4zbDQuNiA3LjktNC42IDcuOWg5LjNsNS4yIDguOSA1LjItOC45em0wIDU0LTQuNi03LjkgNC42LTcuOWgtOS4zbC01LjItOC45LTUuMiA4LjloLTkuM2w0LjYgNy45LTQuNiA3LjloOS4zbDUuMiA4LjkgNS4yLTguOXptMjIuNSA2My4xIDIwLjQtMjEuMnYtOTkuM2wtMjAuNC0yMS4yem03Mi0xMTcuMS00LjYtNy45IDQuNi03LjloLTkuM2wtNS4yLTguOS01LjIgOC45aC05LjNsNC42IDcuOS00LjYgNy45aDkuM2w1LjIgOC45IDUuMi04Ljl6bTAgNTQtNC42LTcuOSA0LjYtNy45aC05LjNsLTUuMi04LjktNS4yIDguOWgtOS4zbDQuNiA3LjktNC42IDcuOWg5LjNsNS4yIDguOSA1LjItOC45em05Ni4yLTM3LjdjMS4yLTIuOSAxLjgtNiAxLjgtOS41di0xLjljMC0uOC0uMS0xLjYtLjEtMi40LS4xLS44LS4xLTEuNS0uMi0yLjFoLTI0LjZ2OS42aDEzLjZjMCAxLjMtLjQgMi41LTEgMy43LS43IDEuMi0xLjYgMi4zLTIuNyAzLjJzLTIuNSAxLjYtNCAyLjJjLTEuNS41LTMuMS44LTQuOC44LTIuNCAwLTQuNi0uNC02LjctMS4zcy0zLjktMi4xLTUuNS0zLjctMi44LTMuNC0zLjctNS41LTEuMy00LjMtMS4zLTYuNy40LTQuNyAxLjMtNi44Yy44LTIuMSAyLTMuOSAzLjUtNS41czMuMy0yLjcgNS4zLTMuNmMyLS44IDQuMi0xLjMgNi42LTEuMyAyLjYgMCA1IC41IDcuMiAxLjYgMi4yIDEgNC4zIDIuNSA2LjMgNC40bDcuMS03LjVjLTEuNC0xLjctMy4xLTMuMy01LjMtNC42LTIuMS0xLjMtNC41LTIuNC03LjEtMy4xLTIuNi0uOC01LjMtMS4xLTguMi0xLjEtNC4xIDAtNy45LjctMTEuNCAyLjFzLTYuNSAzLjMtOSA1LjhjLTIuNiAyLjUtNC42IDUuNC01LjkgOC43LTEuNCAzLjQtMi4xIDctMi4xIDEwLjlzLjcgNy42IDIgMTAuOWMxLjMgMy40IDMuMyA2LjMgNS44IDguOHM1LjQgNC40IDguOCA1LjggNy4yIDIuMSAxMS40IDIuMWMzLjUgMCA2LjctLjYgOS43LTEuN3M1LjYtMi44IDcuOS00LjhjMi40LTIuMSA0LjEtNC42IDUuMy03LjVtMCA3Ny42YzEuMi0yLjkgMS44LTYgMS44LTkuNXYtMS45YzAtLjgtLjEtMS42LS4xLTIuNC0uMS0uOC0uMS0xLjUtLjItMi4xaC0yNC42djkuNmgxMy42YzAgMS4zLS40IDIuNS0xIDMuNy0uNyAxLjItMS42IDIuMy0yLjcgMy4ycy0yLjUgMS42LTQgMi4yYy0xLjUuNS0zLjEuOC00LjguOC0yLjQgMC00LjYtLjQtNi43LTEuM3MtMy45LTIuMS01LjUtMy43LTIuOC0zLjQtMy43LTUuNS0xLjMtNC4zLTEuMy02LjcuNC00LjcgMS4zLTYuOGMuOC0yLjEgMi0zLjkgMy41LTUuNXMzLjMtMi43IDUuMy0zLjZjMi0uOCA0LjItMS4zIDYuNi0xLjMgMi42IDAgNSAuNSA3LjIgMS42IDIuMiAxIDQuMyAyLjUgNi4zIDQuNGw3LjEtNy41Yy0xLjQtMS43LTMuMS0zLjMtNS4zLTQuNi0yLjEtMS4zLTQuNS0yLjQtNy4xLTMuMS0yLjYtLjgtNS4zLTEuMS04LjItMS4xLTQuMSAwLTcuOS43LTExLjQgMi4xcy02LjUgMy4zLTkgNS44Yy0yLjYgMi41LTQuNiA1LjQtNS45IDguNy0xLjQgMy40LTIuMSA3LTIuMSAxMC45cy43IDcuNiAyIDEwLjljMS4zIDMuNCAzLjMgNi4zIDUuOCA4LjhzNS40IDQuNCA4LjggNS44IDcuMiAyLjEgMTEuNCAyLjFjMy41IDAgNi43LS42IDkuNy0xLjdzNS42LTIuOCA3LjktNC44YzIuNC0yLjEgNC4xLTQuNiA1LjMtNy41bTM3LjMtODguOGgtMTguNGMuMi0uOC41LTEuNi44LTIuMy44LTEuNyAyLTIuOSAzLjUtMy44IDEuNi0uOSAzLjUtMS4zIDUuOC0xLjMgMS41IDAgMi44LjMgNCAxIDEuMi42IDIuMiAxLjUgMyAyLjZzMS4yIDIuMyAxLjMgMy43em0xMC4yIDYuNy4xLTMuNGMwLTIuOS0uNC01LjYtMS4zLThzLTIuMi00LjYtMy45LTYuNC0zLjctMy4yLTYtNC4yLTQuOC0xLjUtNy42LTEuNWMtMyAwLTUuOC41LTguMyAxLjYtMi41IDEtNC43IDIuNS02LjUgNC40cy0zLjMgNC4xLTQuMyA2LjhjLTEgMi42LTEuNSA1LjUtMS41IDguNyAwIDQgLjkgNy41IDIuNyAxMC42czQuMyA1LjUgNy42IDcuMyA3LjEgMi43IDExLjUgMi43YzEuOSAwIDMuOC0uMiA1LjYtLjcgMS45LS41IDMuNy0xLjEgNS41LTIuMSAxLjgtLjkgMy40LTIgNC44LTMuM2wtNS4xLTcuMmMtMS43IDEuNC0zLjMgMi4zLTQuOCAyLjlzLTMuMS44LTQuOS44Yy0yLjYgMC00LjgtLjUtNi43LTEuNC0xLjktMS0zLjQtMi40LTQuNC00LjItLjYtMS0xLTIuMi0xLjItMy40em0tNy43IDc1LjJjMCAyLjItLjQgNC4xLTEuMyA1LjktLjkgMS43LTIuMSAzLjEtMy43IDQuMXMtMy4zIDEuNS01LjQgMS41Yy0yIDAtMy44LS41LTUuMy0xLjUtMS42LTEtMi44LTIuNC0zLjctNC4xcy0xLjMtMy43LTEuMy01LjljLS4xLTIuMy40LTQuMyAxLjMtNnMyLjItMy4xIDMuNy00LjFjMS42LTEgMy40LTEuNSA1LjMtMS41IDIgMCAzLjguNSA1LjQgMS41IDEuNSAxIDIuOCAyLjQgMy43IDQuMSAxIDEuNyAxLjQgMy43IDEuMyA2bTguMyAxMC44YzEuOS0zLjIgMi44LTYuNyAyLjgtMTAuOHMtLjktNy44LTIuOC0xMC45Yy0xLjktMy4yLTQuNC01LjYtNy42LTcuNHMtNi45LTIuNy0xMS0yLjctNy43LjktMTAuOSAyLjctNS44IDQuMy03LjYgNy40Yy0xLjkgMy4yLTIuOCA2LjgtMi44IDEwLjkgMCA0IC45IDcuNiAyLjggMTAuOHM0LjQgNS42IDcuNiA3LjQgNi45IDIuNyAxMC45IDIuN2M0LjEgMCA3LjgtLjkgMTEtMi43czUuNy00LjMgNy42LTcuNG01OS4xLTY4LjJoMTAuOHYtMjQuNGMwLTMuNy0uNS02LjctMS42LTkuMi0xLTIuNS0yLjYtNC4zLTQuNy01LjZzLTQuNy0xLjktNy44LTEuOWMtMS4zIDAtMi43LjItNCAuNi0xLjQuNC0yLjcgMS00IDEuN3MtMi40IDEuNi0zLjQgMi42Yy0uOC44LTEuNSAxLjctMi4xIDIuNy0uNS0xLjQtMS4yLTIuNS0yLTMuNS0xLjItMS40LTIuNi0yLjUtNC4yLTMuMS0xLjctLjctMy41LTEtNS43LTEtMS40IDAtMi44LjItNC4yLjdzLTIuNyAxLjEtMy45IDEuOGMtMS4yLjgtMi4zIDEuNy0zLjIgMi44LS4yLjMtLjQuNS0uNi44bC0uMi01LjNoLTEwLjR2NDAuM2gxMC45di0yNGMwLTEuMS4yLTIuMS42LTMuMS40LS45IDEtMS44IDEuNy0yLjQuNy0uNyAxLjYtMS4yIDIuNi0xLjZzMi4xLS42IDMuMi0uNmMyLjEgMCAzLjguNyA0LjkgMi4xczEuNyAzLjMgMS43IDUuOXYyMy44aDEwLjh2LTI0YzAtMS4xLjItMi4xLjYtMy4xLjQtLjkgMS0xLjcgMS43LTIuNHMxLjYtMS4zIDIuNi0xLjZjMS0uNCAyLjEtLjYgMy4zLS42IDIuMiAwIDMuOS43IDUgMnMxLjYgMy40IDEuNiA2LjF6bTE4LjkgNDUuNGMyLjEgMCAzLjkuNSA1LjQgMS41czIuNyAyLjQgMy41IDQuMmMuOSAxLjggMS4zIDMuOSAxLjMgNi4zIDAgMi4zLS40IDQuNC0xLjMgNi4ycy0yIDMuMi0zLjUgNC4yLTMuMyAxLjUtNS40IDEuNWMtMiAwLTMuNy0uNS01LjMtMS41LTEuNS0xLTIuNy0yLjQtMy41LTQuMnMtMS4zLTMuOC0xLjMtNi4yLjQtNC41IDEuMy02LjNjLjgtMS44IDItMy4yIDMuNS00LjJzMy4zLTEuNSA1LjMtMS41bTMuMS04LjFjLTEuOC0uNi0zLjYtLjktNS41LS45LTMuNiAwLTYuNy45LTkuNSAyLjdzLTUgNC4zLTYuNiA3LjUtMi40IDYuOC0yLjQgMTAuOC44IDcuNiAyLjQgMTAuOCAzLjggNS43IDYuNiA3LjRjMi44IDEuOCA2IDIuNyA5LjUgMi43IDEuOSAwIDMuNy0uMyA1LjQtLjhzMy4yLTEuMyA0LjYtMi4yYzEtLjcgMS45LTEuNSAyLjYtMi40bC4yIDQuNmgxMC4ydi01Ni40aC0xMC44djIwLjRjLS42LS43LTEuMy0xLjMtMi4xLTEuOS0xLjMtMS0yLjktMS44LTQuNi0yLjNtMjUuOS02MS44aC0xOC40Yy4yLS44LjUtMS42LjgtMi4zLjgtMS43IDItMi45IDMuNS0zLjhzMy41LTEuMyA1LjgtMS4zYzEuNSAwIDIuOC4zIDQgMSAxLjIuNiAyLjIgMS41IDMgMi42czEuMiAyLjMgMS4zIDMuN3ptMTAuMyA2LjcuMS0zLjRjMC0yLjktLjQtNS42LTEuMy04cy0yLjItNC42LTMuOS02LjQtMy43LTMuMi02LTQuMi00LjgtMS41LTcuNi0xLjVjLTMgMC01LjguNS04LjMgMS42LTIuNSAxLTQuNyAyLjUtNi41IDQuNHMtMy4zIDQuMS00LjMgNi44Yy0xIDIuNi0xLjUgNS41LTEuNSA4LjcgMCA0IC45IDcuNSAyLjcgMTAuNnM0LjMgNS41IDcuNiA3LjMgNy4xIDIuNyAxMS41IDIuN2MxLjkgMCAzLjgtLjIgNS42LS43IDEuOS0uNSAzLjctMS4xIDUuNS0yLjEgMS44LS45IDMuNC0yIDQuOC0zLjNsLTUuMS03LjJjLTEuNyAxLjQtMy4zIDIuMy00LjggMi45cy0zLjEuOC00LjkuOGMtMi42IDAtNC44LS41LTYuOC0xLjQtMS45LTEtMy40LTIuNC00LjQtNC4yLS42LTEtMS0yLjItMS4yLTMuNHptMzQuOS02LjdoLTE4LjRjLjItLjguNS0xLjYuOC0yLjMuOC0xLjcgMi0yLjkgMy41LTMuOHMzLjUtMS4zIDUuOC0xLjNjMS41IDAgMi44LjMgNCAxIDEuMi42IDIuMiAxLjUgMyAyLjZzMS4yIDIuMyAxLjMgMy43em0xMC4yIDYuNy4xLTMuNGMwLTIuOS0uNC01LjYtMS4zLThzLTIuMi00LjYtMy45LTYuNC0zLjctMy4yLTYtNC4yLTQuOC0xLjUtNy42LTEuNWMtMyAwLTUuOC41LTguMyAxLjYtMi41IDEtNC43IDIuNS02LjUgNC40cy0zLjMgNC4xLTQuMyA2LjhjLTEgMi42LTEuNSA1LjUtMS41IDguNyAwIDQgLjkgNy41IDIuNyAxMC42czQuMyA1LjUgNy42IDcuMyA3LjEgMi43IDExLjUgMi43YzEuOSAwIDMuOC0uMiA1LjYtLjcgMS45LS41IDMuNy0xLjEgNS41LTIuMSAxLjgtLjkgMy40LTIgNC44LTMuM2wtNS4xLTcuMmMtMS43IDEuNC0zLjMgMi4zLTQuOCAyLjlzLTMuMS44LTQuOS44Yy0yLjYgMC00LjgtLjUtNi44LTEuNC0xLjktMS0zLjQtMi40LTQuNC00LjItLjYtMS0xLTIuMi0xLjItMy40em0zNC43IDE3LjhoMTAuOHYtMjQuNmMwLTMuNy0uNS02LjctMS42LTkuMi0xLTIuNS0yLjYtNC4zLTQuNy01LjVzLTQuNi0xLjgtNy43LTEuOGMtMi4yIDAtNC4zLjUtNi4zIDEuNHMtMy44IDIuMS01LjMgMy42Yy0uMy4zLS43LjctLjkgMS4xbC0uMi01LjJoLTEwLjR2NDAuM2gxMC45di0yNC4yYzAtMS4xLjItMi4xLjYtMy4xLjQtLjkgMS0xLjcgMS44LTIuNHMxLjctMS4zIDIuNy0xLjZjMS0uNCAyLjEtLjYgMy40LS42IDEuNiAwIDIuOS4yIDMuOS44czEuOCAxLjQgMi4zIDIuN2MuNSAxLjIuOCAyLjcuOCA0LjZ2MjMuN3ptMzYuMy0zMC43aDguM3YtOS43aC04LjN2LTEwLjJoLTEwLjh2MTAuMmgtNy42djkuN2g3LjZ2MzAuN2gxMC44di0zMC43em00MS44IDYuMmgtMTguNGMuMi0uOC41LTEuNi44LTIuMy44LTEuNyAyLTIuOSAzLjUtMy44czMuNS0xLjMgNS44LTEuM2MxLjUgMCAyLjguMyA0IDEgMS4yLjYgMi4yIDEuNSAzIDIuNnMxLjIgMi4zIDEuMyAzLjd6bTEwLjMgMy4zYzAtMi45LS40LTUuNi0xLjMtOHMtMi4yLTQuNi0zLjktNi40LTMuNy0zLjItNi00LjItNC44LTEuNS03LjYtMS41Yy0zIDAtNS44LjUtOC4zIDEuNi0yLjUgMS00LjcgMi41LTYuNSA0LjRzLTMuMyA0LjEtNC4zIDYuOGMtMSAyLjYtMS41IDUuNS0xLjUgOC43IDAgNCAuOSA3LjUgMi43IDEwLjZzNC4zIDUuNSA3LjYgNy4zIDcuMSAyLjcgMTEuNSAyLjdjMS45IDAgMy44LS4yIDUuNi0uNyAxLjktLjUgMy43LTEuMSA1LjUtMi4xIDEuOC0uOSAzLjQtMiA0LjgtMy4zbC01LjEtNy4yYy0xLjcgMS40LTMuMyAyLjMtNC44IDIuOXMtMy4xLjgtNC45LjhjLTIuNiAwLTQuOC0uNS02LjgtMS40LTEuOS0xLTMuNC0yLjQtNC40LTQuMi0uNi0xLTEtMi4yLTEuMi0zLjRoMjguOHoiIGZpbGw9IiNlYTEwMTciLz48L2c+PC9zdmc+')"
+        }
+      },
+      "navbar": {
+        "inline-size": { "value": "187px" },
+        "block-size": { "value": "48px" },
+        "background-image": {
+          "value": "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0MS43IiB2aWV3Qm94PSIwIDAgNTUzLjQgMTQxLjciIHdpZHRoPSI1NTMuNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDU1My40djE0MS43aC01NTMuNHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0ibTM4NS40IDEyMGMwLS44LjItMS41LjUtMi4xcy44LTEuMSAxLjQtMS42IDEuNC0uOCAyLjQtMWMuOS0uMiAyLS4zIDMuMi0uM2g2Ljd2NS4zYy0uNC40LS43LjgtMS4xIDEuMS0xLjEuOS0yLjMgMS42LTMuNiAyLjFzLTIuOC44LTQuMi44Yy0xIDAtMS45LS4yLTIuNy0uNS0uOC0uNC0xLjQtLjktMS45LTEuNXMtLjctMS40LS43LTIuM20tOS4zLTVjLS44IDEuNi0xLjEgMy40LTEuMSA1LjUgMCAyLjQuNiA0LjYgMS44IDYuNHMyLjggMy4yIDQuOSA0LjIgNC40IDEuNSA2LjkgMS41YzIgMCAzLjktLjQgNS42LTEuMSAxLjgtLjggMy40LTEuOCA1LTMuMS4yLS4xLjMtLjMuNS0uNHYzLjloMTAuMnYtMjcuNGMwLTMuMS0uNy01LjctMi03LjdzLTMuMi0zLjYtNS42LTQuNi01LjMtMS41LTguNS0xLjVjLTMuNiAwLTYuOS43LTkuOSAyLjFzLTUuOCAzLjMtOC4yIDUuOWw2LjYgNi40YzEuNC0xLjcgMi45LTMgNC42LTMuOCAxLjYtLjggMy41LTEuMiA1LjYtMS4yIDIuMiAwIDMuOS42IDUuMiAxLjdzMS45IDIuOCAxLjkgNC45djEuMWgtNi42Yy0zIDAtNS42LjMtNy45LjgtMi4zLjYtNC4xIDEuNC01LjYgMi40cy0yLjYgMi40LTMuNCA0bS04Ni40LTIzLjVoLTEwLjh2MjVjMCAzLjQuNiA2LjIgMS43IDguN3MyLjggNC4zIDQuOSA1LjYgNC43IDEuOSA3LjYgMS45YzIuMyAwIDQuNC0uNCA2LjQtMS4zczMuNy0yLjEgNS4xLTMuNmwxLjItMS41LjIgNS42aDEwLjN2LTQwLjRoLTEwLjh2MjQuMWMwIDEuMi0uMiAyLjItLjYgMy4ycy0xIDEuOC0xLjcgMi41LTEuNiAxLjMtMi42IDEuNmMtMSAuNC0yLjEuNi0zLjMuNi0yLjQgMC00LjMtLjgtNS42LTIuNHMtMi0zLjgtMi02Ljd6bS0xOTUuMyAyNS42IDQuNiA3LjktNC42IDcuOWg5LjNsNS4yIDguOSA1LjItOC45aDkuM2wtNC42LTcuOSA0LjYtNy45aC05LjNsLTUuMi04LjktNS4yIDguOXptLTk0LjQgMCA0LjYgNy45LTQuNiA3LjloOS4zbDUuMiA4LjkgNS4yLTguOWg5LjNsLTQuNi03LjkgNC42LTcuOWgtOS4zbC01LjItOC45LTUuMiA4Ljl6bTI5LTkyLjQtNC42LTcuOSA0LjYtNy45aC05LjNsLTUuMi04LjktNS4yIDguOWgtOS4zbDQuNiA3LjktNC42IDcuOWg5LjNsNS4yIDguOSA1LjItOC45em0wIDU0LTQuNi03LjkgNC42LTcuOWgtOS4zbC01LjItOC45LTUuMiA4LjloLTkuM2w0LjYgNy45LTQuNiA3LjloOS4zbDUuMiA4LjkgNS4yLTguOXptMjIuNSA2My4xIDIwLjQtMjEuMnYtOTkuM2wtMjAuNC0yMS4yem03Mi0xMTcuMS00LjYtNy45IDQuNi03LjloLTkuM2wtNS4yLTguOS01LjIgOC45aC05LjNsNC42IDcuOS00LjYgNy45aDkuM2w1LjIgOC45IDUuMi04Ljl6bTAgNTQtNC42LTcuOSA0LjYtNy45aC05LjNsLTUuMi04LjktNS4yIDguOWgtOS4zbDQuNiA3LjktNC42IDcuOWg5LjNsNS4yIDguOSA1LjItOC45em05Ni4yLTM3LjdjMS4yLTIuOSAxLjgtNiAxLjgtOS41di0xLjljMC0uOC0uMS0xLjYtLjEtMi40LS4xLS44LS4xLTEuNS0uMi0yLjFoLTI0LjZ2OS42aDEzLjZjMCAxLjMtLjQgMi41LTEgMy43LS43IDEuMi0xLjYgMi4zLTIuNyAzLjJzLTIuNSAxLjYtNCAyLjJjLTEuNS41LTMuMS44LTQuOC44LTIuNCAwLTQuNi0uNC02LjctMS4zcy0zLjktMi4xLTUuNS0zLjctMi44LTMuNC0zLjctNS41LTEuMy00LjMtMS4zLTYuNy40LTQuNyAxLjMtNi44Yy44LTIuMSAyLTMuOSAzLjUtNS41czMuMy0yLjcgNS4zLTMuNmMyLS44IDQuMi0xLjMgNi42LTEuMyAyLjYgMCA1IC41IDcuMiAxLjYgMi4yIDEgNC4zIDIuNSA2LjMgNC40bDcuMS03LjVjLTEuNC0xLjctMy4xLTMuMy01LjMtNC42LTIuMS0xLjMtNC41LTIuNC03LjEtMy4xLTIuNi0uOC01LjMtMS4xLTguMi0xLjEtNC4xIDAtNy45LjctMTEuNCAyLjFzLTYuNSAzLjMtOSA1LjhjLTIuNiAyLjUtNC42IDUuNC01LjkgOC43LTEuNCAzLjQtMi4xIDctMi4xIDEwLjlzLjcgNy42IDIgMTAuOWMxLjMgMy40IDMuMyA2LjMgNS44IDguOHM1LjQgNC40IDguOCA1LjggNy4yIDIuMSAxMS40IDIuMWMzLjUgMCA2LjctLjYgOS43LTEuN3M1LjYtMi44IDcuOS00LjhjMi40LTIuMSA0LjEtNC42IDUuMy03LjVtMCA3Ny42YzEuMi0yLjkgMS44LTYgMS44LTkuNXYtMS45YzAtLjgtLjEtMS42LS4xLTIuNC0uMS0uOC0uMS0xLjUtLjItMi4xaC0yNC42djkuNmgxMy42YzAgMS4zLS40IDIuNS0xIDMuNy0uNyAxLjItMS42IDIuMy0yLjcgMy4ycy0yLjUgMS42LTQgMi4yYy0xLjUuNS0zLjEuOC00LjguOC0yLjQgMC00LjYtLjQtNi43LTEuM3MtMy45LTIuMS01LjUtMy43LTIuOC0zLjQtMy43LTUuNS0xLjMtNC4zLTEuMy02LjcuNC00LjcgMS4zLTYuOGMuOC0yLjEgMi0zLjkgMy41LTUuNXMzLjMtMi43IDUuMy0zLjZjMi0uOCA0LjItMS4zIDYuNi0xLjMgMi42IDAgNSAuNSA3LjIgMS42IDIuMiAxIDQuMyAyLjUgNi4zIDQuNGw3LjEtNy41Yy0xLjQtMS43LTMuMS0zLjMtNS4zLTQuNi0yLjEtMS4zLTQuNS0yLjQtNy4xLTMuMS0yLjYtLjgtNS4zLTEuMS04LjItMS4xLTQuMSAwLTcuOS43LTExLjQgMi4xcy02LjUgMy4zLTkgNS44Yy0yLjYgMi41LTQuNiA1LjQtNS45IDguNy0xLjQgMy40LTIuMSA3LTIuMSAxMC45cy43IDcuNiAyIDEwLjljMS4zIDMuNCAzLjMgNi4zIDUuOCA4LjhzNS40IDQuNCA4LjggNS44IDcuMiAyLjEgMTEuNCAyLjFjMy41IDAgNi43LS42IDkuNy0xLjdzNS42LTIuOCA3LjktNC44YzIuNC0yLjEgNC4xLTQuNiA1LjMtNy41bTM3LjMtODguOGgtMTguNGMuMi0uOC41LTEuNi44LTIuMy44LTEuNyAyLTIuOSAzLjUtMy44IDEuNi0uOSAzLjUtMS4zIDUuOC0xLjMgMS41IDAgMi44LjMgNCAxIDEuMi42IDIuMiAxLjUgMyAyLjZzMS4yIDIuMyAxLjMgMy43em0xMC4yIDYuNy4xLTMuNGMwLTIuOS0uNC01LjYtMS4zLThzLTIuMi00LjYtMy45LTYuNC0zLjctMy4yLTYtNC4yLTQuOC0xLjUtNy42LTEuNWMtMyAwLTUuOC41LTguMyAxLjYtMi41IDEtNC43IDIuNS02LjUgNC40cy0zLjMgNC4xLTQuMyA2LjhjLTEgMi42LTEuNSA1LjUtMS41IDguNyAwIDQgLjkgNy41IDIuNyAxMC42czQuMyA1LjUgNy42IDcuMyA3LjEgMi43IDExLjUgMi43YzEuOSAwIDMuOC0uMiA1LjYtLjcgMS45LS41IDMuNy0xLjEgNS41LTIuMSAxLjgtLjkgMy40LTIgNC44LTMuM2wtNS4xLTcuMmMtMS43IDEuNC0zLjMgMi4zLTQuOCAyLjlzLTMuMS44LTQuOS44Yy0yLjYgMC00LjgtLjUtNi43LTEuNC0xLjktMS0zLjQtMi40LTQuNC00LjItLjYtMS0xLTIuMi0xLjItMy40em0tNy43IDc1LjJjMCAyLjItLjQgNC4xLTEuMyA1LjktLjkgMS43LTIuMSAzLjEtMy43IDQuMXMtMy4zIDEuNS01LjQgMS41Yy0yIDAtMy44LS41LTUuMy0xLjUtMS42LTEtMi44LTIuNC0zLjctNC4xcy0xLjMtMy43LTEuMy01LjljLS4xLTIuMy40LTQuMyAxLjMtNnMyLjItMy4xIDMuNy00LjFjMS42LTEgMy40LTEuNSA1LjMtMS41IDIgMCAzLjguNSA1LjQgMS41IDEuNSAxIDIuOCAyLjQgMy43IDQuMSAxIDEuNyAxLjQgMy43IDEuMyA2bTguMyAxMC44YzEuOS0zLjIgMi44LTYuNyAyLjgtMTAuOHMtLjktNy44LTIuOC0xMC45Yy0xLjktMy4yLTQuNC01LjYtNy42LTcuNHMtNi45LTIuNy0xMS0yLjctNy43LjktMTAuOSAyLjctNS44IDQuMy03LjYgNy40Yy0xLjkgMy4yLTIuOCA2LjgtMi44IDEwLjkgMCA0IC45IDcuNiAyLjggMTAuOHM0LjQgNS42IDcuNiA3LjQgNi45IDIuNyAxMC45IDIuN2M0LjEgMCA3LjgtLjkgMTEtMi43czUuNy00LjMgNy42LTcuNG01OS4xLTY4LjJoMTAuOHYtMjQuNGMwLTMuNy0uNS02LjctMS42LTkuMi0xLTIuNS0yLjYtNC4zLTQuNy01LjZzLTQuNy0xLjktNy44LTEuOWMtMS4zIDAtMi43LjItNCAuNi0xLjQuNC0yLjcgMS00IDEuN3MtMi40IDEuNi0zLjQgMi42Yy0uOC44LTEuNSAxLjctMi4xIDIuNy0uNS0xLjQtMS4yLTIuNS0yLTMuNS0xLjItMS40LTIuNi0yLjUtNC4yLTMuMS0xLjctLjctMy41LTEtNS43LTEtMS40IDAtMi44LjItNC4yLjdzLTIuNyAxLjEtMy45IDEuOGMtMS4yLjgtMi4zIDEuNy0zLjIgMi44LS4yLjMtLjQuNS0uNi44bC0uMi01LjNoLTEwLjR2NDAuM2gxMC45di0yNGMwLTEuMS4yLTIuMS42LTMuMS40LS45IDEtMS44IDEuNy0yLjQuNy0uNyAxLjYtMS4yIDIuNi0xLjZzMi4xLS42IDMuMi0uNmMyLjEgMCAzLjguNyA0LjkgMi4xczEuNyAzLjMgMS43IDUuOXYyMy44aDEwLjh2LTI0YzAtMS4xLjItMi4xLjYtMy4xLjQtLjkgMS0xLjcgMS43LTIuNHMxLjYtMS4zIDIuNi0xLjZjMS0uNCAyLjEtLjYgMy4zLS42IDIuMiAwIDMuOS43IDUgMnMxLjYgMy40IDEuNiA2LjF6bTE4LjkgNDUuNGMyLjEgMCAzLjkuNSA1LjQgMS41czIuNyAyLjQgMy41IDQuMmMuOSAxLjggMS4zIDMuOSAxLjMgNi4zIDAgMi4zLS40IDQuNC0xLjMgNi4ycy0yIDMuMi0zLjUgNC4yLTMuMyAxLjUtNS40IDEuNWMtMiAwLTMuNy0uNS01LjMtMS41LTEuNS0xLTIuNy0yLjQtMy41LTQuMnMtMS4zLTMuOC0xLjMtNi4yLjQtNC41IDEuMy02LjNjLjgtMS44IDItMy4yIDMuNS00LjJzMy4zLTEuNSA1LjMtMS41bTMuMS04LjFjLTEuOC0uNi0zLjYtLjktNS41LS45LTMuNiAwLTYuNy45LTkuNSAyLjdzLTUgNC4zLTYuNiA3LjUtMi40IDYuOC0yLjQgMTAuOC44IDcuNiAyLjQgMTAuOCAzLjggNS43IDYuNiA3LjRjMi44IDEuOCA2IDIuNyA5LjUgMi43IDEuOSAwIDMuNy0uMyA1LjQtLjhzMy4yLTEuMyA0LjYtMi4yYzEtLjcgMS45LTEuNSAyLjYtMi40bC4yIDQuNmgxMC4ydi01Ni40aC0xMC44djIwLjRjLS42LS43LTEuMy0xLjMtMi4xLTEuOS0xLjMtMS0yLjktMS44LTQuNi0yLjNtMjUuOS02MS44aC0xOC40Yy4yLS44LjUtMS42LjgtMi4zLjgtMS43IDItMi45IDMuNS0zLjhzMy41LTEuMyA1LjgtMS4zYzEuNSAwIDIuOC4zIDQgMSAxLjIuNiAyLjIgMS41IDMgMi42czEuMiAyLjMgMS4zIDMuN3ptMTAuMyA2LjcuMS0zLjRjMC0yLjktLjQtNS42LTEuMy04cy0yLjItNC42LTMuOS02LjQtMy43LTMuMi02LTQuMi00LjgtMS41LTcuNi0xLjVjLTMgMC01LjguNS04LjMgMS42LTIuNSAxLTQuNyAyLjUtNi41IDQuNHMtMy4zIDQuMS00LjMgNi44Yy0xIDIuNi0xLjUgNS41LTEuNSA4LjcgMCA0IC45IDcuNSAyLjcgMTAuNnM0LjMgNS41IDcuNiA3LjMgNy4xIDIuNyAxMS41IDIuN2MxLjkgMCAzLjgtLjIgNS42LS43IDEuOS0uNSAzLjctMS4xIDUuNS0yLjEgMS44LS45IDMuNC0yIDQuOC0zLjNsLTUuMS03LjJjLTEuNyAxLjQtMy4zIDIuMy00LjggMi45cy0zLjEuOC00LjkuOGMtMi42IDAtNC44LS41LTYuOC0xLjQtMS45LTEtMy40LTIuNC00LjQtNC4yLS42LTEtMS0yLjItMS4yLTMuNHptMzQuOS02LjdoLTE4LjRjLjItLjguNS0xLjYuOC0yLjMuOC0xLjcgMi0yLjkgMy41LTMuOHMzLjUtMS4zIDUuOC0xLjNjMS41IDAgMi44LjMgNCAxIDEuMi42IDIuMiAxLjUgMyAyLjZzMS4yIDIuMyAxLjMgMy43em0xMC4yIDYuNy4xLTMuNGMwLTIuOS0uNC01LjYtMS4zLThzLTIuMi00LjYtMy45LTYuNC0zLjctMy4yLTYtNC4yLTQuOC0xLjUtNy42LTEuNWMtMyAwLTUuOC41LTguMyAxLjYtMi41IDEtNC43IDIuNS02LjUgNC40cy0zLjMgNC4xLTQuMyA2LjhjLTEgMi42LTEuNSA1LjUtMS41IDguNyAwIDQgLjkgNy41IDIuNyAxMC42czQuMyA1LjUgNy42IDcuMyA3LjEgMi43IDExLjUgMi43YzEuOSAwIDMuOC0uMiA1LjYtLjcgMS45LS41IDMuNy0xLjEgNS41LTIuMSAxLjgtLjkgMy40LTIgNC44LTMuM2wtNS4xLTcuMmMtMS43IDEuNC0zLjMgMi4zLTQuOCAyLjlzLTMuMS44LTQuOS44Yy0yLjYgMC00LjgtLjUtNi44LTEuNC0xLjktMS0zLjQtMi40LTQuNC00LjItLjYtMS0xLTIuMi0xLjItMy40em0zNC43IDE3LjhoMTAuOHYtMjQuNmMwLTMuNy0uNS02LjctMS42LTkuMi0xLTIuNS0yLjYtNC4zLTQuNy01LjVzLTQuNi0xLjgtNy43LTEuOGMtMi4yIDAtNC4zLjUtNi4zIDEuNHMtMy44IDIuMS01LjMgMy42Yy0uMy4zLS43LjctLjkgMS4xbC0uMi01LjJoLTEwLjR2NDAuM2gxMC45di0yNC4yYzAtMS4xLjItMi4xLjYtMy4xLjQtLjkgMS0xLjcgMS44LTIuNHMxLjctMS4zIDIuNy0xLjZjMS0uNCAyLjEtLjYgMy40LS42IDEuNiAwIDIuOS4yIDMuOS44czEuOCAxLjQgMi4zIDIuN2MuNSAxLjIuOCAyLjcuOCA0LjZ2MjMuN3ptMzYuMy0zMC43aDguM3YtOS43aC04LjN2LTEwLjJoLTEwLjh2MTAuMmgtNy42djkuN2g3LjZ2MzAuN2gxMC44di0zMC43em00MS44IDYuMmgtMTguNGMuMi0uOC41LTEuNi44LTIuMy44LTEuNyAyLTIuOSAzLjUtMy44czMuNS0xLjMgNS44LTEuM2MxLjUgMCAyLjguMyA0IDEgMS4yLjYgMi4yIDEuNSAzIDIuNnMxLjIgMi4zIDEuMyAzLjd6bTEwLjMgMy4zYzAtMi45LS40LTUuNi0xLjMtOHMtMi4yLTQuNi0zLjktNi40LTMuNy0zLjItNi00LjItNC44LTEuNS03LjYtMS41Yy0zIDAtNS44LjUtOC4zIDEuNi0yLjUgMS00LjcgMi41LTYuNSA0LjRzLTMuMyA0LjEtNC4zIDYuOGMtMSAyLjYtMS41IDUuNS0xLjUgOC43IDAgNCAuOSA3LjUgMi43IDEwLjZzNC4zIDUuNSA3LjYgNy4zIDcuMSAyLjcgMTEuNSAyLjdjMS45IDAgMy44LS4yIDUuNi0uNyAxLjktLjUgMy43LTEuMSA1LjUtMi4xIDEuOC0uOSAzLjQtMiA0LjgtMy4zbC01LjEtNy4yYy0xLjcgMS40LTMuMyAyLjMtNC44IDIuOXMtMy4xLjgtNC45LjhjLTIuNiAwLTQuOC0uNS02LjgtMS40LTEuOS0xLTMuNC0yLjQtNC40LTQuMi0uNi0xLTEtMi4yLTEuMi0zLjRoMjguOHoiIGZpbGw9IiNlYTEwMTciLz48L2c+PC9zdmc+')"
+        }
+      }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/component/conduction/navigation.tokens.json

@@ -0,0 +1,79 @@
+{
+  "conduction": {
+    "primary": {
+      "top-nav": {
+        "color": { "value": "{gouda.color.black.0}" },
+        "background-color": { "value": "{gouda.color.white.100}" },
+        "hover": {
+          "color": { "value": "{gouda.color.black.0}" },
+          "background-color": { "value": "{gouda.color.white.100}" },
+          "box-shadow": {},
+          "font-weight": { "value": "{gouda.typography.font-weight.bold}" }
+        },
+        "current": {
+          "color": { "value": "{gouda.color.black.0}" },
+          "background-color": { "value": "{gouda.color.white.100}" },
+          "box-shadow": { "value": "" },
+          "mobile": {
+            "box-shadow": { "value": "" }
+          },
+          "font-weight": { "value": "{gouda.typography.font-weight.bold}" }
+        },
+        "dropdown": {
+          "color": { "value": "{gouda.color.black.0}" },
+          "background-color": { "value": "{gouda.color.white.100}" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "hover": {
+            "color": { "value": "{gouda.color.white.100}" },
+            "background-color": { "value": "{gouda.color.primary}" },
+            "box-shadow": {},
+            "font-weight": {}
+          },
+          "current": {
+            "color": { "value": "{gouda.color.black.0}" },
+            "background-color": { "value": "{gouda.color.white.100}" },
+            "box-shadow": { "value": "" },
+            "mobile": {
+              "box-shadow": { "value": "" }
+            },
+            "font-weight": { "value": "{gouda.typography.font-weight.bold}" }
+          }
+        },
+        "item": {
+          "padding": { "value": "18px" },
+          "border-radius": {}
+        },
+        "padding-inline-end": { "value": "16px" },
+        "padding-inline-start": { "value": "16px" },
+        "padding-block-end": { "value": "16px" },
+        "padding-block-start": { "value": "16px" }
+      }
+    },
+    "secondary": {
+      "top-nav": {
+        "color": { "value": "{gouda.color.grey.29}" },
+        "background-color": { "value": "transparent" },
+        "hover": {
+          "color": { "value": "{gouda.color.primary}" },
+          "background-color": { "value": "{gouda.color.white.100}" }
+        },
+        "current": {
+          "color": { "value": "{gouda.color.primary}" },
+          "background-color": { "value": "{gouda.color.white.100}" },
+          "box-shadow": { "value": "" }
+        },
+        "font-size": { "value": "{gouda.font-size.md}" },
+        "font-weight": { "value": "400" },
+        "item": {
+          "padding": { "value": "18px" }
+        },
+        "padding-inline-end": { "value": "16px" },
+        "padding-inline-start": { "value": "16px" },
+        "padding-block-end": { "value": "16px" },
+        "padding-block-start": { "value": "16px" }
+      }
+    }
+  }
+}